*{padding: 0; margin: 0;}

/* ----- global default/initial styles ----- */
body {background-color:#fff;}
html, body {height:100%;}





.styled-select select {
border: 0px;
padding:2px;
padding-top:8px;
vertical-align: middle;
background: transparent;
background-color:#ffffcc; /*transparent;*/
width: 228px;
font-family:"Arial", "Helvetica", sans-serif;
font-size: 11px;
height: 30px;
background: url(down-arrow.gif) no-repeat right top;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}


.styled-select option {
position-left: -10px;
padding-left: 2px;
padding-right:2px;
padding-top:0px;
padding-bottom:0px;
line-height:1.25;
}

.styled-select option:hover {
cursor: pointer;
}

.styled-select {
-moz-border-radius: 4px;
-moz-box-shadow: 1px 1px 5px #cfcfcf inset;
border-radius: 4px;
box-shadow: 1px 1px 5px #cfcfcf inset;
border: 2px solid #cfcfcf;
vertical-align: middle;
background-color:#ffffcc; /*transparent;*/
width: 200px;
height: 30px;
overflow: hidden;
background: url(down-arrow.gif) no-repeat right;
}



.header {font-family:"Arial", "Helvetica", sans-serif; font-size:19px; color:white; margin-bottom:2px;}
.tagline {font-family:"Arial", "Helvetica", sans-serif; font-size:12px; color:white; margin-top:2px; margin-bottom:0px; text-align:center;}
.normal_white {font-family:"Arial", "Helvetica", sans-serif; font-size:12px; margin:4px; color:#FFFFFF;}
.normal_large_white {font-family:"Arial", "Helvetica", sans-serif; font-size:14px; margin:2px; color:#FFFFFF;}
.normal_blue {font-family:"Arial", "Helvetica", sans-serif; font-size:12px; color:#464437;} /*#052B7C*/
.normal_blue_small {font-family:"Arial", "Helvetica", sans-serif; font-size:11px; color:#464437;} /*#052B7C*/
.normal {font-family:"Arial", "Helvetica", sans-serif; font-size:11px; colorname:black;}
.normal_small_white {font-family:"Arial", "Helvetica", sans-serif; font-size:11px; color:white;}
.regcontrol {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#000000; line-height:1.4; margin:0;}

.award {font-family:"Arial", "Helvetica", sans-serif; font-size:11px; color:#686868;} /*#052B7C*/

.row_color {font-family:"Arial", "Helvetica", sans-serif; font-size:12px; color:#052B7C; background-color:#EBF6F8; padding-left:8px; padding-top:8px; padding-bottom:8px; padding-right:8px; width:auto; height:auto;} /*background-color:#edf3ff;*/
.row_white {font-family:"Arial", "Helvetica", sans-serif; font-size:12px; color:#052B7C; background-color:#ffffff; padding-left:8px; padding-top:8px; padding-bottom:8px; padding-right:8px; width:auto; height:auto;}

.header_top {height:45px; width:auto; margin-right:auto; margin-left:auto; text-align:center; padding:2px;}
.main_content_frame {height:auto; width:auto; margin-right:0px; margin-left:0px;}
.overflow_content_frame {overflow:auto; width:auto; height:785px; background-color:white; padding:0px;}

 h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000;margin:8px;} /*#AE3B60*/
 h2 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000000; margin:0;}
 h3 {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000000; margin:0;}
 h3.attention {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; line-height:1.5; margin:0;} /*#CB1D23*/
 h3.control {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:1.45; margin:0;}
hr.hiddenClear {
 display:block;
 clear:right;
 margin:0;
 visibility:hidden;
} 
 
hr.hiddenClearBoth {
 display:block;
 clear:both;
 margin:0;
 visibility:hidden;
} 
 
hr.hiddenClearLeft {
 display:block;
 clear:left;
 margin:0;
 visibility:hidden;
} 

.formsubmit {
font-family:"Verdana", "Arial", "Helvetica", sans-serif;
font-size:14px;
height: 26px;
color:black;
margin: 8px 2px 2px 2px;
padding: 0;
background: url(../img/field_bg.gif) bottom repeat-x;
border: 1px solid #cccccc;
}

/*#4BA1f1;*/

.formsubmit:hover {
background: url(../img/field_bg_hover.gif) bottom repeat-x;
border: 1px solid #0175ea;
}

a.nav_white {TEXT-DECORATION:none; color:#FFFFFF;}

b.rtop{display:block;background: #8FD400;} /*#1353A0;*/
b.rbottom{display:block;}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #FFFFFF;}
b.r1{margin: 0 5px;}
b.r2{margin: 0 3px;}
b.r3{margin: 0 2px;}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px;}

div.profilebox {padding:2px; margin-left:10px; margin-right:10px; margin-bottom:4px; margin-top:4px;}

div.fieldbox {border:1px solid #AE3B60; padding:8px; margin-left:10px; margin-right:10px; margin-bottom:10px; margin-top:22px;}
h3.pseudo-legend {display:inline;padding:5px;height:12px;position:relative;z-index:101;top:-10px;background-color:#ffffe0; color:#AE3B60;font-size:11px;line-height:1; border:1px solid #AE3B60;}
/*66ffff*/

/*
	*	The rules for navigation start here. 
	*	Heavily inspired by the following articles:
	*		http://www.alistapart.com/articles/slidingdoors/
	*		http://www.alistapart.com/articles/mountaintop/
	*		http://www.alistapart.com/articles/sprites/ 66CCFF
	*/
/*		#header {
			float:left;
			width:100%;
			background:#1353A0;
			padding:0;
			font-size:0.8em;
			line-height:normal;
		}
		#header ul {
			margin:0;
			padding:10px 0 0 10px;
			list-style:none;
		}
		#header li {
			display:inline;
			margin:0;
			padding:0;
		}
	*/
	/*
	*	For the next two rules:	
	*	1. A single image is used for the two doors, rather than one.
	*	2. Ascetically, the 'font-weight:bold' was removed to closely mimic the www.digital-web.com tabs.
	*	3. The padding was modified for personal preference.
	*/

/*	#header a {
		float:left;
		background:#E7F1F8 url("../img/sliding-doors-mountaintops-3.png") no-repeat left top;
		padding:0 0 0 9px;
		text-decoration:none;
		color:#000;
	}
	#header a span {
		float:left;
		display:block;
		background:#E7F1F8 url("../img/sliding-doors-mountaintops-3.png") no-repeat right top;
		padding:4px 15px 3px 6px;
	}
	/* E7F1F8 Commented Backslash Hack hides rule from IE5-Mac \*/

/*	#header a span {float:none;}
	/* End IE5-Mac hack */

	/*
	*	1. At this point many things are simplified. The hover and background colors are set,
	*	and no positions are used because we aren't swapping images
	*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
	*	exposing 1px of the background color of #header and giving the effect of an underline.
	*/
	
/*	#header #current a span {
		padding-bottom:4px;
	}
	#header a:hover, #header a:hover span {
		background-color:#E4F1BC;
		color:#000;
	}
	#header #current a span, #header #current a {
		background-color:#fff;
	}

 */


 a.nav {TEXT-DECORATION:none; color:#000000;}
 a.nav_ltblue {TEXT-DECORATION:none; color:#0E2A66;}
 a.nav_white {TEXT-DECORATION:none; color:#FFFFFF;}
 a.box {COLOR:#CCEEFF; TEXT-DECORATION:underline;}
 a.bottom {COLOR:#7C8599; TEXT-DECORATION:underline;}