/*

Net Lab CSS

*/

* {
	padding: 0px;
	margin: 0px auto;
}

h1, h2, h3, p {
    margin: 0px;
    font-family: Arial, sans-serif;
    text-align: left;
	color: #333333;
}

body {
	text-align: center; /* IE Center Fix */
	margin: 0px auto;
	background-image: url(img/bg.gif);
	background-repeat: repeat;
	behavior: url(csshover.htc); /* call hover behaviour file */
}

div#container {
	text-align: left; /* align reset */
	width: 982px;
	margin: 0 auto;
	
}

/* Header (start) */


div#header {
	text-indent: -99999px;
	width: 982px;
	height: 78px;
	background-color: #999966;
	background-image: url(img/header.gif);
	background-repeat: no-repeat;
}


div#flash {
	background-color: #ffffff;
	width:978px;
	margin: 0px auto 0px auto;
}
/* Navigation (start) */

div#nav {
	width: 978px;
} 
 
ul {
padding: 0px;
margin: 0px;
list-style-type: none;
position: relative;
}
 
li.vertical {
        float: none;
}

li.horizontal {
        float: left;
}

/*
li ul {
	position: absolute;
}
*/


 
#navigation {  /*ie fix*/
        margin: 0px auto;
        padding: 0px;
        width: 980px;
}
 
#navigation a {
display: block;
text-decoration: none;
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-size: .86em;
line-height: 1.8em;
color: #ffffff;
background-color: #663300;
padding: 5px;
margin: 0px;
height: 25px;
}
 
 
li#blank a {
        width: 57px;
 }
 
 
li#home a {
        width: 92px;
 }
 
li#about a {
        width: 108px;
}
 
li#services a {
        width: 123px;
}
 
li#test a {
        width: 180px;
}
 
li#private a {
        width: 258px;
}
 
li#contact a {
        width: 92px;
}
 
 
 
#navigation li ul {     
		display: none;
        visibility: hidden;
        left: 0px;
        width: 100%;
        margin: 0;
}
 
#navigation li:hover ul {
		display:block;
		visibility: visible;
        z-index: 100;
}


/*Content Start */


#content {
	background-color: #ffffff;
	padding-top: 10px;
	width: 978px;
}

#colorWrap {
	background-color: #ffffff;
}

#sidebar {
	width: 245px;
	float: left;
	background-color: #ffffff;
}

#sidebar .sidelink{
	text-align: left;;
	font-family: Arial, Verdana, sans-serif;
	font-size: .86em;
	text-align: left;
	text-decoration: none;
	padding: 10px;
	color: #663300;
	line-height: 2em;
}


#sidebar .sidelink:hover {
	color: #99cccc;
}

#sidebar .tab {
	padding-left: 40px;
}

#sidebar .tabIndex {
	padding-left: 28px;
}

#sidebar .arrow{
	padding-left: 10px;
	margin-bottom: -3px;
}

#middle {
	background-color: #ffffff;
	padding-left: 10px;
	padding-right: 20px;
	width: 460px;
	height: 350px;
	float: left;
}

#middle p{
	font-size: 10pt;
	line-height: 14pt;
}

#middle a{
	text-decoration: none;
}

#middle a:hover {
	text-decoration: underline;
}

#middle .staffimg {
	float: left;
	padding-right: 10px;
}

#middle .hpHeader {
	padding-top: 5px;
}

#subPic {
	width: 978px;
	margin: 0px auto 0px auto;
	background-color: #ffffff;
}



#middleSub {
	background-color: #ffffff;
	padding-left: 10px;
	padding-right: 20px;
	width: 703px;
	/*height: 350px;*/
	float: left;
}

#middleSub p {
    font-size: 10pt;
	line-height: 14pt;
}

#middleSub h2 {
    font-size: 12pt;
	line-height: 14pt;
	color: #333333;
}

#middleSub li {
    font-size: 10pt;
	line-height: 14pt;
	color: #333333;
	list-style: disc;
	font-family: Arial, sans-serif;
	margin-left: 20px;
}

#middleSub a {
	text-decoration: none;
}

#middleSub a:hover {
	text-decoration: underline;
}




#signIn {
   float: right;
   background-color: #ffffff;
   height: 350px;
}

#login{
	width: 227px;
	height: 151px;
	padding-left: 16px;
	background-image: url(img/clientlogin_bg.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

#customBtn {
	padding-left: 30px;
}

#login .form {
	padding-left: 17px;
	padding-bottom: 10px;
}

#signIn h2 {
   font-size: 12pt;
   padding-left: 20px;
}

#signIn p {
	font-size: 10pt;
	padding-left: 20px;
}

.keystaff {
	padding-right: 10px;
}

h4 {
	font-size: 12pt;
	margin: 0 auto;
	font-family: Arial, sans-serif;
	color: #333333;
	text-align: center;
	font-weight: normal;
}

#directions {
	text-align: center;
		font-family: Arial, sans-serif;
	color: #333333;
}

/* Footer Start */
div#clearFloats {
	clear: both;
}

.clearFix {
clear:both;
font-size:0;
height:0;
overflow:hidden
}

div#footerContainer a {
	background-image: url(img/footer.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 78px;
	text-align: center;
	 display: block;
}

div#footerContainer p {
 	text-indent: -9999px;
}