/* Eric Meyer's CSS reset */
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;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul, li {
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: "" "";
}
/* ###############################################*/
/* GLOBAL ELEMENTS */
/* ###############################################*/
/* HTML ELEMENTS //////////// */
html, body {height:100%; width:100%; background-color:#fff; color:#000; margin:0; padding:0;}
body { font-family:Arial, Helvetica, sans-serif; font-size:100%; font:12px/16px Helvetica, Arial, sans-serif;}
h1 {font: bold 22px/23px Helvetica, Arial, sans-serif; color:#cc832d; margin-bottom:8px;}
h2 { font: normal 15px/18px Helvetica, Arial, sans-serif; color:#666; margin-bottom:16px;}
h3 { font:bold 14px/16px Helvetica, Arial, sans-serif; color:#599CAB; margin-bottom:-6px; margin-top:15px; display:block;}
h4, h5 {color:#767561;}
h6 { font:bold 14px/18px Helvetica, Arial, sans-serif; color:#767561; margin-bottom:10px;}
a:link, a:visited {font-weight:bold; color:#cc832d; text-decoration:underline;}
a:hover, a:active { text-decoration:underline; color:#cc832d; }
p { font:12px/16px Helvetica, Arial, sans-serif; margin:10px 0;}
ul {margin:10px 0;}
li {font:12px/16px Helvetica, Arial, sans-serif;}
ul.bullet-list {margin: 0 0 10px 0;}
ul.bullet-list li {list-style:disc outside; margin-left:12px;}
strong {font-weight:bold;}
/* NAV //////////// */
#nav {width:auto; height:37px; display:block;margin-bottom:10px;background:none; }
#nav ul {}
#nav li {float:left; margin-right:10px; position:relative; z-index:2000; list-style:none;}
.pg-about li#nav-about a, .pg-programs li#nav-programs a, .pg-academics li#nav-academics a, .pg-admissions li#nav-admissions a, .pg-finaid li#nav-finaid a, .pg-studentsvcs li#nav-studentsvcs a, .pg-community li#nav-community a, .pg-alumni li#nav-alumni a, .pg-contact li#nav-contact a {text-decoration:underline;}
/* dropdowns */
#nav li ul.dropdown { display:none;}
#nav li ul.dropdown li {display:none;}
/* SUBNAV //////////// */
ul#subnav li {display:none;}
ul#subnav li a {color:#599cab; font:normal 12px/16px Arial, Helvetica, sans-serif; text-decoration:none; }
ul#subnav li.active a {font-weight:bold;}
/* PAGE STRUCTURE //////////////////////////////////// */
#wrapper { width:100%; height:100%; background-color:#fff; margin: 0 auto;}
/* HEADER //////////////////////////////////// */
#header { width:100%; height:auto; position:relative; display:block; margin-bottom:30px;}
img.logo { position:relative; top:10px; left:10px; border:0; }
ul#topnav { display:none;}
#searchbox { display:none;}
/* MAIN BODY //////////////////////////////////// */
#mainbody { width:100%; position:relative; margin-top:15px; }
.col1 {width:30%; float:left; padding-right:10px; margin-left:0; text-align:left; }
.col2 {width:90%; float:left; padding:0; }
.col3 {width:auto; float:left; padding-left:10px;}
.col {width:48%; margin-right:2%; float:left;}
/* FOOTER //////////////////////////////////// */
#footer {width:100%; height:30px; padding:0; margin-top:20px; display:block; clear:both; }
#footer p {font:10px/12px Arial, Helvetica, sans-serif; color:#939386; }
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color:#939386;}
p.footer-links {float:left;}
p.copyright {float:right;}
/* ###############################################*/
/* SPECIFIC PAGES */
/* ###############################################*/
/* HOMEPAGE //////////////////////////////////// */
/* homepage cols */
.pg-home .col-wrap {width:100%; height:auto; clear:both; padding:0;}
.pg-home .col1 {width:72%; float:left; padding-right:15px; margin-left:20px; text-align:left; background:none; }
.pg-home .col2 {width:32%; float:left; padding:0; margin-bottom:30px; color:#707070;}
.pg-home .col2 a:link {color:#599CAB;}
/* homepage feature box */
.pg-home #home-feat { width:895px; height:250px; position:relative; top:0; left:50px; }
.pg-home #home-feat .box-left { float:left; width: 277px; }
.pg-home #home-feat .box-left .pad {padding:40px 30px;}
.pg-home #home-feat .box-right {width:618px; height:250px; float:left; }
/* homepage programs table */
.pg-home table.home-table {border-top:2px dotted #ccc; border-bottom:2px dotted #ccc; margin:20px 0; width:620px;}
.pg-home .home-table li {font:bold 13px/19px Arial, Helvetica, sans-serif; list-style:inside; list-style-image:url(../images/bullet-2.gif) }
/* homepage community box */
.pg-home .comm-box {width:280px; position:relative; }
.pg-home .comm-box .box-top {width:280px; height:32px; }
.pg-home .comm-box .box-content {padding:15px;}
.pg-home .comm-box .box-btm { width:280px; height:89px; position:relative; }
/* PROGRAMS PAGES //////////////////////////////////// */
.pg-programs .feature-box {width:100%; float:left;margin:0 0 15px 0;}
.pg-programs .box-pad h3 {margin-top:0;}
.pg-programs .feature-box li {font:bold 13px/19px Arial, Helvetica, sans-serif; color: #666; list-style:inside; list-style-image:url(../images/bullet-li.gif) }
.pg-programs .feature-box li a:link, .feature-box li a:visited, .feature-box li a:hover, .feature-box li a:active {color: #666;}
/* COMMUNITY PAGE //////////////////////////////////// */
.pg-community div.col2 {width:100%; float:left; padding:0; }
.pg-community .intro {width:65%;display:block;float:left;}
.pg-community div.comm-box {display:block; width:208px; height:132px; float:right; margin-left:10px; padding:0; }
.pg-community div.comm-box p {color:#88887a; font-size:11px; line-height:14px;}
div.feat-post {border-top:1px dotted #bdd7dc; border-bottom:1px dotted #bdd7dc; clear:both;}
div.meta {margin:15px 0; color:#88887a; }
div.meta p {font-size:11px;}
div.meta a:link, div.meta a:visited {color:#88887a;}
div.meta a:hover, div.meta a:active {color:#cc832d; text-decoration:none;}
img.author-pic {float:left; margin-right:10px;}
div.img-box {float:right; display:block; width:200px; height:auto; padding:10px; margin:0 0 0 10px; background-color:#f0f0e9; }
p.caption {color:#88887a; font-size:11px; line-height:14px; margin-bottom:0;}
p.meta-btm {clear:both; color:#88887a;}
div.recent-articles {margin:10px 0;}
div.recent-articles li { margin:3px 0; }
div.recent-articles li span.article-details a:link, div.recent-articles li span.article-details a:visited {color:#88887a;}
div.recent-articles lispan.article-details a:hover, div.recent-articles li span.article-details a:active {color:#cc832d; text-decoration:none;}
span.article-title a:link, span.article-title a:visited {font:bold 13px/16px Helvetica, Arial, sans-serif; color:#599CAB; }
span.article-details {color:#88887a; font-size:11px; line-height:14px; }
img.subnav-head {display:none;}
ul.comm-subnav {display:none;}
/* newsletters page */
div.newsletter-wrap {border-top:1px dotted #bdd7dc; clear:both;}
p.toc-header {margin-bottom:0; margin-top:10px;}
ul.toc {margin: 0 0 0 10px}
ul.toc li {list-style:inside disc;}
p.readonline {margin-top:2px; margin-bottom:10px;}
/* ambassadors page */
div.ambass-profile {clear:both; margin-bottom:25px; border-top:1px dotted #bdd7dc; }
div.ambass-profile .img-box {float:right; display:block; width:150px; height:auto; padding:10px; margin:0 0 0 30px; background-color:#f0f0e9; }
/* CONTACT PAGE //////////////////////////////////// */
.pg-contact div.contact-box {display:block; width:208px; height:132px; float:right; margin-left:10px; border:1px solid #000; padding:10px; }
.pg-contact div.contact-box p {color:#88887a; font-size:12px; line-height:14px; font-weight:normal;}
/* more info form */
form.contactform fieldset {padding:0 10px 10px 10px; border:1px solid #999; }
form.contactform legend {font:bold 14px/16px Helvetica, Arial, sans-serif; color:#999; padding:4px; }
table#contactform {font:normal 12px/16px Helvetica, Arial, sans-serif; background-color:#d7ecf0;}
table#contactform td { padding:3px 0; }
table#contactform td.formlabel {width:130px; text-align:right; vertical-align:top; padding-right:8px; font:bold 12px/16px Helvetica, Arial, sans-serif; color:#666;}
#contactform label.formlabel {font:bold 12px/16px Helvetica, Arial, sans-serif; color:#666;}
#contactform input {}
/* ALUMNI PAGE //////////////////////////////////// */
.pg-newsletter .col2 {width:740px; float:left; padding:0 0 0 20px; }
/* ###############################################*/
/* MISC CLASSES */
/* ###############################################*/
/* i'm ready button */
a.btn-imready {display:block; }
/* comm btns */
a.btn-createaccount {display:block; float:left;}
a.btn-login {display:block; float:left; margin-left:10px;}
/* sidebar img box */
.imagebox {display:none; }
/* email list signup forms */
.emailsignup-box {display:block; position:relative; width:195px; height:120px; float:right; margin-left:20px; margin-bottom:0; padding:15px;}
.emailsignup-box p {color:#88887a; font-size:11px; line-height:14px;}
/* misc type classes */
.col3 p { color:#939383; font-weight:bold;}
.fineprint {font:italic 11px/15px Arial, Helvetica, sans-serif; color:#a1a194;}
p.meta {font:11px/15px Arial, Helvetica, sans-serif; color:#999; margin-top:6px}
p.title {font:bold 12px/15px Arial, Helvetica, sans-serif; color:#666; margin-top:5px; margin-bottom:0; }
p.details { }
p.ul-header {margin:0; }
/* etc. classes */
.margin10top {margin-top:10px;}
.floatleft {float:left; }
.floatright {float:right;}
img.floatleft {float:left; margin-right:15px;}
img.floatright {float:right;margin-left:15px;}