/* 
	Usage
	For IE6 you HAVE to give the element a width.
	<div class="rounded" style="width: 770px">
		<span class="rounded_top_left rounded_normal">&nbsp;</span>
		<span class="rounded_top_right rounded_normal">&nbsp;</span>
		<span class="rounded_bottom_left rounded_normal">&nbsp;</span>
		<span class="rounded_bottom_right rounded_normal">&nbsp;</span>
		CONTENT HERE
	</div>	
*/

.rounded { position: relative; z-index: 2; border: 1px solid #000; }
.rounded_50 { position: relative; z-index: 2; border: 1px solid #888; }
.rounded_25 { position: relative; z-index: 2; border: 1px solid #ccc; }
.rounded_no_border_white { position: relative; z-index: 2; }
.rounded_no_border_white_small { position: relative; z-index: 2; }
.rounded_white_small { position: relative; z-index: 2; }

/* Images adjusted for IE 1px odd bug, added 1px of white */
.rounded .corner {background-image: url('/images/boxes/rounded_100.gif');} 
.rounded_50 .corner {background-image: url('/images/boxes/rounded_050.gif');} 
.rounded_25 .corner {background-image: url('/images/boxes/rounded_025.gif');} 
.rounded_no_border_white .corner {background-image: url('/images/boxes/rounded_no_border_white.gif');}
.rounded_no_border_white_small .corner {background-image: url('/images/boxes/rounded_no_border_white_sm.gif');}
.rounded_white_small .corner {background-image: url('/images/boxes/rounded_white_sm.gif');}
.rounded_color_bg {background-color: #fdf7e7;}
.rounded_color_dark_bg {background-color: #f8dda0;}

.rounded_top_left,
.rounded_top_right,
.rounded_bottom_left,
.rounded_bottom_right
{
     display: block;
     position: absolute;
     width: 10px;
     height: 10px;
     background-repeat: no-repeat;
}
.rounded_top_left { background-position: top left; top: -1px; left: -1px;}
.rounded_top_right { background-position: top right; top: -1px; right: -2px;} /* -2px to compensate for the IE 1px odd bug */
.rounded_bottom_left { background-position: bottom left; bottom: -2px; left: -1px;}
.rounded_bottom_right { background-position: bottom right; bottom: -2px; right: -2px;}



/*  Drop Down Box */

#drop{
margin:auto;
margin:0;
width: 192px;
margin-top:0px;
text-align:left;
border: 1px #7F9DB9 solid;
background-color: #DDF0FE;
/*background: #DDF0FE url('../images/new.jpg') no-repeat scroll top left;*/
padding:7px;

}

#drop h4{
margin:0;
padding:0;
color: #003366;
margin-bottom:3px;
padding-bottom:1px;
}

#drop select{
color: #2E2E2E;
margin-bottom: 18px;
width:192px;
font-size:1.2em;
}