/*Created by education Robterson, Design Meme, 2006-08-01*/
/*Last modified by Jana Gillis, 2007-02-01*/

/*PRIMARY*/
html,body{color:#000;font-family:Verdana, Arial, sans-serif;font-size:12px;}
p, li {line-height:1.6;}
a, a:link,#index dd li a:hover{color:#066;}
a:visited,a:hover{color:#359997;}
a img {border:0;}
table {margin:12px 0 0 30px;}

/*Clear forces an element to come below a floating element; both clears left and right*/
.clear {clear:both;}
#clear {clear:both;}

/*PAGE HIERARCHY: Level, Page, Header, Main, Sidebar, Index, Content, Path, Footer*/

#page{margin:0 auto;width:800px;}
#pagepop{margin:0 auto;width:600px;}

/*Header*/
#header {width: 800px;
clear:both; }
#hdrleft {width: 300px;
height: 47px;
float: left;
margin: 0px;
padding: 0px; }
#hdrleft img.ltop {margin: 0px;
padding: 0px;
width: 300px;
height: 47px; }
#hdrright {width: 500px;
height: 47px;
float: right;
margin: 0px;
padding: 0px;
background-image: url(/graphics/navbars/cdpbg_47.gif);
background-repeat: no-repeat; }
#hdrright img.rtop {margin: 0px;
padding: 0px; }
#hdrright ul {display:block;
float: right;
margin: 0px;
padding: 0px; }
#hdrright li {display: inline;
list-style:none;
padding: 0px 8px 0px 22px; }
#hdrright li a {font-size: .85em;
font-weight: 700;
text-decoration: none;
color: #fff;
padding: 0px 0px 0px 5px; }

/*Pull down form position*/
#siteindex {float:right; margin:8px 0;}

/*Main*/
#main{background:#fff4cc; border:0  solid #03A7A8; border-top-color: #fff; border-top-width:2px; border-bottom-width:1px; clear:both; display:block;}
body#level3 #main, body#level4 #main, body#level5 #main{background:#fff;background-image:url(/education/_images/sidebarbg.gif);background-repeat:no-repeat;}
body#levelrsv #main {background:#fff;}
#main:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Sidebar is for whole left column*/
#sidebar{float:left;width:200px;}
#sidebar a:hover,#sidebar a:visited{color:#ff9;}
#index dd,#header h1,#header h2,#content .section p{margin:0;}
#sidebar,#sidebar a,#sidebar a:link{color:#fff;}
#sidebar a:active{color:#ffc;}

/*Index Box - Levels 1-4*/
dl#index {background-image:url(/education/_images/index_bottom.gif);background-position:center bottom;background-repeat:no-repeat;padding-bottom:24px;}
#index dt{height:87px;width:200px;float:left;}
#index dt a.f {height:87px;width:200px;display:block;margin:0;background-image:url(/education/_images/index_cdplogo_f.gif);}
#index dt a.e {height:87px;width:200px;display:block;margin:0;background-image:url(/education/_images/index_cdplogo_e.gif);}
#index dd.first {padding-top:8px;}
#index dd ul li a.first:link { padding-top:4px; }
#index dd.last {padding-bottom:0px;}
#index dd ul li a.last:link { padding-bottom:0px; }
#index dd{background:#95CE33;font-size:15px;font-weight:700;padding:0 8px; clear:left;}
#index dd a{color:#fff;display:block;padding:2px 4px;text-decoration:none;}
#index dt+dd a { padding:8px 4px 2px 4px; }
#index dd a:hover{text-decoration:underline;}
#index dd.active a{background:#CBE79A;}
#index dd ul { list-style-type:none;margin:0;padding:0; border:1px solid #CBE79A; }
#index dd li a,#index dd li a:link{color:#369897;font-size:12px;padding:0 16px 8px; margin:0;}
#index dd li a:hover{color:#066;}
#index dd.active a {color:#003364;}
#index dd.active a:visited {color:#003364;}
#index dd li a.active {color:#003364; text-decoration:underline;}

/*Index Box - Level5*/
#level5 #index dd {font-size:12px;display:block;}
#level5 #index dd a {padding:12px;background:#CBE79A;color:#066;}
#level5 #index dd a:hover {text-decoration:none;}
#level5 #index dd a strong {color:#359997;}
#level5 #index dd a:hover strong {text-decoration:underline;}
#level5 dl#index dt+dd {padding-top:10px;}

