/*---------------------------------------
Typography and color scheme for the julieharpring.com and carmentastreet.com
version: Spring 2009 redesign
author: Julie Harpring
e-mail: julie.harpring@gmail.com
website: http://www.julieharpring.com
Last revised: May 2, 2009 */
/* 
Eric Meyer's Reset Reloaded (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) overrides styles commonly set by browsers so I can set my own.*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus{outline:0; background-color:#e5e5e5;}
body{line-height:1; text-align:left;} ol, ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */ table{border-collapse:separate;border-spacing:0;}caption, th, td{text-align:left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}blockquote, q{quotes:"" "";}
/*End of Meyer's reset*/
/*
Horizontal placement of type and objects within structural divs
*/
#main-content h1,#main-content h2,#main-content h3,#main-content h4,#main-content h5,#main-content h6,#main-content p,#main-content blockquote,#main-content img,#main-content dl,#main-content ol,#main-content ul,#main-content li,#main-content form,#main-content legend,#main-content table,#main-content caption,#main-content hr,#main-content pre{margin-left:6px; margin-right:8px;}
#main-content li{margin-left:13px;}
#main-content fieldset table,#main-content fieldset caption,#main-content fieldset ol,#main-content fieldset ul,#main-content fieldset li{margin-right:0; margin-left:0;}
#main-content blockquote{padding-left:2em;margin-right:2em;
}
#sub-content h1,#sub-content h2,#sub-content h3,#sub-content h4,#sub-content h5,#sub-content h6,#sub-content p,#sub-content blockquote,#sub-content img,#sub-content dl,#sub-content ol,#sub-content ul,#sub-content form,#sub-content legend,#sub-content table,#sub-content caption,#sub-content hr,#sub-content pre{padding-left:7px; margin-right:0px; padding-right:10px;}
#sub-content li{margin-left:13px;
}

