/* CSS Document */

body {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	background-image: url(images/gradbg.gif);
	background-repeat: repeat-x;
	background-color: #d4cec2;
	text-align: left;
}

#level0 {
    margin: 0 auto;
	padding: 0 auto;
	background:#FFFFFF;
	width: 900px;
	border-right:1px dashed #666666;
	border-left:1px dashed #666666;
	}

#nav {list-style-type: none;
cursor: pointer;
display:block;
font: 12px Arial, Helvetica, Verdana, sans-serif;
line-height: 20px;
color: #FFFFFF;
margin: 0;
}

.topnav
{margin-left: 10px;}

#nav a {
color: #ffffff;
text-decoration:none;
font-weight: bold;
padding: 3px 5px 3px 5px;
background-color: #8bd91f;
margin: 0;
}

#nav a:hover {
background-color: #000000;
text-decoration:none;

}

#nav li li {list-style-type: none;
cursor: pointer;
display: block;
float: none;
font: 12px Arial, Helvetica, Verdana, sans-serif;
line-height: 21px;
color: #000000;
padding-top:2px;
}


#nav li li a {
color: #ffffff;
text-decoration:none;
font-weight: bold;
padding: 2px 4px 2px 4px;
border: 1px solid #666666;
background-color: #8bd91f;
}


#nav li li a:hover {
color: #ffffff;
text-decoration:none;
padding: 2px 4px 2px 4px;
border: 1px solid #666666;
background-color: #000000;
}

#nav li {
	float: left;
	cursor: default;
	margin:0;
}


#nav li ul {
	display: none;
	position: absolute;
	font-weight: normal;
    padding: 0px 0px 0px 0px;
	float: left;
	margin-left:10px;
}


#nav li:hover ul, li.over ul {
	display: block;
}

#content1 {
font: 12px Arial, Helvetica, Verdana, sans-serif;
line-height: 20px;
color: #666666;
min-height: 200px;
padding-left: 280px;
padding-top: 50px;
margin: 0px 0px 0px 0px;
text-align: left;
width: 375px;
}

#content {
font: 12px Arial, Helvetica, Verdana, sans-serif;
line-height: 16px;
color: #666666;
min-height: 200px;
padding-left: 410px;
padding-top: 70px;
margin: 0px 0px 0px 0px;
text-align: left;
width: 300px;
}


.special

{font: 16px Georgia;
line-height: 20px;
color: #77bf3a;
font-style:italic;
font-weight: bold;
}

#index
{width:900px; min-height: 600px; background-image:url(images/couch.jpg); background-repeat: no-repeat; padding-left: 100px; padding-top: 80px;}
* html #index {height: 600px;}

#links
{width:900px; min-height: 600px; background-image:url(images/laptopbg.jpg); background-repeat: no-repeat; padding-left: 100px; padding-top: 80px;}
* html #links {height: 600px;}

#about
{width:900px; min-height: 600px; background-image:url(images/aboutbg.jpg); background-repeat: no-repeat; padding-left: 100px; padding-top: 80px;}
* html #about {height: 600px;}

#programs
{width:900px; min-height: 600px; background-image:url(images/programsbg.jpg); background-repeat: no-repeat; padding-left: 100px; padding-top: 80px;}
* html #programs {height: 600px;}

#swat
{width:900px; min-height: 600px; background-image:url(images/swatbg.jpg); background-repeat: no-repeat; padding-left: 100px; padding-top: 80px;}
* html #swat {height: 600px;}

#contact
{width:900px; min-height: 600px; background-image:url(images/contactbg.jpg); background-repeat: no-repeat; padding-left: 100px; padding-top: 80px;}
* html #contact {height: 600px;}

#staff
{width:900px; min-height: 600px; background-image:url(images/staffbg.jpg); background-repeat: no-repeat; padding-left: 100px; padding-top: 80px;}
* html #staff {height: 600px;}

#armadillobg
{width:900px; min-height: 600px; background-image:url(images/armadillobg.jpg); background-repeat: no-repeat; padding-left: 50px; padding-top: 80px;}
* html #armadillobg {height: 600px;}

#content2 {
font: 12px Arial, Helvetica, Verdana, sans-serif;
line-height: 20px;
color: #333333;
min-height: 200px;
padding-left: 310px;
padding-top: 60px;
margin: 0px 0px 0px 0px;
text-align: left;
width: 410px;
}

#contentstaff {
font: 12px Arial, Helvetica, Verdana, sans-serif;
line-height: 20px;
color: #333333;
min-height: 200px;
padding-left: 0;
padding-top: 70px;
margin: 0px 0px 0px 0px;
text-align: left;
width: 650px;
}

#contentcontact {
font: 12px Arial, Helvetica, Verdana, sans-serif;
line-height: 20px;
color: #333333;
min-height: 200px;
padding-left: 250px;
padding-top: 70px;
margin: 0px 0px 0px 0px;
text-align: left;
width: 500px;
}
#contentarm {
font: 12px Arial, Helvetica, Verdana, sans-serif;
line-height: 20px;
color: #333333;
min-height: 200px;
padding-top: 100px;
margin: 0px 0px 0px 0px;
text-align: left;
width: 750px;
}


#contactbox {background-image: url(images/contactbg.gif); background-repeat: no-repeat; padding: 15px 20px; line-height: 16px; width: 200px;}

#contactinfo {float: right; width: 250px;}
#clear {clear:both;}

a {color:#77bf3a;}
a:hover {color:#333333}
.trillium {float: left; padding-left:10px;}

#descant {font: 10px Arial, Helvetica, Verdana, sans-serif; color: #666666; text-align: center;}
#armadillo {padding: 10px; background-color:#f1f6f8; float: left;  width: 330px; margin-top:100px; margin-right: 30px; font: 12px Arial, Helvetica, Verdana, sans-serif;
line-height: 20px;
color: #333333;
border: 1px dashed #0099cc;}