html, body {margin:0; padding:0;}
body {background: url(../elements/bg_lines.png) left top repeat;}
h1, h2, p, li {color:#39669b; font-size:12px; font-family:Arial; margin:0 0 7px 0; font-weight:normal;}
h1 {font-size:17px; color:#87993a;}
h2 {font-weight:bold; color:#346397; margin-bottom:4px;}
p {line-height:1.3em; margin-bottom:12px;}
table {font-size:12px; color:#39669b; font-family:Arial; margin:0;}
td {vertical-align:top;}
img {border:0; display:block;}
a {color:#739cd5; font-size:12px; font-family:Arial;}
a:hover {color:#f0b310;}
ul {margin:0 0 12px 5px; padding:0; list-style-type:none;}
li {line-height:1.3em; color:#39669b; margin:0 0 7px 0; padding:0 0 0 10px; width:680px; background:url(../elements/list_bullet.png) left 6px no-repeat;}


/* Container styles */
#outer {position:absolute; overflow:auto !important; width:100%; height:100%;}
#cntnr {position:relative; margin:0 auto; top:59px; width:772px; background:url(../elements/main_bg_repeat.png) top center repeat-y;}


/* Background Element styles */
#bg_grad {position:absolute; top:0; left:0; margin:0; background:url(../elements/bg_grad.png) left top repeat-x; height:556px; width:100%; display:block;}
#bg_pattern {overflow:hidden; position:absolute; left:0; margin:0; background:url(../elements/bg_pattern.png) center -5px repeat-x; height:69px; width:100%; display:block;}
#bg_br {position:absolute; bottom:62px; right:5px; background:url(../elements/bg_br_elt.jpg) top left no-repeat; width:132px; height:131px;}


/* Top Menu styles */
#menu {position:absolute; height:20px; width:530px; top:0; margin:-26px 0 0 252px;}
#menu ul {margin:0;}
#menu li {float:left; display:block; margin:0; padding:0 18px; font-size:11px; line-height:11px;}
#menu a {text-decoration:none; color:#aaa; height:15px; padding-top:40px; display:block; font-size:11px; font-weight:normal; text-align:center;}

#menu #nav_about {background:url(../elements/menu_about.png) center 0px no-repeat; width:52px;}
#menu #nav_workshops {background:url(../elements/menu_workshops.png) center 0px no-repeat; width:75px;}
#menu #nav_classes {background:url(../elements/menu_classes.png) center 0px no-repeat; width:64px;}
#menu #nav_studentinfo {background:url(../elements/menu_studentinfo.png) center 0px no-repeat; width:70px;}
#menu #nav_instructors {background:url(../elements/menu_instructors.png) center 0px no-repeat; width:62px;}

#menu li:hover a {color:#af757d;}
#menu li:hover div {display:block;}

#menu #nav_about:hover, #menu #nav_workshops:hover, #menu #nav_classes:hover, #menu #nav_studentinfo:hover, #menu #nav_instructors:hover {background-position:center -60px;}

#menu div {display:none; position:absolute; margin-left:-10px;}
#menu div table {border-collapse:collapse;}
#menu td {padding:0;}
#menu td.links {border:1px solid #e6e6e6; background:#fff; padding:3px 0;}
#menu div img {width:5px; height:90%;}
#menu div a {width:90px; height:auto; padding:2px 10px; color:#af757d; text-align:left; line-height:14px;}
#menu div a:hover {color:#fff; background:#9d5560;}

#menu #nav_classes div {padding-top:11px;}


/* Other Element styles */
#legend img {vertical-align:middle; margin-left:10px; display:inline;}
#legend img.first {margin-left:4px;}

#logo {position:absolute; width:240px; height:122px; top:0; margin:-59px 0 0 10px; background:url(../elements/logo.png) left top no-repeat;}
#logo a {width:240px; height:122px; display:block;}

#map {float:right; border:0; margin:0 0 0 5px;}
#dir_list li {width:330px;}

img.floatl {float:left; margin:0 10px 10px 0;}
img.floatr {float:right; margin:0 0 10px 10px;}

.pad_top {padding-top:5px;}

.separator {width:100%; height:1px; border-top:1px dotted #c5c7d8; margin-bottom:12px;}


/* Main Text Area styles */
#main {background:url(../elements/main_bg.png) top center no-repeat; min-height:450px;}
#main h1.flourish {color:#104b7d; background:url(../elements/header_flourish.png) center center no-repeat; padding:20px 0; margin-bottom:15px; text-align:center;}
#main p.quote {margin-top:-8px; font-size:11px; font-weight:bold;}

#default_text, #condensed_text {position:relative; padding:80px 0 70px 0; margin:0 0 0 26px; width:725px;}
#condensed_text {width:490px;}
#condensed_text li {width:480px;}
#welcome_text {position:relative; padding:75px 0 70px 0; margin:0 0 0 328px; width:400px;}
#welcome_text p {font-size:12px;}



/* Footer styles */
#footer {font-size:10px; position:relative; margin:0 auto; background:url(../elements/footer_bg.png) top center no-repeat; width:778px; height:76px; display:block; text-align: center; padding-top:33px;}
#footer a, #footer p {font-size:10px; color:#f9f9f9; font-family:Arial;}
#footer p {margin:0 0 2px 0;}
#footer a:hover {color:#f0b310;}
#footer #mop {position:absolute; right:0; bottom:19px; margin:0 10px 0 0; color:#71452f; line-height:12px;}
#footer #mop a {color:#462a1f; text-decoration:none;}
#footer #mop a:hover {color:#f0b310;}