@charset "UTF-8";
/* CSS Document */

body {
padding: 0;
border: 0;
margin: 0;
text-align: left;
background: #a19784 url(../img/body_bg.gif) repeat-x;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 90%;
}

a:link, a:visited {
font-size: 90%;
font-weight: bold;
color: #600;
text-decoration: underline;
}

a:active {
font-weight: bold;
color: #600;
text-decoration: underline;
}

a:hover {
font-weight: bold;
color: #fff;
text-decoration: none;
background: #666;
}

a:hover.linkimg {border:none; background:transparent;}
img {
border: 0;
}

#wrap {
width:900px;
margin:0px auto;
padding:0;
text-align: left;
border: 0px solid #666;
background: url(../images/top_bg.gif) repeat-y;
}


/*************VARIOUS**************/

.arrow {
padding: 0;
border: 0;
margin: 0px 4px 0px 0px;
font-size: 82%;
list-style: none;
text-decoration: none;
}

.arrow li {
padding: 1px 4px 4px 23px;
border: 0;
margin: 10px 0px 10px 15px;
line-height: 90%;
background: url(../images/green-arrow.gif) no-repeat top left;
text-align: left;
}

.arrow2 {
padding: 0;
border: 0;
margin: 0px 4px 0px 0px;
list-style: none;
text-decoration: none;
}

.arrow2 li {
padding: 1px 4px 4px 22px;
border: 0;
margin: 10px 0px 10px 15px;
line-height: 90%;
background: url(../images/arrow2.gif) no-repeat top left;
text-align: left;
}

.welcome_text {
font-family: Georgia, "Times New Roman", serif;
font-size: 120%;
color: #5F0000;
border-bottom: 1px dashed #5F0000;
}

/*************END VARIOUS**************/

/*************TOPNAV SECTION**************/


#top {
width: 100%;
height: 25px;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
background: #a19784 url(../images/top_bg.gif) repeat-x;
}

#topnav {
width: 900px;
height: 25px;
margin: 0 auto;
background: #a19784;
}

#topnav ul {
padding: 0;
margin: 0;
float: right;
height: 25px;
overflow: hidden;
}

#topnav ul li, #topnav ul li a {
display: block;
float: left;
height: 25px;
background-position: left top;
overflow: hidden;
}

#topnav ul li a:hover {
background-position: left bottom;
}

#topnav ul li a span {
display: block;
height: 1px;
width: 1px;
overflow: hidden;
}

#shc a { background: url('../images/topnav_shc.gif'); width: 300px; }
#shc a.selected { background-position: left bottom;}
#hew a { background: url('../images/topnav_hew.gif'); width: 300px; }
#hew a.selected { background-position: left bottom;}
#cs a { background: url('../images/topnav_cs.gif'); width: 300px; }
#cs a.selected { background-position: left bottom;}
#sas a { background: url('../images/topnav_rvo.gif'); width: 225px; }
#sas a.selected { background-position: left bottom;}


/*************END TOPNAV SECTION**************/


/*************HEADER SECTION**************/

#header {
width: 100%; 
height: 159px;
padding: 0;
border: 0;
margin: 0px 0px 0px 0px;
background: #fff url(../images/header_bg.gif) repeat-x;
}

#header a:link, #header a:visited {
font-size: 95%;
font-weight: bold;
color: #fff;
text-decoration: underline;
}

#header a:active {
font-weight: bold;
color: #fff;
text-decoration: underline;
}

#header a:hover {
font-weight: bold;
color: #fff;
text-decoration: none;
background: #666;
}

img#msulogo{
float: right; 
padding: 0;
border: 0;
margin: 13px 5px 0px 0px;
}

img#middle-img{
float: left;
padding: 0;
border: 0;
margin: 3px 0px 0px 0px;
}
img#left-img {
float: left;
padding: 0;
border: 0;
margin: 0px 0px 0px -2px;
}

#head-wrap {
width: 900px;
height:159px;
margin:0 auto;
}

#topbar {
width: 100%;
height:159px;
background: url(../images/header_bg.gif) repeat-x top center;
margin:0 0 0px 0;
}

#top-photo {
width: 100%;
height:200px;
background: url(../images/top-photo-bg.gif) repeat-x;
margin:0px auto 0px auto;
}

