body, html {height: 100%;}

body {background: url(/_assets/bg_body.png) repeat; color: #4d4d4d; font: 14px/17px 'times', 'times new roman', serif;}

p {margin: 10px 0;}

h1 {width: 437px; height: 26px; background: url(/_assets/logo.png) no-repeat; text-indent: -100em; position: absolute; top: 42px; left: 260px;}
h3 {font-size: 20px; line-height: 23px; color: #536958; margin: 20px 0 15px 0; font-weight: normal;}
h4 {font-size: 16px; color: #536958; margin: 15px 5px;}

a:link {color: #9a3a00; text-decoration: none;}
a:visited {color: #bb9691; text-decoration: none;}
a:hover {color: #540000; text-decoration: underline;}

#wrapper {width: 100%; min-height: 100%; background: url(/_assets/bg_wrapper.png) top center repeat-y; position: relative; overflow: auto; }

#columns {width: 968px; margin: 0 auto; overflow: auto; padding-bottom: 190px;}

#header {width: 960px; height: 80px; margin: 0 auto; background: url(/_assets/bg_header.png) repeat; position: relative;}
#header img {position: absolute; top: 0px; left: 90px;}
#header a {display: block; width: 33px; height: 12px; background: url(/_assets/nav_home.png) no-repeat 0 0; text-indent: -100em; position: absolute; top: 60px; left: 20px; overflow: hidden;}
#header a:hover {background-position: 0 -12px;}

#col_left, #col_mid, #col_right {width: 244px; float: left; margin-left: 10px; padding-top: 10px;}

#col_left {border-top: 10px solid #565e68;}

#col_mid {width: 440px; border-top: 10px solid #820024;}
#col_mid img {float: right;}

#col_right {border-top: 10px solid #9bc438; background: url(/_assets/bg_col_right.png) bottom center no-repeat; padding-bottom: 60px; margin-bottom: 15px;}
#col_right div {border-top: 10px solid #f5f5f5; margin-top: -10px;}
#col_right h2, #col_right h3 {border-top: 1px dashed #b6bcb6; border-bottom: 1px dashed #b6bcb6; background: url(/_assets/bg_rht_hdr.png) repeat; padding: 5px 0 0 10px; display: block; line-height: 14px; margin: 0 0 10px 0;}
#col_right h2 {padding: 10px 0 5px 10px;}
#col_right p {margin: 5px 10px 5px 10px;}
#col_right ul {margin: 5px 10px 5px 10px;}
#col_right li strong {color: #4c584d;}
#col_right ul li ul {margin: 5px;}
#col_right ul li {line-height: 18px; padding-top: 3px;}
#col_right ul.subnav li {font-size: 16px; line-height: 24px;}
#col_right div.hr {margin: 0; border-top: 1px dashed #b6bcb6; border-bottom: 1px dashed #b6bcb6; border-left: 0px; border-right: 0px; background: url(/_assets/bg_rht_hdr.png) repeat; height: 20px; line-height: 20px; margin-top: 10px;}

#nav {background: #8e9b8e url(/_assets/bg_nav.png) no-repeat bottom center; overflow: auto;}
#nav li {display: block; border-top: 1px dashed #b6bcb6; color: #fff; padding: 10px 15px; background: none;}
#nav li.alt {background: url(/_assets/bg_nav_alt.png) repeat}
#nav li.top {border: none;}
#nav li.last {padding-bottom: 15px;}
#nav li.last:hover, #nav li.last.selected {background: #a0aaa2 url(/_assets/bg_nav_bot.png) no-repeat bottom center !important;}
#nav li:hover, #nav li.selected {background-color: #a0aaa2; background-image: none !important;}
#nav li a {color: #fff; text-decoration: none;}
#nav li a:hover {color: #ecffa0; text-decoration: underline;}
#nav li a.selected {color: #23354f;}
#nav span {display: block; overflow: auto; margin: 5px 0; *margin: 0; *padding: 5px 0 0 0;}
#nav span a {padding: 18px 0 0 0; float: left; overflow: hidden; height: 0px !important;}
#nav a:hover {background-position: 0 -18px !important;}
#nav a.selected {background-position: 0 -36px;}
#nav p {margin: 0; clear: left;}

#nav_about {width: 54px; background: url(/_assets/nav_about.png) top left no-repeat;}
#nav_students {width: 198px; background: url(/_assets/nav_students.png) top left no-repeat;}
#nav_majors {width: 62px; background: url(/_assets/nav_majors.png) top left no-repeat;}
#nav_alumni {width: 60px; background: url(/_assets/nav_alumni.png) top left no-repeat;}
#nav_contact {width: 73px; background: url(/_assets/nav_contact.png) top left no-repeat;}

#calendar {width: 244px; margin-top: 10px; background: url(/_assets/bg_calendar.png) bottom center no-repeat; float: left;}
#calendar h2 {width: 244px; height: 38px; background: url(/_assets/hdr_calendar.png) no-repeat; text-indent: -100em;}
#calendar div {padding: 5px 15px;}
#calendar hr {border: 0px; border-bottom: 1px dashed #c5c5c5; height: 1px; line-height: 1px; margin: 0; padding: 0;}
#calendar p {margin: 5px 0; font-size: 12px; line-height: 14px;}
#calendar span {font-weight: bold; font-size: 13px;}

#slideshow {width: 440px; height: 290px; position: relative; overflow: hidden;}
#slideshow div {font-style: italic; color: #dedfc9; width: 410px; position: absolute; top: 254px; left: 15px; line-height: 14px;}

#callout {width: 410px; color: #fff; background: url(/_assets/bg_callout.png) bottom center no-repeat; padding: 0 15px 10px 15px; overflow: auto;}
#callout h2 {float: left; margin-top: 10px; width: 400px;}
#callout p {margin: 5px 0;}
#callout img {margin: 5px 0;}
#callout em {color: #ff9c00; font-style: normal;}

#phone {width: 440px; height: 164px; background: url(/_assets/bg_phone.png) no-repeat; margin: 10px 0 0 0;}
#phone p {float: left; margin: 45px 15px 0 115px;}
#phone em {font-style: normal; font-size: 20px; font-family: helvetica, sans-serif; line-height: 40px;}

#content {background: url(/_assets/bg_content.png) bottom center no-repeat; border-top: 1px solid #e3e3e3; padding: 16px 16px 6px 16px; font-size: 16px; line-height: 19px; overflow: auto;}
#content h2 {line-height: 1px; margin-bottom: -5px;}
#content ul {margin: 10px 0 10px 20px; list-style: disc;}
#content img {float: none !important;}

.flt_lft {float: left !important; margin: 0 8px 0 0; padding: 5px; border: 1px solid #bfbfbf;}

#footer {width: 100%; position: absolute; bottom: 25px; background: #858585; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; overflow: auto;}

#footer_bar {width: 960px; height: 115px; margin: 0 auto; background: #fff;overflow: auto; font: 11px/13px helvetica, sans-serif; border-left: 1px solid #fff;}

#footer p, #footer a {color: #aaaaaa; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

#footer_lft {width: 290px; float: left;}
#footer_lft a {width: 98px; padding: 98px 0 0 0; float: left; overflow: hidden; height: 0px !important; background: url(/_assets/logo_alt.png) top left no-repeat; margin: 8px;}
#footer_lft a:hover {background-position: 0 -98px;}
#footer_lft a:active, #footer_lft a.selected {background-position: 0 -98px;}
#footer_lft p {float: left; margin: 32px 0 0 5px;}

#footer_mid {float: left; width: 375px; height: 115px; background: #fffdee; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;}
#footer_mid h2 {background: #ffe650; border-bottom: 1px solid #d4d4d4; font-size: 14px; color: #cd8428; display: block; padding: 8px 0 5px 15px; width: 360px; font-weight: normal;}
#footer_mid p {float: left; margin: 10px 15px; line-height: 16px;}

#footer_rht {width: 293px; height: 112px; float: left; background: #fff; position: relative;}
#footer_rht li {font-size: 14px; padding: 8px 0 5px 0; width: 97px; text-align: center; display: inline; background: #ff9c00; display: block; float: left; border-bottom: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4;}
#footer_rht li.first {border-left: none;}
#footer_rht a {color: #ece3b3;}
#footer_rht img {position: absolute; bottom: 10px; right: 10px;}

/* CLEAN FORM
/////////////////////////////*/

/* General */

#freeform {
font-size:1em;
color:#1b1b1b;
text-align:left;
position:relative;
margin:1em auto
}

/* Elements */

.hiddenFields {
	display: none;
}

#freeform  label,#freeform legend{  
padding:0;
margin:0.3em 0;
}

#freeform fieldset{ 
padding:0.7em;
border:1px solid #ddd;
margin:0 0 0.5em 0;
font-weight:bold;
}

#freeform label {
font-weight: normal;
}

#freeform fieldset input {
width:70%;
line-height:1.5em;
padding:0.15em;
}

#freeform fieldset textarea {
width:98%;
line-height:1.5em;
padding:0.15em;
}

#freeform .radio input,
#freeform .checkbox input {
width:auto;
border:none;
}

#freeform input, #freeform textarea, #freeform select {
display:block;
margin-bottom:1em;
font-size:0.9em;
border:1px solid #bbb;
padding:0.15em;
margin-right:1em
}

#freeform .radio label, #freeform .radio input,
#freeform .checkbox label, #freeform .checkbox input{
display:inline;
margin:0 1.5em 0 0
}


#freeform .radio input, #freeform .checkbox input{
margin:0 0.3em 0 0
}

/* Button */

#freeform button {
margin:0.3em 0;
border:1px solid #ccc;
background-color:#eee;
font-size:0.9em;
cursor:pointer;
padding:0.5em
}

#freeform button:hover {
background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;
}

#freeform button:active {
background-color:#333;
color:white;
border:1px solid #000;
}

#freeform span {
color:#ff3838;
font-weight:bold;
font-size:0.8em;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}