@import url("reset.css");

body { 
	/*background: #b3b3b4 url("img/background-campus.gif") top center no-repeat;*/
	background: #999999 url(http://www.msstate.edu/web/graphics/body-bg.gif) repeat-x scroll center top;
	font-family: Arial, sans-serif;
	}
	
#container {
	display:block;
	width:960px;
	background: transparent url("img/shadow.png") repeat-y;
	padding:0;
	margin:0 auto;
	}
	
	
/** Header Styles **/ 
	
#header { 
	display:block; 
	width:938px;
	height:110px; 
	background: #600 url("img/header.gif") no-repeat; 
	border:1px solid #fff; 
	border-top:none;
	margin-left:10px; 
	padding:0; }

	#top { position:relative; display:block; }
	
	#top #logolink {
		color:#fff;
		display:block;
		width:345px;
		height:91px;
		background:url(http://www.msstate.edu/web/visualid/Web/2008_MSU_logo_web_horiz_whiteontrans.gif) no-repeat top left;
		margin-top:10px;
		float:left;
	}
	*+#logolink {
		background:url(http://www.msstate.edu/web/visualid/Web/2008_MSU_logo_web_horiz_whiteontrans.png) no-repeat top left !important;
	}
	#top>/**/#logolink {
		background:none;
		background:url(http://www.msstate.edu/web/visualid/Web/2008_MSU_logo_web_horiz_whiteontrans.png) no-repeat top left !important;
	}
	
	#logolink span { display:none; }
	
	#top #forbes-button { border:none; margin:25px 0 0 10px; float:left; }
	
	#top #KiplingerButton { border:none; margin:25px 0 0 0; float:left; }
	
	#topright {
		/*position:relative;*/
		/*width:auto;*/
		float:right;
		display:block;
		font-size:75%; 
		height:110px;
		/*margin-right:30px;*/
		position:absolute;
		right:30px; }
		
		/*#form1 { width: 100%; }*/
	
		#toplinks1 { margin-top:20px; } 
		#topright form, #toplinks2 { margin-top:12px; }
		
		#toplinks1 li, #toplinks2 li { float:left; color:#cbc7be; margin-right:0.3em; }
		
		#toplinks1 a, #toplinks2 a { text-decoration:none; color:#cbc7be; margin-right:0.3em; }
		#toplinks1 a:visited, #toplinks2 a:visited { text-decoration:none; color:#cbc7be; }
		#toplinks1 a:hover, #toplinks2 a:hover { color:#fff; text-decoration:none; }
		
		#toplinks1, #toplinks2, #topright form { float:left; display:block; clear:both; }
		
		#topright #box { float:left; margin-top:1px; margin-right:4px; }
		#topright #go { 
			float:left;
			background: transparent url("http://www.msstate.edu/web/frontpage/img/gobox5.gif") no-repeat top left; 
			color:white; 
			font-weight:bold; 
			width:25px; 
			height:25px; 
			font-size:10px;  
			border:none;
			font-family:Arial, sans-serif;
			padding:0;
			padding-bottom:2px;
			cursor:pointer;
			cursor:hand;
			}
			
#hazard { width:940px !important; margin-left:10px; padding:4px 0px; }

			
#content { 
	width:940px;
	margin-left:5px;
	border-bottom:0px solid #fff;
	margin-bottom:0px;
	float:left;
	background-color:#600;
	}
		
*+#content, #container>/**/#content { 
	width:auto;
	margin-left:10px;
	}


/** Left Column **/
	
#column_left { 
	height:850px; 
	width: 238px; 
	display:block;  
	border-left:1px solid #fff; 
	border-right:1px solid #fff;
	border-bottom:2px solid white;
	float:left; }

	#primeLinks { 
		float:left; 
		display:block; 
		width:230px; 
		padding:4px; }
		
		#primeLinks li { 
			display:block; 
			width:10em; 
			margin:8px auto; }
			
			#primeLinks li a {
				display:block;
				width:100%;
				padding:0.4em 0px; 
				font-size:90%; 
				color:#600; 
				text-transform:uppercase; 
				font-weight:bold;
				background-color: #e6e6e6;
				background:#e6e6e6 url(http://www.msstate.edu/web/graphics/linkmaroon.gif) no-repeat 32px center;
				text-indent: 46px;
				text-decoration:none; }
			
			#primeLinks li a:hover {
				background-color: #fff; }

		