/*Splash content*/
#splashleft{width:45%; float:left; text-align: right; padding:10px;}
#splashleft h1 {margin:12px 0px 6px 0px;font-size:20px;font-style:italic;}
#splashright{width:45%; float:right; text-align: left; padding:10px;}
#splashright h1 {margin:12px 0px 6px 0px;font-size:20px;font-style:italic;}
#splashcanada{width:300px; float:left; text-align: left; padding:10px; margin-left:100px;}
#splash150nature{width:300px; float:right; text-align: right; padding:10px; margin-right:100px;}

/*Reservation content*/
#resleft{width:50%; float:left; text-align: left; padding:0px;}
#resleft h1 {margin:0;font-size:20px;font-style:italic;}
#resright{width:50%; float:right; text-align: left; padding:0px;}
#resright h1 {margin:0;font-size:20px;font-style:italic;}
#resleftnarrow{width:30%; float:left; text-align: left; padding:0px;}
#resleftnarrow h1 {margin:0;font-size:20px;font-style:italic;}
#resrightwide{width:70%; float:right; text-align: left; padding:0px;}
#resrightwide h1 {margin:0;font-size:20px;font-style:italic;}
#resrightpadded {float:right;padding-right:260px;}

/*Main content*/
#content{width:600px; float:right;}
#content h1 {margin:12px 30px 12px 30px;font-size:20px;font-style:italic;}
#content h1 small {font-size:12px;}
#content .section{border:2px solid #94CE33;display:block;margin:0 0 6px 0;padding:6px 12px 12px;}
#content .section a{color:#000;}
#content h2 {margin:0 30px; padding:0; margin-bottom:0px;}
#content .section h2{margin:0; }
#content h2, #content .section h2 a{color:#95ce33;font-size:16px;}
#content h2 a:hover{color:#690;}
#content h3 {font-size:14px; margin:0 30px;}
#content h3 small {font-size:10px;}
#content ul {padding:0; padding-bottom:15px; margin:0;}
#content li {margin-left:46px;}
#content .section li, #themes li{display:inline;list-style:none;margin:0;padding:0;}
#content .section li a, #themes li a{padding:0 0 0 0;color:#066;}
/*#content .section li:before, #themes li:before{content:" / ";}*/
#content .section ul{margin:0;padding:0;}
#content div.section{background:#fff;margin:0 16px 6px 16px;}
#content h4{font-size:12px; color:#fe6700;margin:0 30px;padding:0;}
#content p{margin:12px 30px;}
#content h2+h4, #content h2+h3, #content h3+h4 {margin:12px 30px 0 30px; }

#content p+h2, #content p+h3, #content ul+h2, #content ul+h3 {margin-top:12px;}
#content img.photo { float:right; }
#content p {margin:0 30px 18px 30px; }
#content p.detail {margin:0 30px 18px 30px; }
#content dt { margin:0 30px; font-weight:bold; }
#content dd { margin:0 30px 12px 30px; }
/*The next line adds a bullet character (\B7) to the dd content - see cls/lp/larc_f for example*/
#content dd:before { content:"\B7  "; font-weight:bold;}

/*Path breadcrumbs*/
#path{padding:0 18px;}
body#level3 #path, body#level4 #path, body#level5 #path{padding:0 30px; margin-bottom:20px; margin-top:2px; font-size:11px;}

/*Footer*/
#footer a#copyright{float:left;padding:10px;}
#footer a#comments{float:right;padding:10px;}
#footer p{clear:both;margin:0;padding:0 10px;}
#footer {clear:both;}


/*IN-PAGE NAVIGATION STYLES*/

/*In-Page Navigation - Related resources*/
#content div#resource { width:160px; float:right; margin:0 0 30px 30px; }
#content #resource p { font-size:14px; color:#95ce33; padding:0;margin:0; line-height:1.1; }
#content #resource ul { background:#EEF8E0; margin:0; padding:10px 0; list-style-type:none; }
#content #resource ul li { margin:0; padding:0 12px 6px 12px; display:block;  line-height:1.1 }
#content #resource ul li a { white-space: nowrap; }

/*In-Page Navigation for target links within the page*/
#themes{margin:12px 30px; padding:12px; background:#EEF8E0; text-align:center; }
#themes ul {margin:0; padding:0;}

/*Single related resource, float left*/
/*This should be modified to become a float left version of resource with nonwrapping list li*/
#content .inpage {color:#95ce33; font-weight:bold; }
#content .inpage { margin-bottom:0; }
#content #single { margin-top:0; }
#single {padding:12px; background:#EEF8E0; }

/*Top of Page arrow*/
div.return a { display:block; background-image:url(/graphics/style/top_cdp.gif);background-repeat:no-repeat; height:23px; margin:0 30px;}