#middle {
width: 100%;
background: url(../images/middle_bg.gif) repeat-x top center;
margin:0px auto;
}

#mainlinks {
width: 350px;
float:left;
color: #fff;
text-align: left;
padding: 0px 0px 0px 10px;
border: 0px solid #333;
margin: 8px 470px 0 0;
}

#srch {
width: 171px;
float:right;
text-align: left;
padding: 0px 0px 0px 10px;
border: 0px solid #333;
margin: -13px -8px 0 0px;
}

#srch {
width: 171px;
float:right;
text-align: left;
padding: 0px 0px 0px 10px;
border: 0px solid #333;
margin: -48px -8px 0 0px;
}

#srch #lshc-srch {
padding: 0;
border: 0;
margin: 5px 0px 0px 10px;
}
#srch #lshc-srch input {
font-size: 12px;
color: #333;
background-color: #dfdad4;
border: 1px solid #ccc;
padding: 2px;
}
#srch #lshc-srch label {
position: absolute;
visibility: hidden;
}

#srch fieldset {
padding: 0;
border: 0;
margin: 0;
float: right;
}

.date {
font-family: Georgia, "Times New Roman", serif;
letter-spacing: 1px;
margin: 0px 0px 5px 0px;
color: #eee;
width:55%;
float:left;
text-align: left;
border: 0px solid #fff;
}


/*************END HEADER SECTION**************/




/*************MAIN NAVIGATION SECTION**************/

#hnav_section {
width: 900px;
height: 35px;
padding: 0px 0px 0px 0px;
margin: 0px auto;
background:  #eee url(../images/hnav_bg.gif) repeat-x;
border-left: 1px solid #777;
border-right: 1px solid #777;
text-align:left;
}

#hnav ul {
padding: 0;
margin: 0;
float: right;
height: 35px;
overflow: hidden;
}

#hnav ul li, #hnav ul li a {
display: block;
float: left;
height: 35px;
background-position: left top;
overflow: hidden;
}

#hnav ul li a:hover {
background-position: left bottom;
}

#hnav ul li a span {
display: block;
height: 1px;
width: 1px;
overflow: hidden;
}

#menu_wrapper {
width: 900px;
height: 42px;
margin: 0px auto;
background: url(../images/nav_bg.gif) repeat-x top center;
border-left: 1px solid #777;
border-right: 1px solid #777;
}

.navlinks { 
display: block; 
list-style-type: none; 
padding: 0; 
border: 0; 
margin: 60px 0px 0px 17px; 

text-align: left;
font-family: Garamond;
width: 239px;
border: 0px solid #ccc;
} 

.navlinks a:link { 
display: block; 
padding: 10px 0px 6px 4px; 
border: 0; 
margin: 0; 
color : #600; 
text-decoration : none; 
width: 235px;
}

.navlinks a:visited { 
display: block; 
padding: 10px 0px 6px 4px; 
border: 0; 
margin: 0; 
color: #600; 
text-decoration : none; 
width: 235px;
}

.navlinks a:hover { 
text-decoration : none; 
background: url(../images/hover_alt.gif) no-repeat;
padding: 10px 0px 6px 4px; 
color: #333;
width: 235px; 
} 

.navlinks a:active { 
display: block; 
padding: 10px 0px 6px 4px; 
border: 0; 
margin: 0; 
color : #333; 
text-decoration : none; 
} 

.navlinks a.selected { 
text-decoration : none; 
background: url(../images/hover_alt.gif) no-repeat;
padding: 10px 0px 6px 4px; 
color: #333; 
}

.navlinks li { 
border-bottom: 1px dashed #ddd;
width: 230px;
}

#bottom {
width: 916px;
height: 15px;
margin: 0px auto;
background:  #600 url(../images/bottom_bg.gif) repeat-x;
border: 1px solid #777;
text-align:left;
}

/*************END MAIN NAVIGATION SECTION**************/

/* MAIN BOX START ****************/

.box {
	background-color:#DDDDDD;
	border: 2px solid #603636;
	border-top: 0px;
	border-bottom: 0px;
	float:left;
	width: 70%;
}

