/* Layout Stylesheet */ 
html, body { 
margin: 0; 
padding: 0; 
}

.hidden { 
display: none; 
}

body { 
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 12px; 
color: #666666; 
background: #ffffff; 
}

#page-container {
width: 760px;
margin: auto;
background: #bfab9f;  
}

#main-nav { 
background: #96d4df; 
height: 50px; 
}

body.home dt#home,
body.home dt#home a,
body.about dt#about, 
body.about dt#about a, 
body.classes dt#classes,
body.classes dt#classes a,
body.links dt#links, 
body.links dt#links a, 
body.contact dt#contact, 
body.contact dt#contact a,
background-position: 0 -100px; 
}

/* NAVIGATION
===============================================================*/

#main-nav { 
height: 50px; 
background: #669966; 
}
#main-nav dl { 
margin: 0; 
padding: 0; 
}
/*--------------------------------------------------*/
/* IE5 Mac Hack \*/ 
#main-nav { padding-left: 0px; } 
/*/ 
#main-nav { padding-left: 0px; overflow: hidden; } 
/* End Hack */
/*--------------------------------------------------*/
#main-nav dt { 
float: left; 
}
/*--------------------------------------------------*/
#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:50px; /* IE 5/Win hack */ 
	padding: 50px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}
/*--------------------------------------------------*/
#main-nav dt a:hover {
	background-position: 0 -50px;
}
/*--------------------------------------------------*/
#main-nav dt#home,
#main-nav dt#home a { 
width: 150px; 
background-image: url(images/menu_home.gif); 
}
#main-nav dt#about,
#main-nav dt#about a { 
width: 150px; 
background-image: url(images/menu_about.gif); 
}
#main-nav dt#classes,
#main-nav dt#classes a { 
width: 150px; 
background-image: url(images/menu_classes.gif); 
}
#main-nav dt#links,
#main-nav dt#links a { 
width: 150px; 
background-image: url(images/menu_links.gif); 
}
#main-nav dt#contact,
#main-nav dt#contact a { 
width: 160px; 
background-image: url(images/menu_contact.gif); 
}

/* NAV DROPDOWN CODE
===============================================================*/
#main-nav ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#main-nav li {position: relative;}

#main-nav ul ul {
position: absolute;
z-index: 500;
}

#main-nav ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#main-nav ul ul,
div#main-nav ul li:hover ul ul,
div#main-nav ul ul li:hover ul ul
{display: none;}

div#main-nav ul li:hover ul,
div#main-nav ul ul li:hover ul,
div#main-nav ul ul ul li:hover ul
{ background: #ffffff; 
display: block; 
}
/*==================================================*/

#header { 
background: #c3d1da; 
height: 150px; 
}

#sidebar-a { 
float: right; 
width: 280px;
background: #dec8bb; 
}

#sidebar-a .padding { 
padding: 25px; 
}

#sidebar-serving { 
width: 270px; 
text-align: center; 
background-color: #666666; 
margin: 0px; 
padding-left: 5px; 
padding-right: 5px;  
font-size: 8pt; 
color: white
}

#content { 
margin-right: 280px; 
line-height: 22px; 
background: #f6eade; 
}

#content .padding { 
padding: 25px; 
}

#content h2 { 
margin: 0; 
padding: 0; 
padding-bottom: 15px; 
}

#content p { 
margin: 0; 
padding: 0; 
padding-bottom: 15px; 
}

#footer { 
clear: both; 
background: #89daf8; 
height: 30px; 
padding: 0; 
padding-top: 10px; 
font-family: Tahoma, Arial, Helvetica, Sans-serif;
font-size: 10px; 
color: #000000; 
border-top: 1px solid #efefef; 
padding: 13px 25px; 
line-height: 18px; 
}

#footer a { 
color: #000000; 
text-decoration: none; 
}

#footer a:hover { 
color: #db6d16; 
}

#footer #altnav { 
width: 350px; 
float: right; 
text-align: right; 
}

h1 { 
margin: 0; 
padding: 0; 
}