body{
background: url(images/bg.gif) top left repeat-x #fff;
text-align: center;
color: #646464;
}

body, html{
margin: 0 auto; 
padding: 6px 0 10px;
}

p{
font: normal 13px/20px "Times New Roman", Times, serif;
margin: 0 0 10px;
}

h1{
font: normal 24px/30px Helvetica, Arial, sans-serif;
color: #4d4d4d;
margin: 0 0 10px;
}

h2{
font: normal 18px/24px Helvetica, Arial, sans-serif;
color: #75b2ca;
margin: 20px 0 4px;
}


h3{
font: bold 13px Helvetica, Arial, sans-serif;
color: #f19d3a;
margin: 0;
}

ul{
margin:0 0 10px 25px;
font: normal 13px/20px "Times New Roman", Times, serif;
}

ul li{
margin:5px 0 0 0;
list-style:disc;
}

ol{
margin:0 0 10px 25px;
}


ol li{
margin: 5px 0 0 0;
}


ol.docList li{
font: bold 13px Helvetica, Arial, sans-serif;
color: #646464;
}

ol.docList li a{
font: bold 13px Helvetica, Arial, sans-serif;
color: #f19d3a;
}

ol.docList li li{
font: normal 12px/12px Helvetica, Arial, sans-serif;
}


ol.docList li li a{
font: normal 12px/12px "Times New Roman", Times, serif;
color: #3085b5;
}

#mainWrapper{
width: 781px;
margin: 0 auto;
}

#mainWrapper td{
vertical-align: top;
text-align: left;
}

#logoWrapper{
border-bottom: 1px solid #c5c5c5;
height: 46px;
text-align: left;
}

#logoWrapper .logoImg{
display: block;
margin: 13px 0 0 0;
}


.headerImg{
display: block;
}


#hLftCol{
text-align: left;
vertical-align: top;
}

#lftCol{
text-align: left;
vertical-align: top;
width: 30%;
padding: 33px 0 30px;
}

#lftCol h1{
font: normal 32px/32px "Trebuchet MS", Helvetica, Arial, sans-serif; 
color: #3d8cb8;
text-transform: uppercase;
}

#lftCol h1 span{
color: #60a9c3;
}

/*//////loginform//////////*/

#loginWrapper{
background: url(images/main_14.jpg) top left no-repeat;
width: 352px;
height: 292px;
margin-top: 30px;
}

#loginWrapper td{
padding: 60px 35px 15px;
}

#loginWrapper p{
color: #616161;
font: normal 12px Helvetica, Arial, sans-serif;
margin: 0 0 5px;
}

#loginWrapper form{
width: 100%;
margin: 20px 0 0;
}

#loginWrapper form .loginLink{
float: left;
width: 172px;
}

#loginWrapper form a{
font: normal 12px/12px "Times New Roman", Times, serif;
color: #3085b5;
text-decoration: none;
}

#loginWrapper form a:hover, #loginWrapper form a:active{
color: #1e6e9b;
}


#loginWrapper form label{
color: #616161;
font: bold italic 12px Helvetica, Arial, sans-serif;
text-align: right;
display: block;
float: left;
width: 95px;
margin: 3px 3px 0 0;
}

#loginWrapper form input.text{
font: normal 10px Helvetica, Arial, sans-serif;
border: 1px solid #c3c3c3;
width: 172px;
margin: 0 0 10px 0;
float: left;
}


#loginWrapper form br {
	clear: left;
}


#loginWrapper form .submit{
margin: 20px 0 0 0;
float: right;
}

#loginWrapper form .textSubmit{
font: normal 12px/12px "Times New Roman", Times, serif;
color: #3085b5;
text-decoration: none;;
margin: 0;
border: 0;
outline: 0;
background: none;
cursor: pointer;
margin: 0;
padding: 3px 0 0;
text-align: left;
width: 110px;
}


#lftCol #loginWrapper{
margin-top: 0;
}

td.colSpacer{
width:4%;
}


/*//////members forms//////////*/


#mainForm td{
color: #616161;
font: bold italic 12px Helvetica, Arial, sans-serif;
text-align: right;
}


#mainForm input.text, #mainForm select.text{
font: normal 10px Helvetica, Arial, sans-serif;
border: 1px solid #c3c3c3;
width: 385px;
float: left;
}


