html {overflow-y: scroll;}
body {background-color:White; padding:0; margin:0; font:14px/20px Georgia, Arial, Helvetica, sans-serif; height: 100%; width: 100%;}
h1 {color: White; font-weight: 100; border: 0; margin: 0; margin-bottom: 20px;}
h2 {color: White; border: 0; margin: 0; margin: 25px 0 10px 0;}
h3 {color: White; border: 0; margin: 0; margin: 25px 0 10px 0;}
h4 {color: White; border: 0; margin: 0; margin: 25px 0 10px 0;}
h5 {color: White; border: 0; margin: 0; margin: 25px 0 10px 0;}
a {color: White;}
a img {border: 0;}
a:active, a:focus {outline: 0}
p {line-height: 1.9em;}

#contactbar {color: White; width: 880px; margin-left: auto; margin-right: auto; height: 23px; text-align: right; padding: 0px 10px 0 0; font-weight: 900;}

#logocontainer {width: 900px; margin-left: auto; margin-right: auto; padding: 10px 0 10px 10px;}
#logocontainer #phone {float: right;}
#logocontainer #phone h3 {margin: 8px 15px 0 0; padding: 0; color: White;}

#bodymain {padding-top: 20px;}
#bodycontainer {width: 900px; margin-left: auto; margin-right: auto; background: url('images/sideshadow.png') repeat-y 0 0; height: auto;color:White;}
	 
#content {width: 880px; margin: 0px 0 10px 10px; border-top: 0 solid #dbdbdb; border-bottom: 0px solid #dbdbdb; position: relative; }
#header {height: 205; border-bottom: 1px solid #ebeaea;}

#menubar { text-align: center; width:100%; border-bottom:1px solid #ccc; background: Transparent; }

#menubar  a:hover		            {  color: #f1f1f1; background-color:Transparent;}
#menubar  a:active                { padding: 3px 5px 5px 5px; font-size: 13pt; text-decoration: none;  color: White;}
#menubar  a                    { padding: 3px 5px 5px 5px; font-size: 13pt; text-decoration: none;  color: White; white-space:nowrap;line-height:28px !important;}

#menubar ul ul a {color: Black;}
#menubar ul ul a:hover {color: #666;}
#menubar  span {color: White; } 


#headershadow {width: 100%;  height: 22px; min-height: 22px; padding-bottom: 0px;}

#bodypan {padding: 15px 15px 0 5px; margin: 0 0 10px 0; background:  url(images/line.gif) repeat-y 650px;}
#bodypan #leftpan {float: left; width: 180px; text-align: center; padding-left: 5px;}
#bodypan .leftitem {padding-bottom: 20px; border-bottom: 2px dotted #FFFFFF; margin-bottom: 20px;}
#bodypan .leftitem h3 {margin: 0 0 0px 0; text-align: left; font-size: 16pt;}
#bodypan .leftitem ul {list-style-type: none; margin: 0; padding: 0;}

#bodypan #rightpan {float: left; width: 600px; padding-left: 25px; margin-right:40px;}

#leftheader {float: left; width: 220px; text-align: center; padding-left: 0px; }
.loginitem {padding-bottom: 5px; width:230px; height:190px; padding-top:10px;margin-bottom: 5px; background:Transparent url('images/loginshadow.png') repeat-x 0 0; }
#content #footerinfo {height: 30px; width: 880px; }
#content #footerinfo p {padding-top: 5px; width: 880px; text-align: center; color: White; font-weight: 900;}

.bottompad {padding-bottom: 10px;}

div#footer {width: 900px; margin-left: auto; margin-right: auto; padding: 10px 0 20px 20px; color: #F1F1F1;}

/* The following should be used in every form. */
h2#headerlabel {width: 100%; margin-left: auto; margin-right: auto; text-align: center; margin-top: 0; padding-top: 0; padding-bottom: 20px;}
.serviceLink {color: #333333; text-decoration: none;}
div.departmenthighlight {width: 95%; padding-top: 1px; padding-bottom: 1px;}
div.departmenthighlight h3 {margin: 0; padding: 0;}

div#mainimage{float: left; width: 650px; height: 205px;}
div#mainimage img {height: 100%; width: 100%;}

.errorbox {width: 98%; border: 1px solid #df8f8f; margin: 0 0 20px 10px; padding: 5px 0 5px 0px; background: #ffcece url('../../images/smallx.png') no-repeat 6px 6px;}
.errorbox .errortext {padding-left: 35px; color: #000;}

.validbox {width: 98%; border: 1px solid #9adf8f; margin-bottom: 20px; padding: 5px 0 5px 0; background: #d5ffce url('../../images/smallcheck.png') no-repeat 6px 6px;}
.validbox .validtext {padding-left: 35px; color: #000;}
ul.submenu                          { list-style: none;}


ul.dropdown							{color: #000; text-align: center; padding: 12px 6px 12px 6px; line-height: 2.2em;}
ul.dropdown li                      {color: #000; font-size: 13pt;  zoom: 1; padding: 0 5px 0 5px;  display: inline-block; text-align: center;}

ul.dropdown a:hover		            {  color: #000; }
ul.dropdown a:active                { padding: 3px 5px 5px 5px; font-size: 13pt; text-decoration: none;}
ul.dropdown li a                    { padding: 3px 5px 5px 5px; font-size: 13pt; text-decoration: none;  color: #000;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                {   color: #000; position: relative; background-color: Transparent;}
ul.dropdown li.hover a              {  color: #000; }
/* 
	LEVEL TWO
*/
ul.dropdown ul 						{color:#000 !important;  width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; text-align:left; margin: 0; background-color: #FFF; border: 1px solid #CCC;  z-index: 1000; }
ul.dropdown ul li 					{display: block; text-align: left; font-weight: normal;  color: #000; float: none; border-bottom:dashed 1px gray; }

									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{color: #000;  border-right: none; width: 100%; display: inline-block;} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{color: #000;  left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{color: #000;  visibility: visible; }