/* CSS Document */

body {
background:#AEAEAE /*url(images/BG.jpg) top left repeat-x*/;
margin: 0;
}

.orange
{
font-weight:bold;
color:#B90A03;
}

#top
{
align: right;
}

#top a{
color: white;
font-size:10px;
}

#top a:hover{
color: #015697;
}


table {
font-family: Arial, Helvetica, sans-serif;
font-size:9pt;
color:#7F7F7F;
}

a{
color:#0089C4;
text-decoration: none;
}
a:hover{
color:#015697;
text-decoration:underline;
}

h1,h2,h3,h4,h5,h6{
color:#B90A03;
}


/*scrollers*/

#pscroller1{
width: 300px;
height: 80px;
border: 1px dashed #2462AA;
padding: 5px;

}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}



/*quick links left navigation*/
#ddblueblockmenu1{
border: 0px solid black;
border-bottom-width: 0;
width: 160px;
}

#ddblueblockmenu1 ul{
margin: 0;
padding: 0;
list-style-type: none;
}


#ddblueblockmenu1 li a{
display: block;
padding: 3px 0;
padding-left: 10px;
/*width: 169px; 185px minus all left/right paddings and margins*/
text-decoration: none;
color: #015697;
font-size:11px;
background-color: #ffffff;
border-left: 7px solid #B90A03;
border-bottom: 1px DOTTED #c0c0c0;
}

* html #ddblueblockmenu1 li a{ /*IE only */
width: 100%; /*IE 5*/
/*width: 169px; 185px minus all left/right paddings and margins*/
}

#ddblueblockmenu1 li a:hover {
background-color: #E0F6FF;
color: #B90A03;
border-left: 7px solid #015697;
text-decoration: none;
}

#ddblueblockmenu1 ul .sub {
text-decoration: none;
padding-left: 10px;
font-size:10px;
}

#ddblueblockmenu1 div.menutitle1{
color: #0C212F;
/*width: 176px;*/
border-bottom: 0px solid black;
padding: 1px 0;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #EDE8D0;
text-transform: uppercase;
font-family: Arial;
font-size:14px;
font-weight: bold;
}



#footer{
background: #ffffff url('images/footer.jpg') repeat-x;
font-size:10px; color:#B7B7B7; padding-left:3px; padding-right:2px; padding-top:2px; padding-bottom:2px;
}
#footer table{
font-size:10px; color:#B7B7B7; padding-left:3px; padding-right:2px; padding-top:2px; padding-bottom:2px;

}
#footer a{
color:#A0BAC5;
text-decoration: none;
}
#footer a:hover{
color:#2462AA;
text-decoration:underline;
}


.shadetabs{
border-bottom: 0px solid gray;
width: 100%; /*width of menu. Uncomment to change to a specific width*/
margin-bottom: 1em;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 11px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
/*border: 1px solid #778;*/
color: #0089C4;
/*background: white; url(images/shade.gif) top left repeat-x;*/
}

.shadetabs li a:visited{
color: #0089C4;
}

.shadetabs li a:hover{
text-decoration: none;
color: #FF8F00;
background: #D6D6D6;/* url(images/shadeactive1.gif) top left repeat-x;*/
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
/*background-image: url(images/shadeactive1.gif);*/
background: #D6D6D6;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}



/*Form*/

.cssform p{
width: 190px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 130px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
color: #2266B1;
float: left;
margin-left: -130px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
background-color: #DBDBDB;
border: 1px solid #ffffff;
}

.cssform textarea{
width: 200px;
height: 100px;
background-color: #DBDBDB;
border: 1px solid #ffffff;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
