@charset "UTF-8";

html {background: #555555;}
body { margin: 0 auto; padding: 1px 0; color: black; font: 62.5% Arial, Helvetica, sans-serif; width: 804px; position: relative;  }
a {	color: #ED1164;	text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
.skip {display: none !important;}

#container { font-size: 1.2em; padding: 0; margin: 30px 2px 0 2px; background: #FFFEFE; height: 1%; }
#header { position: relative; padding: 37px 0 1px 0; z-index: 10; background: #ED1264 url(../images/bg_header.gif) top left  no-repeat; }
#header #logo { position: absolute;	top: 0px;	left: 15px; }

/* header navigation */
#nav { /*float: right; position: relative;*/ }
#header ul {	padding: 0;	margin: 0;	list-style: none;	background: #ED1264 url(../images/bg_nav.gif) repeat-x;	height: 1.8em;	font-size: 1.35em; }
#header li {	float: right;	position: relative; }
#header li a, #header li span {	display: block;	color: #ffffff;	text-decoration: none;	font-weight: bold;	display: block;	padding: .3em 1em .1em 1.6em;	background: url(../images/nav_separator.gif) no-repeat; }
#header li:first-child + li * { background: none; }
#header li span { cursor: default; }
#header li ul {	position: absolute;	padding: 3px;	left: -999em;	background: none transparent !important;	width: 150px;	height: auto; }
#header li:hover ul, #header li.sfhover ul { left: auto; }
#header ul ul li {	float: none;	padding: 0; }
#header ul ul li:hover, #header ul ul .sfhover { background: none; }
#header ul ul a {	background: #EBEFD3 none !important;	padding: 3px 10px;	border-bottom: 1px solid #717171;	border-top: 1px solid #C2C2C2;	font-size: .55em;  /*background: url(../images/bg_nav_dropdown.png) repeat;*/ color: #000000;  }
#header ul ul a:hover {	background: #CCDA76 !important;	border-bottom: 1px solid #616161;	border-top: 1px solid #B2B2B2; }

#content {	background: url(../images/bg_footer.gif) repeat-x bottom left;	padding: 0 0 50px 0;	overflow: auto;	clear: both;	margin: 0px; }
/* main image and slogan */
#content #flashcontent {	position: relative;	/*margin-bottom: 10px;*/ height: 232px;  background: #D7E38E url(../images/bg_image_dropshadow.gif) no-repeat bottom left;	}

/* 3 columns on index page */
#comment { padding: 0px 0px; width: 230px; padding-bottom: 50px; }
#main { float: left; width: 40.75em; padding: 0; }
#main.content { padding: 30px 0 0 20px; }
#main.content h1 {	/*border-bottom: 2px solid #ED1164;*/	color: #ED1164;	font-size: 1.6em;	margin-top: 5px; }

#comment {	float: right; background: #EBEFD3; margin: 24px 20px 0 0;	}
#comment img {	/*display: block;*/	margin: -0px 0 0 -0px; padding: 0;	/*width: 108.5%;*/ }
#comment h1 {	color: #ED1164; padding-left: 6px;	font-size: 1.2em; }
#comment blockquote {margin: 0; }
#comment a {	color: #ED1164;	text-decoration: underline; }

#comment cite { display: block; color: #C00;	border-bottom: 1px solid #333;	text-align: right; }


#footer { clear: both;	padding: 6px 0; background: #555555;	margin: 0 0px;	font-size: .95em; color: #ffffff; }
#footer div {margin: 5px 0;}
#footer #copyright {float: left;}
#footer #design {text-align: right;}

/* Used for Removing Dotted Links */
a:active { outline: none; }
a { outline: none; }
:focus { -moz-outline-style: none; }


/* ------------------ GLOBAL > BOX MODEL LAYOUTS ------------------ */
.box_wraper { margin:0 auto; padding: 10px; }
.box-header { margin: 0px; padding: 0.5em; }
.box_content {padding: 5px; }
.clear { clear: both;}
.boxclear { clear: both; margin: 0; padding: 0; font-size: 0px; }
.boxspace { clear: both; margin: 2px auto; font-size: 0px; }
/**** 2 Column LayOut ****/
.col_2_ColumnFloatL { float: left; width: 50%; }
.col_2_ColumnFloatR { float: right;  width: 50%; }
.col_2_column-one-content, .col_2_column-two-content { padding: 5px; text-align: left; }
.col_2_ColumnFloatL, .col_2_ColumnFloatL { position: relative; }
/**** 3 Column LayOut - Float Left ****/
.col_3L_ColumnFloatL { float: left; width: 66.6%; position:relative; }
.col_3L_Column-one { float:left; width: 49.9%; }
.col_3L_Column-two { float:right; width: 49.9%; }
.col_3L_Column-three { float:right; width: 33.3%; }
.col_3L_Column-one-content, .col_3L_Column-two-content, .col_3L_Column-three-content { padding: 5px; text-align: left; }
/**** 3 Column LayOut - Float Right ****/
.col_3R_Column-one { float:left; width: 33.3%; }
.col_3R_ColumnFloatR { float: right; width: 66.6%; position:relative; }
.col_3R_Column-two { float:left; width: 49.9%; }
.col_3R_Column-three { float:right; width: 49.9%; }
.col_3R_Column-one-content, .col_3R_Column-two-content, .col_3R_Column-three-content { padding: 5px; text-align: left; }
/**** 4 Column LayOut ****/
.col_4_ColumnFloatL { float: left; width: 49.9%; position:relative; }
.col_4_ColumnFloatR { float: left; width: 49.9%; position:relative; }
.col_4_column-one { float:left; width: 49.9%; }
.col_4_column-two { float:right; width: 49.9%; }
.col_4_column-three { float:left; width: 49.9%; }
.col_4_column-four { float:right; width: 49.9%; }
.col_4_column-one-content, .col_3L_Column-two-content, .col_3L_Column-three-content, .col_3L_Column-four-content { padding: 5px; text-align: left; }
/* float clearing - technique explained @ http://www.csscreator.com/attributes/containedfloat.php */
.box_wraper:after, .col_2_ColumnFloatL:after, .col_2_ColumnFloatR:after, .col_3L_ColumnFloatL:after { content:"."; display:block; visibility:hidden; clear:both; height:100% }

.form_bgrnd { background-color: #EEFFFF; border: 1px dashed #C5C5C5; }