.box .heading {
	background:url(/scs/images/theme/box_top.png);
	background-repeat:repeat-x;
	height: 20px;
	font-size: 115%;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 5px 12px 12px;
	display:block;
}

.box .tleft {
	background: url(/scs/images/theme/box_top_left.png);
	background-repeat: no-repeat;
	margin-top:-37px;
	margin-left:-4px;
	width:15px;
	height:35px;
	float:left;
}

.box .tright {
	background: url(/scs/images/theme/box_top_right.png);
	background-repeat: no-repeat;
	margin-top:-37px;
	margin-right:-4px;
	width:15px;
	height:35px;
	float:right;
}

.box .bleft {
	background: url(/scs/images/theme/box_bottom_left.png);
	background-repeat: no-repeat;
	margin-top:-14px;
	margin-left:-4px;
	width:15px;
	height:14px;
	float:left;
}

.box .bright {
	background: url(/scs/images/theme/box_bottom_right.png);
	background-repeat: no-repeat;
	margin-top:-14px;
	margin-right:-4px;
	width:15px;
	height:14px;
	float:right;
}

.box .content {
	background: url(/scs/images/theme/box_bottom.png);
	background-repeat: repeat-x;
	background-position:bottom;
	text-align:left;
	color: #000000;
	padding: 5px 10px 10px 5px;
	display:block;
}

.box ul { margin:5px 0 5px 15px; padding:0; }
.box li { padding-bottom:3px; }

/* MAIN BOX END ****************/

/*************FRONT PAGE SECTION**************/

#btleft {
float:left;
width: 467px;
height: 275px;
margin: 9px 0px 0px 6px;
padding: 0 0 0px 0;
border: 0px solid #777;
}

#btleft p {
text-align: left;
padding: 5px 5px 5px 5px;
margin: 0px 5px 0 5px;
}

#btright{
float:left;
width: 415px;
height: 290px;
padding: 0px;
border-right: 0px solid #777;
background: #eee url(../images/block_maroon_large.png) no-repeat;
margin: 3px 0px 0px 5px;
overflow: auto;
}

#btright p {
margin: 40px 15px 0 15px;
font-weight: normal;
}

#blockleft {
float:left;
width: 266px;
height: 230px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid #777;
background: #eee url(../images/block_maroon_small_1.png) no-repeat;
}

#blockleft p {
margin: 60px 15px 0px 15px;
text-align: center;
}

#blockmid {
float:left;
width: 366px;
height: 230px;
margin: 0px 0px 0px 0px;
padding: 0 0 0px 0;
border: 0px solid #777;
background: #eee url(../images/block_maroon_wide.png) no-repeat;
overflow: scroll;
}

#blockmid p {
margin: 60px 15px 0px 15px;
text-align: center;
}

#blockright {
float:left;
width: 266px;
height: 230px;
margin: 0px 0px 0px 0px;
padding: 0 0 0px 0;
border: 0px solid #777;
background: #eee url(../images/block_maroon_small_2.png) no-repeat;
}

#blockright p {
margin: 60px 15px 0px 15px;
text-align: center;
}

.calendar_date {
font-weight: bold;
border-bottom: 1px dashed #660000;
}

/*************END FRONT PAGE SECTION**************/




/*************CONTENT SECTION**************/

#content-wrap {
width: 900px;
height: auto;
min-height: 480px;
padding: 0px 0px 0px 0px;
margin: 0px auto;
background: #eee;
border-left: 1px solid #777;
border-right: 1px solid #777;
border-bottom: 0px solid #777;
}

#content {
width: 880px;
padding: 0px 20px 0px 0px;
margin: 0px auto;
background:  #eee;
border-left: 0px solid #777;
border-right: 0px solid #777;
text-align:left;
}

#content p {
padding: 0px;
border: 0;
margin: 0px 0px 15px 10px;
line-height: 130%;
text-align:left;
}

#content p.top {
padding: 0;
border: 0;
margin: -3px 0px 25px 15px;
line-height: 100%;
text-align:left;
}

#content h1 {
font-size: 150%; 
font-weight: normal;
color: #515151;
padding: 10px 0px 0px 0px;
width: 95%;
border-bottom: 1px solid #666;
margin: 0px 10px 0px 10px;
}

#content h1.sub {
color: #777;
font-size: 130%;
margin: -10px 10px 15px 10px;
}