/*
Typography set to a baseline rhythm using http://drewish.com/tools/vertical-rhythm. The baseline (line-height) is currently set to the equivalent of 22 pixels, and the base font size (for paragraph text) is the equivalent of 13px.*/
/*yui fonts.css with my adjustments*/
body{font:13px georgia, "new york", "times new roman", times, serif;color:#333;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% corbel,arial,geneva,helvetica,clean,sans-serif;}pre, code {font:115% monospace;}/*end yui fonts.css*/
a:link {color:#3BA398;}
a:visited{color:#371421;}
a:hover{color:#396600;}
a:active{color:#371421;background-color:transparent;}
/*
Vertical Rhythm + base color of type
*/
/*Base type sizes, colors and vertical rhythm*/
you-got24px{font-size:1.8462em;/*24px*/ line-height:1.8333em;/*44px*/ margin-top:0.45em;}
h1{font-size:1.6923em;/*22px*/ line-height:1em;/*22px*/ margin-bottom:1em; margin-top:1.5em; color:#396600; font-weight:normal;}
you-got22px{font-size:1.6923em;/*22px*/ line-height:1em;/*22px*/ margin-top:1em;}
you-got20px{font-size:1.5385em;/*20px*/ line-height:1.1em;/*22px*/ margin-top:1.1em;}
/*h2{font-size:1.5385em;(20px) line-height:1.1em;(22px) margin-top:1.1em; color:#68532f;(other choices:7f0e0c(crimson),333(dark gray)) font-weight:normal;}*/
you-got18px{font-size:1.3846em;/*18px*/ line-height:1.2222em;/*22px*/ margin-top:1.2222em;}
#main-content h2 a {color:#68532f;}
.img-example h2{clear:both;}/*Add <div class="img-example"> to keep text flowing well in image-heavy areas where the image floats disrupt text flow.*/
h1 + h2, #group-a h2, #group-b h2, #group-c h2 {margin-top:0;}
h2 + h2, #group-a h2 + h2, #group-b h2 + h2{margin-top:1.2222em;}
you-got16px {font-size:1.2308em;/*16px*/ line-height:1.375em;/*22px*/ margin-top:1.375em;}
.teaser {font-size:1.2308em;/*16px*/ line-height:1.375em;/*22px*/ margin-top:0.5em;color:#555;font-style:italic;}
you-got14px {font-size:1.0769em;/*14px*/ line-height:1.5714em;/*22px*/ margin-top:1.5714em;}
h2,h3, legend {font-size:1em;/*13px*/ line-height:1.6923em;/*22px*/ margin-top:1.6923em; color:#333;/*777*/ font-weight:bold;}
h4{font-size:1em;/*13px*/ line-height:1.6923em;/*22px*/ margin-top:1.6923em; color:#666; font-weight:normal; font-family:corbel,arial,geneva,helvetica,clean,sans-serif;}
you-got12px{font-size:0.9231em;/*12px*/ line-height:1.8333em;/*22px*/ margin-top:1.8333em; margin-bottom:0em;}
you-got11px{font-size:0.8462em;/*11px*/ line-height:2em;/*22px*/ margin-top:2em; margin-bottom:0em; 
}
/*additional base type and object styles*/
hr {padding-top:11px; padding-bottom:11px; background-color:#e5e5e5; color:#e5e5e5; border:0;
}
p, ul, ol, dl, pre, table, label {font-size:1em;/*13px*/ line-height:1.6923em;/*22px*/ margin-bottom:1.6923em;
}
/*Add this class to a paragraph to get an "information" icon*/
.information{background:url(/i/icons/information.gif) transparent left 3px no-repeat; padding-left:20px;
}
code{font-family:consolas,"lucida console", "andale mono", "courier new", monospace;font-size:0.9231em;/*12px*/}
caption{font-weight:bold;}
blockquote{font-family:corbel,arial,geneva,helvetica,clean,sans-serif;background:url(/i/blockquote-bg.gif) no-repeat top left;}
strong{font-weight:bold;}
cite{font-style:normal;}
em{font-style:italic;
}
/*Lists*/
dt {font-weight: bold;margin-top:1.6923em;color:#333;}
dt + dt {margin-top:0;}
dd + dd {text-indent:1.6923em;/*22px, same as line-height*/
}
li {margin-left:1em;}
ol li {margin-left:1.5em;}
#content ul {list-style:disc;}
#content ul li li {list-style:circle; }
#content ul ul{margin-bottom:0;padding-bottom:0;margin-left:22px;}
#content ol {list-style:decimal;}
#content ol ol{list-style:upper-alpha;
}
/*Timelines:
Creates left border and tic marks when <div class="timeline"> is wrapped around an ordered list. 
*/
#content .timeline ol {list-style:none; font-weight:bold; border-left:1px solid #aaa;}
#content .timeline ol li {background:url(/i/icons/timeline-tic.gif) transparent left 10px no-repeat; margin-left:0; padding-left:10px;}
#content .timeline ol ul {font-weight:normal;}
#content .timeline ol ul li, #content .timeline ol ol li{background:none;padding-left:0; margin-left:9px;
}
/*Microformat styling*/
#content li.vevent {list-style:none;}
#content li.vcard {margin-bottom:22px;}
#content .vcard ul, #content .vcard li, #content li.vcard, #content .vcard ul li li{list-style:none; margin-left:0;}
.vcard dd + dd, #content form dd + dd {text-indent:0;}
/*Tables*/
table, caption{background:#ccc;border:1px solid #aaa;}
table{border-left:none;}
table {font-family:corbel,arial,geneva,helvetica,clean,sans-serif;font-size:0.8462em;/*11px*/ line-height:2em;/*22px*/}
caption{border-bottom:none;font-family:georgia, "new york", "times new roman", times, serif;background:#777;color:#396600;font-weight:normal;font-size:13px;line-height:22px;padding-top:11px;padding-bottom:11px;}
th{font-weight:bold;padding-bottom:21px;font-size:12px;line-height:22px;}
caption, td, th{padding-left:1em; padding-right:1em;}
td,th{border-left:1px solid #aaa;}
/*Add a zebra stripe to alternating table rows or cells: */
table .alt{background:#f1f1f1;
}
/*Forms*/
label, input {display:inline;}
input {padding:0;}
#content form ol,#content form ul{list-style:none;}
#content form ol ul li{margin-bottom:0;}
form li {margin-bottom:1.6923em;}
#content form{margin-bottom:22px; padding:21px; border:1px solid #ccc;}
#content form h3, #content form h4, #content form p {margin-left:0;}
#content fieldset{border-bottom:1px solid #ccc;margin-bottom:21px;}
form table td{text-align:center;
}
/*Images: To align to the grid, images should have a height that is a multiple of 22px minus 8px */
/*Default body text images*/
#main-content img.switch{float:right; padding:3px; border:1px solid #ccc; margin-left:1em; margin-bottom:0; margin-top:2px; background:white;}
#main-content img{float:left; margin-left:6px; margin-right:1em;margin-top:5px;}
/*To remove the default border if an image needs to bleed onto the page: */
#main-content img.catalog-badge, #main-content img.no-border {border:none; padding:4px;margin-top:0;}
/*Checklists
To make check boxes invisible until printed, add div.checklist around the checklist. You must also hard-code <img src="/i/icons/bullet_picture.gif" width="16" height="16" alt="" /> right after the opening <h2> of each entry. */
.checklist img{display:none;
}
/*Spotlight page styles /about-us/profiles/ */
#spotlight-list dt {clear:both;}
#spotlight-list img {margin-bottom:19px;}
/*
Breadcumbs: layout of breadcrumbs is further down the page; this is just the base type info
*/
#breadcrumbs{font-family:corbel,arial,geneva,helvetica,clean,sans-serif; font-size:0.8462em;/*11px*/ line-height:2em;/*22px*/ 
margin-top:0em;/*margin-bottom:1.8333em;*/
}
/* 
Icons for document downloads, e-mail links, and external links: No need to do anything in the XHTML. */
a[href^="http:"] {background:url(/i/icons/external_link.gif) no-repeat right bottom; padding-right:1.1em;}
a[href^="http://carmentastreet.com"] {background-image:none; padding-right:0;}
a[href^="http://carmentastreet.com"] {background-image:none; padding-right:0;}
a[href^="mailto:"] {background:url(/i/icons/email_mini.gif) no-repeat right bottom;	padding-right:1.4em;}
a[href$=".pdf"] {background:url(/i/icons/page_white_acrobat.gif) no-repeat right bottom; padding-right:1.4em;}
a[href$=".pdf"] img {background-image:none; padding-right:0;}
a[href$=".doc"] {background:url(/i/icons/page_white_word.gif) no-repeat right bottom; padding-right:1.4em;}
a[href$=".doc"] img {background-image:none; padding-right:0;}
a[href$=".rtf"] {background:url(/i/icons/page_white_text.gif) no-repeat right bottom; padding-right:1.4em;}
a[href$=".rtf"] img {background-image:none; padding-right:0;}
a[href^="http:"]:focus,a[href^="http://carmentastreet.com"]:focus,a[href^="mailto:"]:focus,a[href$=".pdf"]:focus,a[href$=".doc"]:focus,a[href$=".rtf"]:focus {background-color:#e5e5e5;}
a[href^="http:"]:active,a[href^="http://carmentastreet.com"]:active,a[href^="mailto:"]:active,a[href$=".pdf"]:active,a[href$=".doc"]:active,a[href$=".rtf"]:active {background-color:transparent;}
/*
Global Layout
*/
html{background:#fff;}/*d6d3bf*/
body{text-align:center;}
#wrapper,#tactical-wrap,#branding-global-wrap{margin:auto;text-align:left;width:57.69em;min-width:790px;}
/*When you un-comment the part of the background that is commented out below, it will show you the vertical grid of the page so you can make sure that everything lines up correctly. */
#wrapper,#tactical-wrap,#branding-global-wrap{margin:auto auto;width:auto;max-width:790px; /*background:url(/i/vertical-grid22px.gif) transparent top left repeat;*/ background-color:transparent;}
/*
Tactical*/
#tactical{float:left; width:100%;background-color:#396600;}
ul#tactical-nav{float:left; font-size:0.8em;line-height:1em; margin:0 0 0 10px; padding:0;}
ul#tactical-nav li{display:inline;}
ul#tactical-nav a{color:#396600;text-decoration:none;}
ul#tactical-nav a:hover{color:#fff;}
#tactical form{float:right; margin:0; background: #2b2a24; border-bottom:1px solid #877B6C; border-left:1px solid #877B6C; padding:0.5em 0.8em 0.35em 0.8em;}
#tactical-nav{margin-bottom:0;}
#tactical form label span {position:absolute; text-indent:-9999px;margin:0;padding:0;
}
/*
Branding, audience, global nav*/
#branding-nav{border-bottom:2px solid #e5e5e5;border-top:1px solid #76B2AC;float:left;width:100%;background:#3BA398;}
#branding-nav h1 {position:absolute;text-indent:-9999px;}
#branding-nav img{margin-top:5px;margin-left:11px;margin-bottom:0;padding-bottom:0; margin-right:0;
}
#branding a:focus,#branding a:active{background:#45443d;}
#global-nav{width:100%;border-top:none;}
#global-nav h3 {position:absolute; top:-9999px;}
#global-nav ul{float:left; width:100%; margin:0; background:transparent;}
#global-nav li{float:left; font-size:0.9231em;/*12px*/ line-height:2.2em;/*1.8333em;22px*/ font-family:corbel,arial, geneva, helvetica, sans-serif; text-transform: uppercase;letter-spacing:0.1em;margin:0; text-align:center;}
#global-nav a {float:left; display:block; margin:0 1px 0 0; color:#fff; text-decoration:none; /*border-left:1px solid #877B6C;*/ background:transparent; padding-top:0.4em; padding-bottom:0.2em; width:100%;}
#global-nav a:hover,#global-nav a:focus,.admission-section #global-nav #global-admissions a,.programs-section #global-nav #global-programs a,.financial-section #global-nav #global-financial a,.policies-section #global-nav #global-policies a,.student-development-section #global-nav #global-development a,.about-us-section #global-nav #global-about-us a{background: #396600;}
#global-nav #global-aboutme{width:15%;}
#global-nav #global-resume{width:15%;}
#global-nav #global-contact{width:15%;/*border-right:1px solid #877B6C;*/}
/*block positioning*/
#branding,#audience-nav,#global-nav{position:relative;}
#branding,#audience-nav,#global-nav{_position:static;}
#aud-global #audience-nav,#aud-global #global-nav{position:static;}
#aud-global{width:100%;}
#aud-global{float:right;margin-left:-19.0769em;}/*-19.0769em;-25em,-325px*/
#branding,#audience-nav,#global-nav{float:left;width:18.3076em;/*23.0759em,299px*/}
#audience-nav,#global-nav{margin-left:19.01em;/*19.01em;24.0759em,312.9px*/}
#audience-nav,#global-nav{float:none;width:auto; margin-bottom:0;}
#branding-nav:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#branding-nav{margin-bottom:0;padding-botom:0;}
#global-nav{margin-bottom:0;padding-botom:0;}
/*
Meta-Page*/
#meta-page, .block-clear {clear:both;}
#meta-page:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#meta-page{zoom:1;border-bottom:1px solid #ccc;margin-bottom:21px;clear:both;}
/*
Breadcrumbs*/
#breadcrumbs{ margin-bottom:11px;float:left;}
#breadcrumbs h2{text-indent:-9999px; position:absolute;}
#breadcrumbs ul, #breadcrumbs li{display:inline; list-style-type:none; padding-right:10px;}
#breadcrumbs li a{background:url(/i/breadcrumb-bg.gif) right 50% no-repeat; padding-right:10px;
}
/*Sub-Content pieces*/
#related-links, .related-links, #info-box{margin-right:10px; padding-top:11px;}
#related-links h2, .related-links h2 {margin-top: 0; font-size:1.2308em;/*16px*/ line-height:1.375em;/*22px*/ color: #e89f23;}
#related-links p, #related-links ul, .related-links ul, #related-links dl, .related-links dl {font-family:corbel,arial,geneva,helvetica,sans-serif; font-size:0.9231em;/*12px*/ line-height:1.8333em;/*22px*/}
#related-links li, .related-links li {color:#dbd5c5;
}
.info-box {font-family:corbel,arial,geneva,helvetica,clean,sans-serif; border:1px solid #ccc; margin-right:11px; margin-bottom:20px; background: url(/i/info-box-bg.gif) #ebe8d1 50% 50% repeat-x;}
.info-box h2 {color:#e89f23; /*font-weight:normal;*/ margin-top:0.6875em; font-size:1.2308em;/*16px*/ line-height:1.375em;/*22px*/}
.info-box h2 a{color:#e89f23;}
.h2-only h2 {margin-bottom:0.6111em;}
.h2-only h2 a{text-decoration:none;color:#e89f23;}
#sub-content .info-box ul li{color:#444;}
div.h2-only {background:url(/i/info-box-bg-h2only.gif) #ebe8d1 top left repeat-x;} 
#sub-content .info-box img {border:none; float:right;margin-right:0;padding-right:0;
}


/*
Footer*/
#footer{clear:both; font-family:corbel,arial,geneva,helvetica,sans-serif;  margin-bottom:22px; width:100%;background:transparent;} 
#footer p,#footer ul {margin:0 21px; font-size:0.9231em;/*12px*/ line-height:1.8333em;/*22px*/}
#footer li {font-size:100%;}
#footer ul li.last {border-right:none;}
ul.aboutnav li,ul.internav li{display:inline; list-style-type:none;}
ul.aboutnav li,ul.internav li{margin-left:0; padding-right:0.4em; margin-right:0.4em; border-right:1px solid #aaa;
}
#footer ul.aboutnav{margin-bottom:24px;}
#footer ul.vcard {border:1px solid #ccc;margin:0 11px 22px 0;padding:0;text-align:center; background:url(/i/info-box-bg.gif) #ebe8d1 50% 50% repeat-x;}
#footer .vcard li {margin-left:9px;}
#footer .vcard ul,#footer .vcard li li {margin-left:0;margin-bottom:0;font-size:100%;}
#footer ul.vcard ul {margin-top:0;
}
/*footer layout
#footer #colophon,#footer #footer-nav{float:right;display:inline;}
#footer div#footer-nav{float:left;}
#footer #colophon,#footer #footer-nav{float:left;margin-left:2%;width:33%;}
#footer div#footer-nav{margin-left:0;width:65%;}
#footer:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#footer{zoom:1;}*/