/** Right Column **/

#column_right {
	background:url('/web/frontpage/img/9-15background.jpg') repeat-y;
	width: 238px;
	height: 850px;
	display:block;  
	border-left:1px solid #fff; 
	border-right:1px solid #fff;
	border-bottom:2px solid white;
	position:relative;
	float:left;
	padding-bottom:0px;}
	
	#column_right a#apply { 
		display:block; 
		width:140px; 
		height:31px; 
		background: transparent url("img/apply.png") no-repeat top left; 
		color:black; 
		font-weight:bold; 
		font-size:80%; 
		padding:18px 0px 0px 40px; }
		
	#column_right a#apply:hover { 
		background-image:url("img/apply_rollover.png"); 
		text-decoration:none; }

	#column_right h2 { 
		font-family:"Times New Roman", serif; 
		text-align:center; }

	#column_right #prospective { 
		display:block; 
		margin:0px auto 0px 1px; }
	
	#column_right #secondaryLinks { 
		display:block; 
		width:215px; 
		margin:0px auto 52px 11px;
		background:transparent url("img/greyPanel.gif") repeat-y; 
		padding:4px 4px 4px 8px;}
		
		#secondaryLinks li {
			background: transparent url("img/arrow.gif") left center no-repeat;
			padding-left: 18px;
			}
	
		#secondaryLinks li a { 
			display:block; 
			width: 170px; 
			color:#000; 
			border:1px solid #b3b3b4; 
			-moz-border-radius:2px; 
			margin:4px 0px; 
			padding:4px; 
			background-color:#fff3e3; 
			font-size:90%; 
			font-weight:bold; 
			text-decoration:none !important; }
			
		#secondaryLinks li a:hover {
			background-color:#e2e2cf; }
		
		#column_right #stateSnapshot { font-size:75%; }
		
			#stateSnapshot .more { font-size:80% !important; }
		
			
			#picOfTheDay{ 
				margin:0px;
				border:5px solid white;
				width:228px;
				height:152px;
				display:block;
				}
				
			/* override styles for modern browsers */
			#podimage2 > #picOfTheDay{
				margin:6px 0px 4px -26px;
				border:5px solid white;
				width:275px;
				height:182px;
				}
			
			#picofthedayTeaser {
				margin: 0px 0px 0px 13px; 
				background: transparent url(http://www.msstate.edu/web/graphics/linkmaroon.gif) no-repeat center left;
				padding-left:12px;
				color:black; }
	
	#column_right h2#feat, #featured { 
		display:block;
		background-color:#fff3e3;
		padding:6px 8px 8px 8px; 
		width:195px; 
		margin:6px auto 0; 
		font-size:90%; }
		
	#column_right h2#feat { margin-bottom:6px; margin-top:24px; color:#036; }
		
		#feat span {font-size:1.5em; vertical-align:-2px;}
	
	#column_right #featured { 
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomright: 4px;
		}
	
		#featured a { 
			font-size:90%;
			font-weight:normal;
			margin-bottom:0.5em;
			text-decoration:none;
			color: #003366 !important; }
			
	#column_right .more { 
		margin: 0px 0px 0px 196px; }

	
/** Center Column **/
	
