@charset "UTF-8";
/* WEB TEMPLATE STYLESHEET */

/*LINKS*/
#campus_links { font-size:90%; line-height:22px; color:#7a0019; text-align:right; border-bottom:1px solid #5b0013; text-decoration: none; padding-top: 4px; }
div.campus_links { background-color:#dedede; width:960px;}
.campus_links { float:right;}
#campus_links a {text-decoration:none;border-bottom:1px solid #bcfeb6;}
#campus_links a:hover {color:#666666;border-bottom:1px solid #666666;}
#campus_links ul { margin: 0; }
#campus_links ul li { display:inline; padding-right: 10px; }
.campus {color:#000000;}
.jump { margin: 0; float: left; display: none; }

/*TEMPLATE HEADER*/
#header { height:63px; background:#7a0019 url(../../assets/img/bg_header.gif) top left repeat-x; border-bottom: 1px solid #48000f; width: 560px; }


/*SEARCH AREA IN TEMPLATE HEADER*/
#search_area { width:400px; float:left; background:#7a0019 url(../../assets/img/bg_header.gif) top left repeat-x; height: 63px; border-bottom: 1px solid #48000f; }
div#search_nav {margin:4px -2px 2px 237px;}
div#search_nav a {display:block;float:left;height:0;padding-top:25px;overflow:hidden;margin:0 6px 0 0;text-decoration: none;}
div#search_nav a#btn_myu { width:73px; background:transparent url(../../assets/img/btn_myu.gif) top left no-repeat; }
div#search_nav a#btn_onestop { width:73px; background:transparent url(../../assets/img/btn_onestop.gif) top left no-repeat; }


/*SITE SEARCH FORM*/
/*KNOWN ISSUES: The search button does not align with the search field properly in Firefox 2 on Windows and Opera 9 on Mac. The text in the search field does not disappear when you click into the field in Safari.*/

/* WARNING: Getting the alignment for all parts of the search field to work on all browsers is very tricky. Be very careful if you decide to alter this CSS*/

#gsearch { width:269px; height:22px; background:transparent url(../../assets/img/search_field.gif) top left no-repeat; margin:0; float: left; }
#gsearch input#search_field {width:196px;background:none;border:none;margin:4px 58px 0 0;font-size:0.85em;color:#666666;padding: 0;}
#gsearch label {height:22px;line-height:22px;color:#7a0019;font-size:0.7em;}
.search {float: right;padding: 3px 0px 0px 100px;display: inline;}
.search_btn {float: right; margin: -18px 0 0 0;}
/*Fix for Safari 3 browsers to counteract the fix below*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.search_btn {float: right; margin: -16px 0 0 0}
}

/*Fix for Firefox 2 browsers to align search button with search field*/
.search_btn, x:-moz-any-link {float: right; margin: -16px 0 0 0;}
.search_btn, x:-moz-any-link, x:default {float: right; margin: -18px 0 0 0;}


/* For the print style sheet */
.leftprint, .rightprint { display:none;}



/* 960 GRID
--------------------------------------------------------------------------------*/
/* Change the background image to create various column separations on the page*/

.container_12 { height: 100%; clear: both; border-bottom: 3px solid #e4e4e4; margin-left: auto; margin-right: auto; float: left; width: 100%; }

#bg264 { background-color: #FFFFFF; background-repeat: repeat-y; float: left; background-image: url(../../assets/img/bg_2.6.4.gif); }
#bg273 { background-color: #FFFFFF; background-image: url(../../assets/img/bg_2.7.3.gif); background-repeat: repeat-y; float: left; }
#bg354 { background-color: #FFFFFF; background-image: url(../../assets/img/bg_3.5.4.gif); background-repeat: repeat-y; float: left; }


.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {display: inline;float: left;}

.container_12 .grid_1 {width: 80px;}
.container_12 .grid_2 {width: 160px;}
.container_12 .grid_3 {
	width: 200px;
	background: #cccccc;
	padding-top: 10px;
	padding-bottom: 10px;
}
.container_12 .grid_4 {width: 320px;}
.container_12 .grid_5 {width: 400px;}
.container_12 .grid_6 {width: 480px;}
.container_12 .grid_7 {
	width: 560px;
}
.container_12 .grid_8 {width: 640px;}
.container_12 .grid_9 {width: 720px;}
.container_12 .grid_10 {width: 800px;}
.container_12 .grid_11 {width: 880px;}
.container_12 .grid_12 {width: 960px;}

.alpha {margin-left: 0;}
.omega {margin-right: 0;}
	
/* Removes the space around the header graphic */
#nospace {margin: 0;}
.nopadding { padding: 0; }


/* BODY CONTENT
--------------------------------------------------------------------------------*/

/* Adds padding to text in columns so that text doesn't span the full width of the grid column */
p,h1,h2,h3 {padding-left:10px; padding-right:10px;}
p {padding-bottom: 6px}

/* Styles headings on the home page to be the same size as those on secondary pages. */
h2.home {font-size:161%;}
h3.home { font-size:138.5%; color:#7a0019; font-style: normal; font-weight: normal; }


/* Styles for left navigation */
#main_nav_2 { margin: 10px 0 10px 10px; line-height: 25px; width: 150px; }
#main_nav_3 { margin: 10px 0 10px 10px; line-height: 25px; width: 230px; }
ul.main_nav li { display:block; }
ul.main_nav li a {color:#7a0019; text-decoration:none; }
ul.main_nav li a:link {text-decoration:none; color:#bcfeb6;}
ul.main_nav li a:visited {color:#bcfeb6;}
ul.main_nav li a:hover { color:#bcfeb6; border-bottom: 1px solid #998675; }
ul.main_nav li a:active {color:#bcfeb6;}

hr.mainnav {border: none 0; border-bottom: 3px solid #e4e4e4;margin:10px 0 20px -10px; }
.relatedlinks { font-size: 111%; font-weight: bold; margin-left: -10px; }

/* Removes link lines and other unsightly blemishes */
.noline {text-decoration: none;}

/*FOOTER*/

#footer_inner { padding:5px 0 0 0; font-size: 90%; width:560px; background: #FFFFFF; }
.copyright { float:left; margin-left: 10px; }

#footer_right{ font-size: 90%; padding:5px 0 0 0; float: right; width: 400px; text-align: right; background: #FFFFFF; }
ul.footer_links {float:right;padding-right: 10px;}
ul.footer_links li { display:inline; padding-left: 10px; }
ul.footer_links li a {color:#7a0019; text-decoration:none; border-bottom:1px solid #c2a9ae;}
ul.footer_links li a:link {color:#bcfeb6;}
ul.footer_links li a:visited {color:#bcfeb6;}
ul.footer_links li a:hover { color:#bcfeb6; border-bottom: 1px solid #666666; }
ul.footer_links li a:active {color:#bcfeb6;}


/* =CLEAR FLOATED ELEMENTS
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none;border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}

/* http://www.positioniseverything.net/easyclearing.html: See print out of this article. This fix should not be needed with overflow:auto added to the outer div */

.clearfix:after {clear: both;content: '.';display: block;visibility: hidden;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}