.red {
    color: #8E2323 !important;
}
.black {
    color: black !important;
}
body {
    /* background-color: #E4E8DE; */
}
p {
    line-height: 1.4em;
}
#body_footer .window {
    background-color: transparent;
    border-top: 1px solid #d1d1d1;
    padding-bottom: 30px;
}
#body_footer .window .footer_logo,
#body_footer .window .twitter-follow-container,
#body_footer .window .facebook-container {
    padding-top: 16px;
}
#body_footer .window .footer_text {
    padding-top: 10px;
}
#body_footer .window .twitter-follow-container,
#body_footer .window .facebook-container {
    float: right;
}
#body_footer .window .facebook-container {
    padding-right: 12px;
}
#body_header,
#body_main {
    background-color: #f9f9f7;
    position: relative;
}
#body_header {
    overflow: visible;
    z-index: 9999;
}
#body_header a {
    text-decoration: none;
}
#print-header {
    display: none !important;
}
#body_main {
    margin-top: 36px;
    *margin-top: 6px; /* IE7+6 */
    z-index: 1;
}
#content {
    padding-top: .4em;
    padding-left: 0;
    padding-bottom: 1em;
    width: 100%;
    overflow: hidden;
}
fieldset { border: 0; }
legend { display: none; }

h1 { padding-bottom: .1em; }
h2 { font-size: 18px; padding-bottom: 0; line-height: 1.2em; }
h3 { color: #548654; padding: .75em 0 0 0; line-height: 1em; }

.back-to-top:before { content: "\2191"; }

#content a[href^=http]:after {
    content: ""; /* TODO: Maybe add an external link icon...? */
}
#content-main img {
    border: 1px solid #d1d1d1;
}
#content-main form label {
    font-size: 0.9em;
}

/**********************
 * SEARCH
 **********************/
 #search {
    position: absolute;
    top: 40px;
    top: 41px \9;    /* IE 8 */
    *top: 43px;     /* IE 7+6 */
    right: 21px;
 }
 #search-form input#q {
 	-moz-border-radius: 7px 0 0 7px;
	-webkit-border-radius: 7px 0 0 7px;
	border-radius: 7px 0 0 7px;
	padding: 5px 0px 2px 8px;
    padding-top: 4px \0/;    /* IE 8 */
    padding-bottom: 3px \0/; /* IE 8 */
	border-top: 1px solid #d1d1d1;
	border-right: none;
	border-bottom: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	color: #548654;
	font-size: 12px;
	width: 160px;
	background-color: #f9f9f7;
	*position: absolute; /* IE 7+6 */
	*top: 0px; /* IE 7+6 */
	*right: 39px; /* IE 7+6 */
 }
 body:nth-child(n) #search-form input#q {
	padding-top: 4px \9;    /* IE 9 */
	padding-bottom: 3px \9; /* IE 9 */
 }
 
 #search-form label {
    display: none;
 }
 a.page-button:link {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color: #E4E8DE;
	border: 1px solid #d1d1d1;
	display: inline-block;
	color: #548654;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 3px 8px;
	padding-top: 4px \0/; /* IE 8 */
	padding-bottom: 4px \0/; /* IE 8 */
	margin-top: -1px \0/; /* IE 8 */
	text-decoration: none;
	text-shadow: 1px 1px 0px #ffffff; 
	margin-left: -5px;
	*margin-left: -8px; /* IE 7+6 */
}

body:nth-child(n) a.page-button:link {
	padding-top: 3px \9;    /* IE 9 */
	padding-bottom: 3px \9; /* IE 9 */
}

a.page-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	color: #18453b;
}
a.page-button:active {
	position: relative;
	top: 1px;
}  
body:not(:-moz-handler-blocked) #search-form input#q {
    padding: 3.5px 0px 2px 8px; /* Firefox */
}

/**********************
 * TOP MENU
 **********************/