#content h2 {
font-size: 140%; 
font-weight: bold;
color: #000;
padding: 0;
margin: 12px 0px 4px 10px;
border-bottom: 1px dashed #666;
width: 95%;
}

#content h3 {
font-size: 130%; 
font-weight: bold;
color: #600;
padding: 0px 0px 0px 20px;
border: 0;
margin: 8px 0px 7px 20px;
background: url(../img/gry_arrow.gif) no-repeat top left;
}

#content h4 {
font-size: 120%; 
font-weight: bold;
color: #000;
padding: 0;
margin: 12px 0px 4px 10px;
border-bottom: 0px dashed #666;
width: 95%;
}


#content-head-wrapper {
margin: -4px auto;
padding: 0;
float:left;
width: 776px;
}

#content-head-wrapper h1{
font-size: 150%; 
font-weight: normal;
color: #fff;
padding: 0px 1px 0px 3px;
border-bottom: 1px solid #eee;
margin: 2px 0px 15px 0px;
font-family: Georgia, Verdana, Arial, sans-serif;
width:25%;
text-align:left;
float: left;
background: url(../img/title_bg.gif) repeat-x;
}

.left-image {
margin: 8px 3px 0 13px;
}

.right-image {
margin: 8px 13px 0 3px;
}


.btlink a {
text-decoration: none;
color: #000000;
}

.btlink a:selected {
text-decoration: none;
color: #000000;
}

.btlink a:visited {
text-decoration: none;
color: #000000;
}

.btlink a:hover {
text-decoration: none;
color: #000000;
}

/*************END CONTENT SECTION**************/

/**************BOUNCE MENU SECTION****************/

#liquid_area {
width: 900px;
height: 145px;
margin: 0px auto;
background: #eee;
border-left: 0px solid #777;
border-right: 0px solid #777;
border-bottom: 0px solid #777;
}

#liquid {
padding: 0px;
overflow: hidden;
width: 900px;
float: left;
margin: 10px 0 20px 9px;
}

#liquid .liquids {
display: block;
height: 125px;
}

#liquid ul {
list-style: none;
padding: 0;
margin: 0;
}

#liquid li {
float: left;
list-style: none;
}

#liquid .liquid {
display: block;
cursor: pointer;
overflow: hidden;
height: 125px;
width: 216px;
background: none;
border-right: 5px solid #f0eee4;
}

#liquid .liquid span {
position: absolute;
left: -999px;
width: 990px;
}

#liquid .lshc {
background: #e8e8d6 url(../images/bounce/lshc.png);
border-bottom: none;
}
	
#liquid .lshc:hover {
background: #e8e8d6 url(../images/bounce/lshc.gif);
border-bottom: none;
}

#liquid .hew {
background: #e8e8d6 url(../images/bounce/hew.png);
border-bottom: none;
}
	
#liquid .hew:hover {
background: #e8e8d6 url(../images/bounce/hew.gif);
border-bottom: none;
}

#liquid .scs {
background: #e8e8d6 url(../images/bounce/scs.png);
border-bottom: none;
}
	
#liquid .scs:hover {
background: #e8e8d6 url(../images/bounce/scs.gif);
border-bottom: none;
}

#liquid .sas {
background: #e8e8d6 url(../images/bounce/rvo.png);
border-right: none;
border-bottom: none;
}
	
#liquid .sas:hover {
background: #e8e8d6 url(../images/bounce/rvo.gif);
border-right: none;
border-bottom: none;
}

	
/**************END BOUNCE MENU SECTION****************/


/*************FOOTER SECTION**************/

#footer {
clear: both;
padding: 2px;
border: 1px solid #777;
margin:0px auto;
font-size: 70%;
color: #fff;
text-align: center;
width: 936px;
background:#666 url(../images/footer_bg.gif) repeat-x;
}	

#footer #footer-content {
border: 0;
padding: 8px 0px;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
padding: 0;
border: 0;
margin: 0;
color: #fff;
text-decoration: underline;
}

#footer a:hover {
color: #fff;
background-color:#600;
}

#footer img {
text-align: center;
border: 0;
margin: 0;
padding: 0;
}


/*************END FOOTER SECTION**************/