@charset "utf-8";
/* CSS Document */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#container{width:850px; margin:auto; background-color:#FFF;background-image:url(../images/bodybgwhite.gif);}
#wraperbody{width:800px; margin:auto; background-color:#fff}

*html #container{width:850px; margin:auto; }
*html #wraperbody{width:800px; color:#000 }

body{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#011a64;
	text-align:justify;
	background-color:#FFF;
}

.rightpane{float:right; width:160px;  margin:0px; margin-right:10px}
.leftpane{float:left; width:180px; background:url(../images/MenuBG.jpg) repeat-x; margin-top:-8px;}
.middle{ 
	background:url(../images/divider.jpg); 
	background-repeat:repeat-y; 
	margin-top:-40px; 
	margin-left:180px; 
	margin-right:180px;
	padding-left:20px; 
	padding-right:5px; 
	width:auto;
}

*html .middle{margin-top:-10px; padding-right:0px; width:404px}
*html .rightpane{width:160px;  margin:0px;}
*html .middlecontent{width:414px}

.slinks li { list-style:none;}
.slinks li a{text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:20px}

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /*WIDTH OF MAIN MENU ITEMS*/
border: 0px solid black;
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: #eceded url(../images/glossyback.gif) repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: #333;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 190px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(../images/arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: #1a1a1a;
}

.glossymenu li a:hover{
background-image: url(../images/glossyback2.gif); color:#309;
}

/* Holly Hack for IE \*/
*html .glossymenu{margin:0px}
*html .glossymenu li { float: left; height: 1%; margin:0px}
*html .glossymenu li a { height: 1%; }
/* End */






/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 178px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
color:#333;
}

.glossymenu li a{
background: #eceded url(../images/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#333;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 168px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: #333;
}

.glossymenu li a.selected 
{
background-image: url(../images/glossyback2.gif); color:#306;
}

.glossymenu li a:hover{
background-image: url(../images/glossyback2.gif); color:#333;
}

.Map a {text-decoration:none; color:#FFF}
.Map a:hover {color:#FC0}

.Pink {color:#07184E; font-weight:bold;}
.Pink a{color:#CC0000}
.Pink a:hover {color:#990000}

.Pad5 {padding:10px; height:110px}

.ResultHead { text-align:left; background-color:#0295f3; color:white; padding:5px; font-size:16px; font-weight:bold; background-image:url(../images/ResultHead.jpg); background-repeat:repeat-y}