/*--Page & Body Elements--*/
body {background:#fff url(/images/bg.jpg) repeat-x left -85px; padding:14px 0 0 0; margin:0; text-align:center; font-family:Arial, Verdana, Century Gothic; color:#666; height:100%; font-size:12px; line-height:14px;}
body.bodyHome {background:#E4E7DE url(/images/bg.jpg) repeat-x left 10px;}

a {outline:none;}
a:link {color:#286eac; text-decoration:none;}
a:visited {color:#286eac; text-decoration:none}
a:active {color:#286eac;text-decoration:none;}
a:hover { color:#666; text-decoration:none;}
a img  {border:0;}

p {font-size:14px; line-height:1.5em; text-align:left; margin:0 0 20px 0; padding:0;}
p.desc {color:#666;}
em {color:#32738D; font-style:normal;}
label {cursor:pointer;} 
td {margin:0; padding:0; border-collapse:collapse; vertical-align:top;}	
ul, li, ol, dl, dd, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0; padding: 0; list-style: none; border: 0; font-weight: normal; font-size: 1em; }
hr {height:1px; background-color:#fff; color:#fff; border-top:1px solid #d0d0d0; padding:0;}

.clear {clear:both; height:0; overflow: hidden; font-size:0; line-height:0; background:none; border:none; display:block;}
.nodisp {display:none;}
.infoTip {padding:10px 10px 10px 24px; background:url(/images/icons/information.gif) no-repeat 4px center; color:#999; font-size:14px;}
.success {background:#f7f7f7; border:1px solid #ddd; font-size:12px; font-weight:bold; color:#89c800; padding:10px; line-height:1.4em; margin:8px 0 8px 0; text-align:left;}
ul.errors {font-size:13px; border:1px solid #ddd; background:#e0e0e0; padding:7px; text-align:left; margin-top:6px;}
ul.errors strong {display:block; color:#e54d2f; margin-bottom:10px; font-size:14px;}
ul.errors li {line-height:1.8em; font-weight:bold;}
.highlight {border:2px solid #e54d2f;}

.formCon {background-color:#f4f4f4; padding:10px; border:1px solid #d0d0d0;}

/*Form Elements*/
input.button_okay, input.button_alert, input.button{font-family:Arial, Verdana, Century Gothic; font-weight:bold; background:#f9f8f8; font-size:12px; cursor:pointer; border:1px solid #ddd; padding:0.2em 0.4em; overflow:visible; margin:0;}
input.button:active, input.button_alert:active, input.button_okay:active {border-top-color:#999; border-left-color:#999; outline:none;}
input.button:hover, input.button_alert:hover, input.button_okay:hover {border-top:1px solid #888; border-left:1px solid #888;}

input.okay {color:#6D8F23;}
input.alert {color:#ff0066;}
input.neutral {color:#666;}

input.field, #searchform #s {font-family:Arial, Verdana, Century Gothic; background:#fafafa; border:1px solid #ddd; font-size:12px; margin:0 5px 0 0; color:#286EAC; font-size:13px; padding:0.4em;}
input.field:focus, #searchform #s:focus {background-color:#fff;}

#searchform {}

.textarea {font-family:Arial, Verdana, Century Gothic; background:#fafafa; border:1px solid #ddd; color:#286EAC; font-size:13px; margin:5px 0 5px 0; padding:5px; width:99%;}
.textarea:focus {background-color:#fff;}	

/*Headings*/
h1 {color:#af8800; font-size:2.0em; font-weight:400; margin:10px 0 15px 0; text-align:left;}
h2 {font-size:1.5em; font-weight:400; color:#32738D; margin-bottom:6px;}
h2.head {margin:15px 0 35px 0;}

/*Page*/
div.page {width:820px; margin:0 auto; text-align:left;}
div.content {padding:25px 20px; margin-top:20px;}
div#home.content {padding:30px 20px; margin:0;}
div#home p {margin-bottom:0;}

/*Header*/
.header {}
.header .logo {background:url(/images/logo.gif); float:left; display:block; width:304px; height:101px; text-indent:-3000px; margin-right:30px;}

/*Banner*/
div.banner {background:url(/images/banner.jpg) no-repeat left top; width:818px; height:234px; position:relative;}
div.banner a.learnMore, div.banner a.getStarted {background:url(/images/banner-buttons.gif) no-repeat 0 0; right:164px; top:155px; position:absolute; display:block; float:left; height:37px; width:117px; text-indent:-5000px;}
div.banner a.learnMore:hover {background-position:left bottom;}
div.banner a.getStarted {width:124px; background-position:right top; right:35px;}
div.banner a.getStarted:hover {background-position:right bottom;}
.infoStrip {height:116px; background:url(/images/home-people.jpg) no-repeat right top;}
.location {float:left; width:160px; border-right:2px dotted #666; margin-top:30px; text-align:center;}
.location h2 {font-weight:400; font-size:1.4em; color:#32738d; margin:0 0 3px 0; }
.location p {font-weight:400; font-size:1.4em; color:#666; margin:0; text-align:center;}

/*Navigation*/
ul.nav {text-align:left; background:url(/images/nav_bar.gif) repeat-x top; height:61px;}
ul.nav li {float:left;}
ul.nav li a {display:block; height:61px; text-indent:-5000px; float:left; background:url(/images/nav.gif) no-repeat left top;}
ul.nav li.n_home a {background-position:0 0; width:88px;}
ul.nav li.n_home a:hover {background-position:0 -61px;}
ul.nav li.n_about a {background-position:-88px 0; width:80px;}
ul.nav li.n_about a:hover {background-position:-88px -61px;}
ul.nav li.n_news a {background-position:-168px 0; width:131px;}
ul.nav li.n_news a:hover {background-position:-168px -61px;}
ul.nav li.n_programs a {background-position:-299px 0; width:92px;}
ul.nav li.n_programs a:hover {background-position:-299px -61px;}
ul.nav li.n_getstarted a {background-position:-391px 0; width:112px;}
ul.nav li.n_getstarted a:hover {background-position:-391px -61px;}
ul.nav li.n_resources a {background-position:-503px 0; width:104px;}
ul.nav li.n_resources a:hover {background-position:-503px -61px;}
ul.nav li.n_contact a {background-position:-607px 0; width:107px;}
ul.nav li.n_contact a:hover {background-position:-607px -61px;}
ul.nav li.n_blog a {background-position:-714px 0; width:105px;}
ul.nav li.n_blog a:hover {background-position:-714px -61px;}

/*Mods*/
.mod {position:relative; float:left; width:290px; height:205px; background:url(/images/mod.jpg) no-repeat left top; text-align:left; margin-right:13px;}
.mod.right {margin-right:0;}
.mod .top {height:36px; line-height:3.0em; font-size:12px; font-weight:bold; color:#d8e3f0; padding:0 0 0 13px;}
.mod a.arrow {position:absolute; right:16px; top:12px; width:13px; height:14px; background:url(/images/mod_arrow.gif) no-repeat left top;}
.mod a.arrow:hover {background-position:0 -15px;} 
.mod p {padding:10px 10px 0 10px; color:#636363; font-size:12px; margin-bottom:0;}
.mod a.more {width:47px; height:18px; background:url(/images/more.gif) no-repeat left top; display:block; position:absolute; bottom:14px; right:14px;}

/*Sections*/
.sect {border:1px solid #eee; background:#f7f7f7; padding:10px 10px 0 10px; margin-bottom:50px; font-size:13px;}
.sect h3 {font-weight:bold; text-align:left; margin-top:15px;}

/*Info List*/
.infoList {padding-left:25px; text-align:left;}
.infoList li {list-style:disc; line-height:1.8em;}
.infoList ul {margin-left:30px;}
.spaced li {margin-bottom:20px; line-height:1.4em; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px;}
.spaced li ul li {border-bottom:0;}

.infoList.spaced.num li {list-style-type:decimal;}
.infoList.spaced.num li ul li {list-style-type:lower-alpha;}

/*Footer*/
.footer {height:130px; margin-top:10px; background:#E4E7DE url(/images/footer-bg.gif) repeat-x top; text-align:left; clear:both;}
.footer span.copy {width:820px; padding:15px 0 0 40px; display:block; margin:0 auto;}
.footer span.subsid {font-size:11px; color:#878; line-height:2.0em;}
.footer strong.trusted {font-size:14px; color:#3F9FB7;}
.artician {float:right;}
/*List*/
ul.col {width:45%; float:left; padding-left:20px; margin-bottom:30px;}
ul.col li {line-height:1.5em; list-style:disc; font-size:13px;}

/*Icons*/
.check {float:left; margin:-3px 8px 0 0}
.invalid {float:left; margin:-5px 8px 0 0}

/*Sections------------------------------*/

/*Resources*/
#resources {}
#resources table {width:100%; padding-bottom:30px; margin:15px 0 30px 0; border-bottom:2px solid #ddd;}
#resources table td {padding:5px;}

/*Admission*/
#admission table {}
#admission table td {padding:3px 0; color:#286EAC; vertical-align:middle;}
#admission .field {padding:0.3em; background-color:#fff; border:1px solid #d0d0d0; width:180px; color:#000;}
#admission .field.highlight {border:2px solid #e54d2f;}
#admission select.field {width:190px;}
#admission .textarea {background-color:#fff; border:1px solid #d0d0d0; width:500px; height:80px; margin:10px 10px 10px 0; color:#444;}
.captcha {float:left; margin-right:40px;}

/*Full Contact*/
#contact {text-align:left;}
#contact #ContactForm {float:left; width:380px; background-color:#f4f4f4; border:1px solid #ddd; padding:10px;} 
#contact table td {padding:4px 4px 4px 4px; vertical-align:middle; font-size:13px;}
#contact input.field {width:200px; margin-left:5px; margin-bottom:5px; padding:0.3em 0.4em;}
#contact .textarea {height:80px; width:360px;}
#contact .locations {float:left; margin-left:30px; width:300px; border-left:1px solid #ddd; padding-left:20px;}
#contact .locations p {margin-bottom:6px;}
#contact .locations hr {color:#ddd; background-color:#ddd; margin:20px 0; padding:0;}

/*Maps*/
#maps {}
#maps .tabular table {width:100%; border-collapse:collapse; margin-top:10px;}
#maps .tabular table td {border-bottom:1px solid #ddd; line-height:1.9em; vertical-align:middle;}
#maps .tabular table th {background-color:#f5f5f5; line-height:1.9em; border-bottom:1px solid #c0c0c0; }
#maps hr {color:#3B93AB; background-color:#3B93AB; border:0; height:2px; margin:30px 0 20px; width:100%;}
.map {float:none; width: 800px; height:380px; border:2px solid #c0c0c0; margin-top:10px;}