#top-nav ul {
    list-style: none;
    margin: 9px 0 0 0;
    padding: 0; 
    border: none;
}
#top-nav ul li {
    float: left;
    margin: 0;
    padding: 0;
    width: 140px;
}
/*
#top-nav ul li:first-child {
    -webkit-border-radius: 0 0 0 7px;
    -moz-border-radius: 0 0 0 7px;
    border-radius: 0 0 0 7px;
}
#top-nav ul li:last-child {
    -webkit-border-radius: 0 0 7px 0;
    -moz-border-radius: 0 0 7px 0;
    border-radius: 0 0 7px 0;
    border-right: 2px solid #d1d1d1;
}
*/
#top-nav ul li.home {
    width: 58px;
}
#top-nav ul li a {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    margin-right: 3px;
    background-color: #EAEDE6;
    border-right: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    text-decoration: none;
    font-weight: bold;
}
#top-nav ul li.home a {
    background-image: url(../images/home-green.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    font-size: 0;
    color: transparent;
}
/*
#top-nav ul li:first-child a {
    -webkit-border-radius: 0 0 0 7px;
    -moz-border-radius: 0 0 0 7px;
    border-radius: 0 0 0 7px;
}
#top-nav ul li:last-child a {
    -webkit-border-radius: 0 0 7px 0;
    -moz-border-radius: 0 0 7px 0;
    border-radius: 0 0 7px 0;
}
*/
#top-nav ul li a:hover,
#top-nav ul li a.active {
    background-color: #548654;
    color: #f9f9f7;
    border-bottom: 1px solid #548654;
}
#top-nav ul li.home a:hover,
#top-nav ul li.home a.active { 
    background-image: url(../images/home-white.gif);
}
#top-nav ul.sub-nav {
    display: none;
    width: 204px;
	-moz-box-shadow: 3px 3px 3px #777;
	-webkit-box-shadow: 3px 3px 3px #777;
	box-shadow: 3px 3px 3px #777;
}
#top-nav ul.sub-nav li {
    float: none;
    width: 176px;
    height: auto;
}
#top-nav ul.sub-nav li a {
    font-size: 12px;
    font-weight: normal;
    line-height: 15px; 
    padding: 8px 22px 8px 10px;
    margin: 0;
    height: auto;
    text-align: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#top-nav ul li:hover ul.sub-nav {
    display: block;
    position: absolute;
}

/**********************
 * ALL COLUMNS
 **********************/
.left-column, 
.middle-column { float: left; }

.right-column { float: right; }

/**********************
 * CONTENT 
 **********************/
.middle-column {
    width: 679px;
    padding: 0 0 0 20px;
}
.middle-column #banner {
    height: 135px;
    background-repeat: no-repeat;
    margin-top: 1px;
}
.middle-column ul,
.middle-column ol {
    margin-left: 30px; 
}

.middle-column ul li,
.middle-column ol li {
    font-size: 13px; 
    line-height: 17px;
    padding-bottom: 8px;
}

.middle-column ul li:last-child,
.middle-column ol li:last-child,
.right-column ul li:last-child {
    padding-bottom: 2px;
}

.middle-column table {
    text-align: left;
    font-size: 13px;
    margin: 8px 0;
    width: 100%;
}

.middle-column th {
    font-weight: bold;
    background-color: #EAEDE6;
    vertical-align: bottom;
}

.middle-column th,
.middle-column td {
    border: 1px solid #d1d1d1;
    padding: 8px 8px 6px 6px;
}

/**********************
 * SIDEBARS
 **********************/

/* Containers */
.right-column {
    width: 170px;
    padding: 13px 0px 4px 0px;
    margin: 0 0 20px 20px;
    text-align: right;
    color: #666666;
}
.left-column {
    width: 184px;
    padding: 14px 7px 0px 7px;
    background-color: #EAEDE6;
    /*
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    */
    border: 1px solid #d1d1d1;   
}

/* Headers */
.left-column h2,
.right-column h2 {
    font-size: 15px;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bold;
}
.left-column h2 a { text-decoration: none; padding-left: 4px; }