#center { 
	float:left; 
	display:block; 
	width:460px; }

	#campusLinks { 
		background-color:#cbc7be; 
		font-size:75%; 
		font-weight:bold; 
		border-top:2px solid #fff;
		border-bottom:1px solid #fff;
		margin:0; 
		padding:0; 
		float:left; 
		position:relative; }
		
		#campusLinks li { 
			float:left; 
			display:block; 
			width:153px; 
			margin:0; 
			padding:0; }
		
		#campusLinks li#meridian { width:154px; }
			
		#campusLinks li a { 
			display:block; 
			margin:0; 
			padding:1em 0; 
			/*text-align:center; */
			text-decoration:none !important; 
			color:#000; }
			
		#campusLinks li a:hover { 
			background-color:#e5e4e4 !important; 
			color:#333; }
		
		#campusLinks li#distance a {
			background: transparent url("img/globe.gif") 10px center no-repeat;
			text-indent:42px; }
		#campusLinks li#meridian a {
			background: transparent url("img/cap.gif") 8px center no-repeat;
			text-indent:52px; }
		#campusLinks li#multimedia a {
			background: transparent url("img/multimedia.gif") 20px center no-repeat;
			text-indent:62px; }
		
		
			
	#news { 
		background: #c4c1b8 url("img/center_grey.gif") repeat-x top left; 
		float:left; 
		display:block; 
		width:460px; 
		padding:0px; 
		min-height:320px; }
		
		#news h2 { 
			font-family:"Times New Roman", serif; 
			font-variant:small-caps; 
			letter-spacing:1px; 
			margin-top:0.3em; 
			color:#600; }
			
		#news #announcements, 
		#news #headlines, 
		#news #events { 
			display:block; 
			padding:8px; 
			border-top:1px solid #fff; 
			line-height:1.1em; }
			
		#news ul { 
			padding: 8px 0px 8px 4px; }
			
		#news div { 
			position:relative; }
			
	#center .more { 
		position:absolute; 
		left:32em; 
		top:1em; }
		
	#newsbanner { 
		text-align:center; 
		color:#8f9da5; 
		background-color:#546a77; 
		border:2px solid white; 
		width:456px;
		float:left; }
		
	#newsbanner a {color:white; text-decoration:none; }
	#newsbanner a:visited {color:white;}
	#newsbanner a:hover {color:white;}
	#newsbanner a img { float:left; border:none; }

/** Legacy styles **/

a {
	text-decoration:none; }

a:link {
	color:#600; }

a:visited {
	color:#600; }

a:hover {
	color:#600;
	text-decoration:underline; }

a:active {
	color:#c00; }	

a.fancyLinkBlock { 
	display:block;
	background-position: left 0.3em !important;
	}
	
div.fancyLinkBlock a {
	display:block;
	background-position: left 0.3em !important;
	margin-bottom: 4px;
	}
	
.fancyLink a:link {
	padding-left:1em;
	padding-bottom: 0 !important;
	background:transparent url(http://www.msstate.edu/web/graphics/linkmaroon.gif) no-repeat center left;
	border:0px !important;
	color:#600;
}

.fancyLink a:visited {
	padding-left:1em;
	background:transparent url(http://www.msstate.edu/web/graphics/linkmaroon.gif) no-repeat center left;
	border:0px !important;
	color:#600 !important;
}

.fancyLink a:hover {
	padding-left:1em;
	padding-bottom: 0 !important;
	background:transparent url(http://www.msstate.edu/web/graphics/linkmaroon.gif) no-repeat center left;
	border:0px !important;
	color:#600 !important;
	text-decoration:underline !important;
}

.fancyLink a:active {
	padding-left:1em;
	padding-bottom: 0 !important;
	background:transparent url(http://www.msstate.edu/web/graphics/linkmaroon.gif) no-repeat center left;
	border:0px !important;
	color:#c00 !important;
}

.fancyList li {
	list-style-image:url(http://www.msstate.edu/web/graphics/linkmaroon.gif);
	list-style-position:outside;
	padding:0px;
	margin:0px;
}

.fancyList li:hover, .fancyList .over {
	list-style-image:url(http://www.msstate.edu/web/graphics/linkmaroon.gif);
}

.fancyList a {
	padding:0px !important;
	background:none !important;
}

.fancyList a:link, .fancyList a:visited {
	border:0px !important;
	text-decoration:none !important;
	color:#600 !important;
}

.fancyList a:hover {
	border:0px !important;
	text-decoration:underline !important;
	color:#600 !important;
}

.fancyList a:active {
	border:0px !important;
	text-decoration:none !important;
	color:#c00 !important;
}

.fancyList .notLink {
	margin-left:-1em;
	list-style:none;	
}

.fancyList .notLink:hover, .fancyList .notLink.over {
	list-style:none;
}

#skipnav, #printlogo, .hidden { display:none; }

#footer
	{
	clear: both;
	margin: 0;
	padding: .5em 0px;
	border-top: 1px solid #600;
	font-size: 75%;
	text-align: center;
	}

#footer p, #footer ul
	{
	margin: 0;
	}
	
#footer a { color: #fff; }

#footer ul {
	text-align:center;
	width:670px;
	margin:0px auto;
	padding:0px;
}	

#footer li {
	display:inline;
	padding-left:10px;
	padding-right:10px;
	border-left:1px solid #fff;
}

#footer .newLine {
	list-style-type:none;
	clear:both;
	border-left:0px;
	padding-left:0px;
}

#footer #firstLine {
	margin-bottom:5px;
}

#counter {font-size: 60%; text-align: center; color: #999999; clear:both; }

#footer {
	background: #600 url("img/maroon-vert-gradient.jpg") repeat-x bottom left;
	border:0px;
	font-size:70%;
	margin-top:0em;
	width:940px;
	color:#fff;
	margin-left:10px;
	padding-top:12px;
}

.hidden {
	display:none !important;
}

#calendar li {
	position:relative;
}

#calendar a, #events .jHide a {
	margin-left:6.5em;
}

#calendar span {
	position:absolute;
	font-weight:bold;
	top:0px;
	left:0px;
	color: #444;
}

#events .jHide span {
	font-weight:bold;
	color: #444;
	}

