/*
University of Montevallo Homepage Stylesheet
---
This stylesheet declares styles for elements of the homepage that are not used elsewhere in the site, such as the flyout navigation, the large banner image, and the three-column content area.
*/

/* This wraps around the entire homepage, setting the width*/
#wrap	{
	width: 800px;
	background-color: #000000;
	}
	
/* This is for the header, which includes the logo. The tagline image is written in as a background image in this area.  */
#header	{
background: #EFEAF5 url(../images/tag_wider.gif) 0 100% no-repeat;
height: 110px;
padding: 0;
margin: 0;
}

/* This declares the area for the navigation. The background image is written into this area by a javascript. Everything below here is for the navigation flyouts. */
#navigation	{
		padding: 15px 0 0 0;
		margin: 0 auto;
		border: 0;
		width: 800px;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-color: #000;
		voice-family: "\"}\""; 
  		voice-family:inherit;
  		height:220px;
		}
	
	#nav, #nav ul { /* all lists */
		padding: 0;
		font-size: 1em;
		margin: 0;
		list-style: none;
		/*float : left;*/
		width : 170px;
		border: 0;
	}
	
	#nav li { /* all list items */
		position : relative;
		/*float : left;*/
		line-height : 1.15em;
		margin-bottom : -3px;
		width: 170px;
		border: 0;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 168px;
		margin-top : -2.25em;
		background-color: #000;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li.top ul.sub ul { /* third-and-above-level lists */
		left: -999em;
	}		
	
	#nav li.top ul li	{
			background-color: transparent;
			border-bottom: 1px solid #fff;
			font-size: 1em;
			}
			
#nav li.top	{background: transparent url(../images/li-arrow.gif) 100% 50% no-repeat;}
	
	#nav li.top a	{	
		text-align: right;
		width: 150px;
		display : block;
		color : #fff;
		text-decoration : none;
		border: 0;
		padding: 1px 15px 2px 3px;
		font-size: 10pt;
	}	
	
	#nav ul li a {
		width: 150px;
		display : block;
		color : #fff;
		text-decoration : none;
		border: 0;
		padding : 1px 15px 2px 3px;
		font-size: 10pt;
	}
	
	
	/* 2 and 13 #nav ul ul, #nav li:hover ul ul { display:none; }  */
	
	/* 12 and 23 #nav li:hover ul, #nav li:hover li:hover ul { display:block; }*/
	
	#nav li:hover, #nav li a:hover {
		color: white;
		background-color: #49176D;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		}
		
/*#nav li a:hover {
		color : white;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items 
		left: auto;
	}*/
	

/* This wraps around the 3 columns on the homepage to hold them in place. */
#content	{
	width: 800px;
	height: 600px;
	margin: 0;
	padding: px 0 0 0;
	border-top: 0px solid #FFC423;
	background: url(../images/cbg_wider.gif) 0 0 repeat-y;
	}

#content_redesign	{
	width: 800px;
	margin: 0;
	padding: 0px 0 0 0;
	border-top: 5px solid #FFC423;
	background: url(../images/cbg.gif) 0 0 repeat-y;
	}
	
#content a:link	{
			color: #314318;
			}

#content a:visited	{
			color: #314318;
			}

/* This is the area on the left where the Upcoming events and Search box are included. There are specific styles applied to the list and h2 in this area, and those are written below. */
#left	{
	font-size: 8pt;
	width: 170px;
	float: left;
	margin: 0;
	padding: 0 5px;
	border: 0;
	}
	
	#left h2	{
		font-size: 12pt;
		color: #49176D;
		font-weight: 300;
		margin: 0 0 5px 0;
		}
		
	#left ul	{
		padding-left: 25px;
		margin: 10px 0;
		}
		
	#left li	{
		font-size: 1.2em;
		margin: 10px 0;
		padding: 0;
		}

/* This wraps around the middle and right columns on the homepage so that they will site next to each other and the left column. */
#content-right	{
	float: right;
	width: 630px;
	border: 0;
	padding: 0;
	margin: 0;
	}
	
#content-right-redesign	{
	float: right;
	width: 630px;
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #49176D;
	}

/* This is for the right column, which contains the spotlight links. Styles are written below specific to the spotlight area and are not used anywhere else on the site. */
#right	{
	width: 300px;
	margin: 0;
	padding: 0;
	text-align: center;
	float: right;
	}
	
	#right h2	{
		font-size: 16pt;
		text-align: left;
		font-weight: 300;
		margin: 0;
		}
		
	/* This is the class applied to the div for each spotlight item. */
	.spotlight	{
		width: 300px;
		height: 40px;
		border: 0;
		color: #314318;
		padding: 0;
		margin: 10px auto;
		}
		
		.spotlight img	{
			float: left;
			border: 0;
			padding: 0;
			margin: 2px 10px 0 0;
			}
			
		.spotlight p	{
			font: 12pt Georgia, Times, serif;
			font-weight: bold;
			color: #314318;
			padding: 0;
			margin: 0;
			text-align: left;
			}
			
		.spotlight a, .newbox a:link	{
			text-decoration: none;
			color: #314318;
			}
			
		.spotlight a:hover	{
			text-decoration: none;
			color: #49176D;
			}
			
		.spotlight a:hover img	{
			border: 0;
			}

/* This is the style for the middle area where the Welcome message is. */	
#middle	{
	font-size: 8pt;
	width: 280px;
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
	}
	
#middle p	{
		font-size: 9pt;
		}

		#middle h2	{
			font-size: 16pt;
			font-weight: 300;
			margin: 0;
			}