#mainForm textarea.text{
font: normal 10px Helvetica, Arial, sans-serif;
border: 1px solid #c3c3c3;
width: 385px;
height: 100px;
float: left;

}


#mainForm input.date{
font: normal 10px Helvetica, Arial, sans-serif;
border: 1px solid #c3c3c3;
width: 270px;
float: left;
}



#hRtCol{
padding: 25px 0 30px;
background: url(images/stet.jpg) bottom right no-repeat;
}

#rtCol{
padding: 25px 0 30px;
}

#footer{ 
	color: #717171;
}

#footer p{
margin: 5px 0 5px 0;
font: normal 10px Arial, Helvetica, sans-serif;
float: left;
clear: both;
overflow: hidden;
width: 60%;
}

#footer p a{
font: normal 12px Arial, Helvetica, sans-serif;
color: #8f8d8d;
text-decoration: none;
display: block;
float: left;
margin-right: 20px;
border-collapse: collapse;
outline: none;
}

#footer p a:hover, #footer p a:active{
color: #85b8d5;
}
#footer .footerLogo{
float: right; 
margin: 0;
}



h2 a:link, h2 a:visited{
font: normal 18px/24px Helvetica, Arial, sans-serif;
color: #4f8fa8;
margin: 20px 0 4px;
text-decoration:none;
}

h2 a:hover, h2 a:active{
font: normal 18px/24px Helvetica, Arial, sans-serif;
color: #3f7185;
margin: 20px 0 4px;
text-decoration:underline;
}


h3 a{
font: bold 13px Helvetica, Arial, sans-serif;
color: #f19d3a;
margin: 0;
text-decoration:none;
}

h3 a:hover{
font: bold 13px Helvetica, Arial, sans-serif;
color: #f19d3a;
margin: 0;
text-decoration:underline;
}

a{
font: normal 12px/12px "Times New Roman", Times, serif;
color: #3085b5;
text-decoration: none;
}

a:hover, #loginWrapper form a:active{
color: #1e6e9b;
text-decoration:underline;
}

.Warning {
color: #ff0000;
}

hr{
border:dashed #d5d5d5 1px;
}



/**************** Collapsible list styles below ****************/

@media screen, print {
        /* Turn off list bullets */
        ul.mktree  li { list-style: none; padding:25px; }
        /* Control how "spaced out" the tree is */
        ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:5px; }
        /* Provide space for our own "bullet" inside the LI */
        ul.mktree  li           .bullet { padding-left: 15px;  }
        /* Show "bullets" in the links, depending on the class of the LI that the link's in */
        ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(/images/collapse.gif)  center left no-repeat; }
        ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(/images/expand.gif)   center left no-repeat; }
        ul.mktree  li.liBullet  .bullet { cursor: default; background: url(/images/bullet.gif) center left no-repeat; }
        /* Sublists are visible or not based on class of parent LI */
        ul.mktree  li.liOpen    ul { display: block; padding-right: 15px; }
        ul.mktree  li.liClosed  ul { display: none; }

        /* Format menu items differently depending on what level of the tree they are in */
        /* Uncomment this if you want your fonts to decrease in size the deeper they are in the tree */
/*
        ul.mktree  li ul li { font-size: 90% }
*/

}

ul.mktree {
	border-top:1px solid #CCCCCC;
	padding: 0;
	margin: 5px 0;
}

ul.mktree li  {
    color:#F19D3A;
    font-family:Helvetica,Arial,sans-serif;
	border-bottom:1px solid #CCCCCC;
    font-size:14px;
	font-weight:bold;
	background-color:#EEEEEE;
	margin: 0 0 0 0;
}




ul.mktree li a {
    color:#F19D3A;
    font-family:Helvetica,Arial,sans-serif;
    font-size:14px;
	font-weight:bold;
	text-decoration: none;
}

ul.mktree li a:hover{
text-decoration: underline;
}

ul.mktree li ul li  {
    color:#3085b5;
    font-family:Helvetica,Arial,sans-serif;
    font-size:13px;
	background-color:none;
	border:0;
}
ul.mktree li ul li a  {
    color:#3085b5;
    font-family:Helvetica,Arial,sans-serif;
    font-size:13px;
}