#news ul {
	clear:left;
	margin:0px;
	list-style:none;
	font-size:80%;
}

#news ul li {
	margin:0px;
	margin-left:5px;
	padding:0px;
	line-height:1.2em;
}

#news ul li a {
	padding-left:10px;
	background:transparent url(http://www.msstate.edu/web/graphics/linkmaroon.gif) no-repeat center left;
}

.more {
	padding-left:10px;
	background:transparent url(http://www.msstate.edu/web/graphics/linkmaroon.gif) no-repeat center left;
	font-size: 60%;
}

#news #announcements .more {
	left:24em !important;
	left:auto;
}

#news #headlines .more {
	left:28em !important;
	left:auto;	
}

#news #events .more {
	left:16em !important;
	left:auto;
}


/* Our People Gallery styles */

#ourpeople {  
	display:block; 
	width:460px; 
	height:315px; 
	margin:0; 
	padding:0; 
	float:left;
	position:relative;
	}  

	#ourpeople a {  
		position:absolute;
		float:left;
		top: 0px;
		}  

	#ourpeople a img {  
		border:none; 
		width:460px;
		height:315px;
		}  

	#ourpeople a.show {  
		z-index:500  
		}  

	#ourpeople .caption {  
		z-index:600;   
		background-color:#000;   
		color:#ffffff;   
		height:60px;   
		width:460px;   
		position:absolute;  
		bottom:5px;
		}  

	#ourpeople .caption .content {  
		margin:5px  
		}

	#ourpeople .caption .content h3 {  
		margin:0;  
		padding:0;  
		color:#1DCCEF;  
		}
		
		#PicOverlay .head {font-family:"Times New Roman", serif; font-size:160%; font-variant:small-caps; opacity: 1.0; letter-spacing:1px; }
		
		#PicName {width:300px; float:left; font-size:.9em; margin-top:4px; opacity: 1.0; }
		#PicMore {width:auto; float:right; text-align:right; font-size:.75em; margin-top:6px;}
		#PicMore a { position:relative; opacity: 1.0; text-decoration:underline; }
		#PicMore a:link {color:white; }
		#PicMore a:visited {color:white;}
		#PicMore a:hover {color:#09f;}

