html {
background : transparent url(images/diamond.gif); }

body { 
top : 100px; }

div#branding {
position : relative;
height : 120px;
z-index : 5;
background : transparent url(images/branding.gif) no-repeat 0 0;  }

div#social {
position: absolute;
top: 80px;
left: 694px;
width: 70px;}

div#content { 
background-color : #F5F9FC; }

h1 { 
position : absolute;
top : -90px; 
left : -80px;
width : 850px; 
height : 257px; 
background : transparent url(images/h1_2.png) no-repeat;
text-indent : -9999px; }

div#branding blockquote {
position : absolute;
top : -9999px; 
z-index: 3; }

div#navcontainer {
position : relative;
background : #855E42;
height: 23px;
z-index : 10; }

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
	width: 49.7em;
}

#nav a {
	display: block;
	width: 13em;
	text-decoration: none;
}

#nav li { /* all list items */
	float: left;
	width: 7em; /* width needed or else Opera goes nuts */
	padding: .2em 0 .2em 0;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #855E42;
	width: 11em;
	padding: .1em 1em .2em 1em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	width: 11em;
 }

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 11em;
	padding : .1em 1em .2em 1em;
	width: 11em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	width: 11em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	width: 11em;
}

ul#certs {
list-style-type: none;
margin : 0 0 0 40px; }

ul#certs li {
display : inline;
padding : .1em; }

div#site_info { 
position : relative;
width : 100%;
height : 120px;
background : transparent url(images/site_info.gif) no-repeat 0 0; }

div#site_info h3 { 
position : absolute;
right : 10px; 
bottom : 10px;
width : 250px; 
height : 100px;  }

div#site_info h3 a { 
display : block;
width : 250px; 
height : 100px; 
text-indent : -9999px; }

div#site_info p { 
position : absolute;
left : 10px; 
top : 10px;
margin : 0; }

div#site_info h3 { 
text-indent : -9999px; }

div#site_info p#addy {
position : absolute;
text-align : center; 
top : 98px; }

div#design {
position : absolute;
left : 498px;
margin : 10px 0; }

ul#classes {
list-style-type: none;
background-color: #CDE1F0;
width:700px;
margin-left: 40px;
overflow:hidden; }

ul#classes li {
float: left;
width: 200px;
height: 100%;
min-height: 615px;
padding: 15px 15px 15px 0;
text-align: left; }

ul#classes p {
position: relative;
display: block;
width: 200px; 
margin: 1.313em 0;}

ul#classes img {
position : relative;
display: block;
width: 200px;
height: 200px;
top : 5px ;}

ul#classes h3 {
position: relative;
display: block;}

ul#private {
list-style-type: none; }

ul#private li {
float: left;
width: 220px;
height: 100%;
min-height: 130px;
margin: 0 8px 8px 0;
padding: 5px 5px 25px 5px;
text-align: left; }

ul#register {
list-style-type: none; }

ul#register li {
float: left;
width: 220px;
height: 100%;
margin: 0 8px 8px 0;
padding: 5px 5px 5px 5px;
text-align: left; } 

table#location tr td { 
width : 50%;
vertical-align : text-top;
}

#soc li {
position: relative;
float: left;}