/* ---- MAIN ---- */

* {margin: 0; padding: 0; text-align: left;}

body {background: #303; text-align: center; font: 12px/16px Arial, Helevtica, sans-serif;}

hr, #tagline {display: none;}



.clearer {clear: both;}

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



a {color: #303;}



/* ---- IDs ---- */

#wrapper {margin: 0 auto; width: 774px;}



#content {

	background: #303 url(images/bg_content.gif) top center repeat-y;

	width: 774px;

	position: relative;

	padding: 0 0 25px 0;

	min-height: 380px;

}



#main {margin: 0 22px 0 175px;}



#footer {

	background: #303 url(images/bg_footer.jpg) no-repeat;

	clear: both;

	color: #fff;

	display: block;

	font-size: 10px;

	font-style: normal;

	height: 37px;

	padding: 7px;

	text-align: center;

	width: 774px;

}



/* ---- NAVIGATION ---- */

#nav {

	position: absolute;

	top: -1px;

	left: 17px;

	list-style: none;

	margin: 0;

	width: 149px;

}



#nav li a {

	display: block;

	height: 32px;

	margin: 0 0 0 9px;

	text-decoration: none;

	text-indent: -9999px;

	width: 140px;

}	



#abo a:link, #abo a:visited {height: 27px;}

#pro a:link, #pro a:visited {height: 35px;}

#sch a:link, #sch a:visited {height: 29px;}



#abo {background: url(images/bg_nav.gif) 9px 0 no-repeat; }

#pro {background: url(images/bg_nav.gif) 9px -28px no-repeat;}

#sch {background: url(images/bg_nav.gif) 9px -64px no-repeat;}

#con {background: url(images/bg_nav.gif) 9px -93px no-repeat; height: 138px;}



#abo a:hover, #abo .current {background: url(images/bg_nav.gif) 140px 0;}

#pro a:hover, #pro .current {background: url(images/bg_nav.gif) 140px -28px;}

#sch a:hover, #sch .current {background: url(images/bg_nav.gif) 140px -64px;}

#con a:hover, #con .current {background: url(images/bg_nav.gif) 140px -93px;}



#nav li ul {

	background: #fff;

	border-right: 1px solid #303;

	list-style: square;

	margin: 0;

	padding: 5px 0 10px 30px;

	color: #303;

	line-height: 15px;

}



#nav li ul a:link, #nav li ul a:visited {

	height: auto;

	width: 116px;

	text-indent: 0;

	color: #303;

	text-decoration: none;

	margin: 0;

	padding: 1px;

}



#nav li ul a:hover {

	background: #303;

	color: #fff;

}



/* ---- NEWS ---- */

#news {

	background: url(images/bg_news.gif) bottom no-repeat;

	float: right;

	margin: -7px 0 10px 10px;

	width: 203px;

}



#news h2 {

	background: url(images/bg_newshd.gif) top no-repeat;

	padding: 16px 10px 1px 11px;	

	text-align: center;

}



#news h3 {color: #303;}



#news dl {

	border-top: 1px solid #303;

	margin: 0 0 10px 11px;

	padding: 3px 0 0 0;

	width: 180px;

}



/* ---- HEADERS ---- */

h1 {

	background: url(images/ddh_header.jpg) no-repeat;

	display: block;

	height: 158px;

	position: relative;

	width: 774px;

}



h1 a {

	position: absolute;

	top: 45px;

	left: 15px;

	display: block;

	height: 100px;

	text-decoration: none;

	text-indent: -9999px;

	width: 330px;

}



h2 {font-size: 14px; padding: 9px 0 0 0;}

h3 {font-size: 12px;}



#main h3 {margin: 10px 5px 5px 0; padding: 2px; background:#eee; border-bottom: 1px solid #303;}



/* ---- TEXT ---- */

p {margin: 5px 10px 5px 0;}

address a {color: #fff;}



/* ---- LINKS ---- */

a.email {padding: 0 0 0 9px; background: url(images/sendmail.gif) 0 4px no-repeat; color: #303;}

a.email:hover {background: url(images/sendmail.gif) 0 -28px no-repeat;}



/* ---- LISTS ---- */

dt {

	font-weight: bold;

	margin: 8px 0 0 0;

	padding: 1px;

}



.first {margin: 0;}



dd {margin: 1px 0 0 1px;

	font-size: 11px;

}



dl.program {margin-right: 25px;}



#main ul, #main ol {

	margin: 0 30px;

	padding: 0;

}



#main ul {list-style: square;}



#main ul li, #main ol li {margin: 0 0 4px 0;}



#main #sitemap {

	list-style: none;

	margin: 10px 10px 10px 0;

	padding: 0;

}



#main #sitemap li {

	font-weight: bold;

	color: #303;

	margin: 5px 0 0 0;

	background-color: #eee;

	padding: 4px;

	list-style: none;

}

#main #sitemap li ul {

	margin: 0 30px;

}

#main #sitemap li ul li {

	margin: 3px;

	padding: 0;

	list-style: square;

}

#main #sitemap li ul li a, #main #sitemap li a {color: #303;}



/* ---- IMAGES ---- */

img {margin: 5px; border: 1px solid #303; padding: 3px; background: #fff;}

.ins {height: 165px; width: 141px; float: right; margin: 10px 5px 5px 5px;}

.con {height: 100px; width: 150px; float: right;}

.recital {margin: 5px 5px 5px 0;}

.pages {height: 300px; width: 200px; float: right;}