.right-column h2 { font-size: 18px; color: #847135; }

/* Lists */
.left-column ul,
.right-column ul {
    list-style: none;
    margin: 0;
    padding-top: 10px;
}
.left-column ul { padding-top: 11px; }
.left-column ul ul { padding-top: 0; margin-bottom: -6px; }

/* List items */
.left-column ul li,
.right-column ul li { font-size: 12px; }

.left-column ul li { border-top: 1px solid #d1d1d1; padding: 0; }

.right-column ul li { border-left: 1px solid #d1d1d1; padding: 0 0 14px 20px; line-height: 16px; }

/* Links */
.left-column ul li a,
.right-column ul li a { display: block; text-decoration: none; }

.left-column ul li a { padding: 8px 6px 8px 7px; *padding: 5px 6px 5px 7px; line-height: 15px; }
.left-column ul ul li a { border-left: 1px solid #548654; padding: 5px 0 4px 10px; *padding: 4px 0 5px 10px; margin: 1px 0 1px 10px; font-size: 95%; background-color: #f9f9f7; }

.left-column ul li a:hover,
.left-column ul li a.active { color: #f9f9f7; background-color: #548654; }

.left-column .no-sub-menu { padding-left: 21px; }
    
.right-column ul li a:hover { text-decoration: underline; }

/**********************
 * BREADCRUMBS
 **********************/
.breadcrumbs-label {
    display: none;
}
ul.breadcrumbs {
	list-style: none;
	margin-left: 0;
	padding-bottom: 12px;
	width: 100%;
}
ul.breadcrumbs li {
    float: left;
    padding-right: 8px;
    font-size: small;
}
ul.breadcrumbs li a {
    /*text-decoration: none;*/
}
ul.breadcrumbs li a:hover {
    /*text-decoration: underline;*/
}

/**********************
 * CONTACT FORM
 **********************/
#contact-form {
    margin-top: 10px;
}
#contact-form td {
    vertical-align: top;
    padding-bottom: 16px;
    padding-right: 12px;
}
#contact-form td:first-child {
    white-space: nowrap;
    text-align: right;
}
#contact-form td label,
#contact-form td input[type="radio"],
#contact-form .form-note {
    vertical-align: middle;
}
#contact-form td input,
#contact-form td select,
#contact-form td textarea {
    margin: 0;
}
#contact-form td input[type="text"],
#contact-form td select,
#contact-form td textarea {
    padding: 0px 3px;
}
#contact-form td textarea {
    font-family: Arial, Helvetica, Sans-Serif;
    padding-top: 2px;
    padding-bottom: 2px;
}
#contact-form td select {
    padding-left: 1px;
    padding-right: 0px;
}
#contact-form td input[type="text"] {
    width: 160px;
}
#contact-form #student-pid {
    width: 74px;
    text-transform: uppercase;
}
#contact-form #is-student-row,
#contact-form #student-name-row,
#contact-form #student-pid-row, 
#contact-form #other-name-row,
#contact-form #relationship-row,
#contact-form #to-address-row,
#contact-form #subject-row,
#contact-form #helpful-info-row {
    display: none;
}
#contact-form .form-note,
#contact-form .helpful-info-text {
                        
}
#contact-form .form-note{
    font-style: italic;
    font-size: 75%;
    padding-left: 8px;
    color: #666;
}
#contact-form .helpful-info-text {
    font-size: 80%;
}
#contact-form #helpful-info-icon img {
    vertical-align: middle;
    border: none;
    height: 13px; 
    width: 13px;
}
#contact-form ul {
    list-style: none;
    margin-left: 0;
    padding: 0;
    line-height: inherit;
    font-size: inherit;
}
#contact-form ul li {
    padding-bottom: 8px;
    line-height: 1.3em;
}
#contact-form ul li:last-child {
    padding-bottom: 4px;
}
#contact-form-response {
    color: #658D23;
    font-weight: bold;
    margin-top: 8px;
}
#contact-form-response img {
    border: none;
    height: 13px; 
    width: 13px;
    margin-right: 6px;
}

/* ========= *
 * Page tabs *
 * ========= */
.page-tabs {
    list-style: none;
    margin: 12px 0 8px 0;
    line-height: 33px;
    height: 35px;
    font-size: 0px;
    position: relative;
    border-bottom: 1px solid #d1d1d1;
}
.page-tabs li {
    display: inline-block;
    *display: inline; zoom: 1; /* IE7 hack */
    vertical-align: top;
    position: relative;
    float: left;
}
.page-tabs a, 
.page-tabs span {
    color: black;
    padding: 0px 14px;
    position: relative;
    display: inline-block;
    *display: inline; zoom: 1; /* IE7 hack */
    font-size: 14px;
    font-style: normal;
    z-index: 1;
    text-decoration: none;
    border-top: 1px solid #f9f9f7;
}
.page-tabs a:hover {
    text-decoration: underline;
}
.page-tabs a.selected {
    background-color: #f9f9f7;
    border-width: 1px 1px 0 1px; 
    border-color: #d1d1d1;
    border-style: solid;
    border-bottom: 1px solid #f9f9f7;
    z-index: 2;
}
.page-tabs li.page-info {
    float: right;
    *margin-bottom: 4px;
}
.page-tabs li.page-info form {
    display: inline-block;
    *display: inline; zoom: 1; /* IE7 hack */
    padding: 0;
    margin: 0 0 0 1px;
    *margin: 0 8px 0 4px;
}
.page-tabs li.page-info a, 
.page-tabs li.page-info span {
    margin: 0;
    padding: 0;
}
.page-tabs li.page-info input,
.page-tabs li.page-info select {
    margin-bottom: 10px;
}
.page-tabs li.page-info a { text-decoration: underline !important; } 
.page-tabs li.page-info a:hover { text-decoration: none !important; }

.page-tabs li.page-info img {
    border: 0px !important;
    width: 16px;
    height: 16px;
    padding-right: 4px;
    vertical-align: middle;
    padding-bottom: 3px;
}