/*For the Skip Nav link at the top of each page*/
.accessibility { display:none; }

/*HEADING RELATED*/
h1{color:#359997;font-size:20px;font-style:italic;}
h1.mini{font-size:10px;}
h2{color:#95ce33;font-size:13px;}
h3{color:#669acc;font-size:11px;}
h4{color:#fe6700;font-size:10px;margin:0;padding:0;}
h5{color:#000;font-size:11px;}

/*These empty spans are used to hide text which is printed instead of background graphics*/
h1 span,#header h2 span,#index dt span,#content h2 span,a span,#content .section li:first-child:before,#themes li:first-child:before{display:none;}

/*Tight and loose classes for keeping headers directly ontop of text - See documentation*/
h1.tight, h2.tight, h3.tight, h4.tight, h5.tight, h6.tight { margin-top:0 !important; margin-bottom:0 !important; }
ol.tight, ul.tight, p.tight { margin-top:0 !important; }
h2.loosedbl { margin-top:10px !important;  margin-bottom:10px !important; }
h2.loosesgl { margin-top:10px !important;  margin-bottom:0 !important; }
p.tightdbl { margin-top:0 !important;  margin-bottom:0 !important; }
p.tightbot { margin-bottom:0 !important; }
h1.tightbot { margin-bottom:0 !important; }
.loose {margin-bottom:15px !important; }
h1.loose { margin-bottom:15px !important; }

/*Goes with tight and loose styles*/
#content p.listhead { margin-bottom:0; }
p.listhead {margin-bottom:0 !important; }


/*LISTS - GENERAL*/
ol.alpha { list-style-type:lower-alpha; list-style-position:inside; margin-left:0; padding-left:6px; }
ol.alpha li { padding-bottom:6px; }

/*Specialized lists for Activities and Workshops*/
#content #materials ul {list-style-image:url(/graphics/style/sqbul_cdp.gif); padding-left:4px;}
#content #mat_3d img {float:left; margin:0 30px; }
#content #mat_3d {clear:left; display:block; margin:30px 0; height:133px;}
#content #mat_3d p+p {margin-left:230px; background-image:url(/graphics/icons/icon_3dgrn.gif);background-repeat:no-repeat;padding-left:40px;padding-top:12px;}

/*SPECIFIC FONT RELATED*/
.super { vertical-align:super; display:inline !important; font-size:9px; }
.sub { vertical-align:sub; display:inline !important;  font-size:9px; }
.pub { font-family: "Times New Roman", Times, serif; font-size:14px; }
.glossary { background-color:#FFFFCC; }
.indent { padding-left:30px; display:block;}
#indent { padding-left:30px; display:block;}
.indent2 { padding-left:60px; display:block;}
#indent2 { padding-left:60px; display:block;}
.nature {color:#95ce33; font-weight:bold;}
.latin {font-weight:bold; font-style:italic;}
.small {font-size:9px}
.warning {background:#FFFF00;color:#FF0000;}

/*SPECIALITY*/
/*Reveal is for the disappearing layer javascript effect for curriculum links */
.reveal { text-decoration:underline; cursor:pointer; margin-bottom:12px; display:block;}


/*SIDEBARS and PROMOS*/

/*Teal sidebar promos: brochure, sbscrb, suggestions, sdbr3d*/
#brochure{background:#03A7A8;padding:0;width:192px; background-image:url(/education/_images/sdbr_teal_btm.gif);background-position:center bottom;background-repeat:no-repeat;padding:0 0 24px;}
#brochure h2{color:#fff;font-size:16px;background-image:url(/education/_images/sdbr_teal_top.gif);background-repeat:no-repeat;padding:16px 16px 0;margin:0;}
#brochure p{padding:8px 16px;}
#brochure p+p{font-size:10px;}

#opiebs{background:#03A7A8;padding:0;width:192px; background-image:url(/education/_images/sdbr_teal_btm.gif);background-position:center bottom;background-repeat:no-repeat;padding:0 0 24px;}
#opiebs h2{color:#fff;font-size:16px;background-image:url(/education/_images/sdbr_teal_top.gif);background-repeat:no-repeat;padding:16px 16px 0;margin:0;}
#opiebs p{padding:8px 16px;}
#opiebs p+p{font-size:10px;}


#sbscrb, #suggestions, #sdbr3d {background:#03A7A8;padding:10px 0 0 0;background-image:url(/education/_images/sdbr_teal_top.gif); background-repeat:no-repeat; background-position:center top;}
#sbscrb h2.f {background-image:url(/education/_images/sbscrb_f.gif);height:60px;width:192px;background-position:center top;display:block;padding:0 0 0 8px;}
#sbscrb h2.e {background-image:url(/education/_images/sbscrb_e.gif);height:60px;width:192px;background-position:center top;display:block;padding:0 0 0 8px;}
#suggestions h2.f { background-image:url(/education/_images/suggestions_f.jpg);height:79px;}
#suggestions h2.e { background-image:url(/education/_images/suggestions_e.jpg);height:79px;}
#highlight {background:#EEF8E0; padding:10px 10px 10px 10px; margin:30px 30px 30px 30px;}


#sdbr3d h2.f { background-image:url(/education/_images/sdbr_3dtitle_f.jpg);height:50px; }
#sdbr3d h2.e { background-image:url(/education/_images/sdbr_3dtitle_f.jpg);height:50px; }
#sdbr3d h3 {color:#fff;margin:0 16px;}
#sdbr3d ul {margin-top:0;}


#sbscrb h2 span, #suggestions h2 span, #sdbr3d h2 span {display:none;}
#suggestions p.last  {padding:0 16px 50px 16px; margin:0; background-image:url(/education/_images/sdbr_teal_btm.gif); background-repeat:no-repeat; background-position:center bottom;}

#sbscrb p, #sdbr3d div.sdbr_teal_btm {padding:0 16px 50px 16px; margin:0; background-image:url(/education/_images/sdbr_teal_btm.gif); background-repeat:no-repeat; background-position:center bottom;}

#suggestions strong {font-size:12px;}
#suggestions p {padding:0 16px;}
#suggestions h2 {padding:0 16px; color:#fff; margin:0;}


/*Blue  sidebar promos: prepar, visitcap*/
#visitcap, #prepar, #gloss {background:#669ACC;background-image:url(/education/_images/sdbr_blue_top.gif); background-repeat:no-repeat; background-position:center top;}
#visitcap h2, #prepar h2, #gloss h2 {color:#fff;padding:24px 16px 0 16px;font-size:18px;}
#visitcap p, #prepar p, #gloss p {padding:0 16px 50px 16px;margin:0;background-image:url(/education/_images/sdbr_blue_btm.gif);background-repeat:no-repeat; background-position:center bottom;}
#prepar {margin-bottom:30px;}

/*Bluewide  sidebar promo: prepar*/
#prepar2 {background:#669ACC;background-image:url(/education/_images/sdbr_bluewide_top.gif); background-repeat:no-repeat; background-position:left top;}
#prepar2 h2 {color:#fff;padding:24px 16px 0 16px; font-size:18px; margin:0;}
#prepar2 p {padding:0 16px 35px 16px;margin:0;background-image:url(/education/_images/sdbr_bluewide_btm.gif);background-repeat:no-repeat; background-position:right bottom;}
#prepar2 {margin-bottom:30px; margin-left:30px; margin-right:30px;}
#prepar2 a:hover,#prepar2 a:visited{color:#ff9;}
#prepar2,#prepar2 a,#prepar2 a:link{color:#fff;}
#prepar2 a:active{#ffc}

/*Bluewide  sidebar promo: prepar on yellow page*/
#prepar3 {background:#669ACC;background-image:url(/education/_images/sdbr_bluewide_ylw_top.gif); background-repeat:no-repeat; background-position:left top;}
#prepar3 h2 {color:#fff;padding:24px 16px 0 16px; font-size:18px; margin:0;}
#prepar3 p {padding:0 16px 35px 16px;margin:0;background-image:url(/education/_images/sdbr_bluewide_ylw_btm.gif);background-repeat:no-repeat; background-position:right bottom;}
#prepar3 {margin-bottom:30px; margin-left:30px; margin-right:30px;}
#prepar3 a:hover,#prepar3 a:visited{color:#ff9;}
#prepar3,#prepar3 a,#prepar3 a:link{color:#fff;}
#prepar3 a:active{#ffc}

/*s/w Pointstream - main content promo, not sidebar*/
#pointstream {background:#fff4cc; margin:0 30px; overflow:auto; }
#pointstream h2 {background:#fff; display:block;margin:0;padding-left:0px;}
#pointstream h3 {display:block;margin:0;padding-left:12px;padding-top:12px; }
#pointstream div#apropos {float:left;width:260px; }
#pointstream div#directives {float:right;width:260px; }
#pointstream div#directives li {background-image:url(/graphics/icons/mouse1_icon.gif);list-style:none;background-repeat:no-repeat;padding:0 0 12px 36px;margin:16px;}
#pointstream div#directives li.right {background-image:url(/graphics/icons/mouse2_icon.gif);}
#pointstream p  {margin-left:16px; }
#pointstream div {display:block;}
#pointstream div li {margin:0 32px; }
#pointstream div ul {margin:8px 0;}
#pointstream p.listhead { margin-bottom:0; }
#pointstream ul {margin-top:0 !important; }

/*Reservations promo - main content promo, not sidebar*/
#reserve_f h3{background:url(/education/_images/reserv_top_f.gif);display:block;height:46px;margin:4px 0 0 0 !important;margin-left:14px !important;width:570px;}
#reserve_f h3 a{display:block;height:46px; width:570px;}
#reserve_e h3{background:url(/education/_images/reserv_top_e.gif);display:block;height:46px;margin:4px 0 0 0 !important;margin-left:14px !important;width:570px;}
#reserve_e h3 a{display:block;height:46px; width:570px;}
#questions{background-image:url(/education/_images/reserv_bg.gif);background-position:center bottom;background-repeat:repeat-x;margin:0 16px 30px;padding:8px 16px 50px;}
#questions{background-image:url(/education/_images/reserv_btm.gif);background-position:center bottom;background-repeat:repeat-x;margin:0 16px 30px;padding:8px 16px 48px;}
#questions p{font-size:12px; font-weight:bold; color:#fe6700;margin:0;padding:0;}
#questions ul{font-size:12px;margin:0;padding:0;}
#questions li{color:#fff;display:block;float:left;list-style:none;margin:0;padding:0;}
#questions li.ats {float:right;}


/*PAGE SPECIFIC STYLES - indicate original page source*/

/*Background text graphics - index_*/
h1#cdp_title_f { background-image:url(/education/_images/cdp_title_f.gif); background-repeat:no-repeat; background-position:center top; height:32px; width:225px; margin-left:22px; }
h1#cdp_title_e { background-image:url(/education/_images/cdp_title_e.gif); background-repeat:no-repeat; background-position:center top; height:32px; width:225px; margin-left:22px; }

/*Fee table -/mus/rsv/rsvappfee_*/
#fees table {width:440px;margin:12px 0 0 30px;}
#fees table th {background:#EEF8E0;}
#fees table tr {background:#fff4cc;}
#fees table th, table td{text-align:center;vertical-align:top;}
#fees table+p {text-align:right; font-style:italic;}

/*form text and field alignment*/

div.formfields{clear: both;padding-top: 10px;}
.formtxt {display:block;width: 80px;margin-left: 30px;float: left;}

.fieldarea {display:block;width: 300px;margin-left: 20px;float: left;}

/*Photos*/
/*Photo with Frame*/
#content div#photoframe { width:160px; float:right; margin:0 0 30px 30px; }
/*Photos with Border*/
#content div#photoborder { float:right; margin:0 0 10px 10px; border-style:solid; border-width:1px; }
/*Photo cleaned on white*/
#content div#photowhite { float:right; margin:0 0 30px 30px; }
#content div#photowhite2 { float:right; margin:0 0 10px 0px; }
/*Photo with Caption*/
#content div#photocaption { width:160px; float:right; margin:0 0 30px 30px; }
#content #photocaption p { font-size:10px; color:#000000; padding:0;margin:0; line-height:1.1; }
#content #photocaption ul { background:#EEF8E0; margin:0; padding:10px 0; list-style-type:none; }
#content #photocaption ul li { margin:0; padding:0 12px 6px 12px; display:block;  line-height:1.1 }
#content #photocaption ul li a { white-space: nowrap; }

#content div#photocaption2 { width:206px; float:right; margin:0 0 20px 20px; }
#content #photocaption2 p { font-size:10px; color:#000000; padding:0;margin:0; line-height:1.1; }
#content #photocaption2 ul { background:#EEF8E0; margin:0; padding:10px 0; list-style-type:none; }
#content #photocaption2 ul li { margin:0; padding:0 12px 6px 12px; display:block;  line-height:1.1 }
#content #photocaption2 ul li a { white-space: nowrap; }

#content div#photocaption3 { width:300px; float:right; margin:0 0 20px 20px; }
#content #photocaption3 p { font-size:10px; color:#000000; padding:0;margin:0; line-height:1.1; }
#content #photocaption3 ul { background:#EEF8E0; margin:0; padding:10px 0; list-style-type:none; }
#content #photocaption3 ul li { margin:0; padding:0 12px 6px 12px; display:block;  line-height:1.1 }
#content #photocaption3 ul li a { white-space: nowrap; }