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

/* Document Structures */

html {
	margin: 0;
	padding: 0;
}


body {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 80%;
	letter-spacing:  -0.01em;
	line-height: 1.25;
	color: #505050; 
	margin: 0; 
	padding: 0;
	
	background-image:url(images/bg_image.png);
	background-repeat: repeat-x;
	background-color:#eddddd;
}



/* Design Structural Elements */
div#container {
	display:block;
	margin: auto;
 	width:  1024px;
	background-color:  #ffffff;
	margin-top:  0px;
	margin-bottom:  20px;
	
	-webkit-box-shadow: 5px 5px 15px #666;
	-moz-box-shadow: 5px 5px 15px #666;
	box-shadow: 5px 5px 15px #666;
}



#TopBannerContainer {
	margin: auto;			
}




/* Top black bar with link to Lewisu */
#BlackBarTop {
	margin:auto;
	height:16px;;
	background-color:#000;
	padding:10px;
	
}


	#BlackBarTop span a, a:link, a:visited {
		
		font-size:1.1em;
		color: #fff;
		text-decoration:none;	
	}



	#BlackBarTop span a:hover, a:focus {
	color: #d3d3d3;
	text-decoration: none; 
	
	}	


	#BlackBarTop span a:active {
		color: #fff;
		text-decoration:none;	
	}
/* END Top black bar with link to Lewisu */









div#banner_area {
	
	width:  100%;
	height:200px;
	background-image:url(images/logos/logoMaroon.png);
	padding:0;
	
}





/*MAIN NAVIGATION */
/* top level navigation */
#MainNav {
	margin:auto;
	
}
	#MainNav span {
		padding-left:10px;
		padding-top:10px;
		font-size:1.1em;
	}
	
	#MainNav span a, a:link, a:visited {
		font-size:1.1em;
		color: #fff;
		text-decoration:none;	
	}



	#MainNav span a:hover, a:focus {
	color: #d3d3d3;
	text-decoration: none; 
	
	}	


	#MainNav span a:active {
		color: #fff;
		text-decoration:none;	
	}
	
/* END top level navigation */	




/* PAGE MESSAGE */
#PageMessage {
	height:24px;
	width:  100%;
	padding-top: 10px;
	padding-bottom: 10px;
   	background-color:  #5AAFAF;
	text-align:  right; 
	
	
	border-bottom:  2px solid #CE6A6A;
	-webkit-box-shadow: 0px 2px 10px #666;
	-moz-box-shadow: 0px 2px 10px #666;
	box-shadow: 0px 2px 10px #666;
	
	
}

		#PageMessage span{
			padding-right:20px;
			font-size:1.6em;
			letter-spacing:0.2em;
			color:#9D1313;
	
		}

/* END Page Message */







/* LEFT NAVIGATION BOX */
#LeftNavBox {
	float:  left;
	width:  375px;
 	margin:  20px 25px 150px 10px;
	display: inline;
	letter-spacing:  0.2em;
	
	border: 2px solid #CE986A;
	background-color:#fee1d1;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	padding:25px;
}

		#LeftNavBox p {
		font-size:0.8em;
		line-height: 1.3em;
		letter-spacing:0.1em;
		color: #505050;
		
		}
	
		#LeftNavBox  a, a:link, a:visited {
			letter-spacing:0.1em;
			color: #9D1313;
			text-decoration:none;
			font-weight:bold;
		}



		#LeftNavBox  a:hover, a:focus {
			letter-spacing:0.1em;
			color: #762828;
			text-decoration: none; 
		}	
		
		#LeftNavBox  a:active {
			letter-spacing:0.1em;
			color: #9D1313;
			text-decoration:none;
			font-weight:bold;	
		}
	
	


/* END Left Nav Box */



/* TEXT MAIN AREA */

#mainContent {
	display: block;
	padding:  0px 10px 20px 50px;
	margin:  0px 0px 10px 0px;
}




#SearchBar {
	float:right;
	padding-bottom: 5px;
	color: #fff;
	font-size: 0.8em;
}

	#SearchBar .textfield {
		height: 8px;
	}

/* END MAIN TEXT AREA */





/* FOOTER */
#footer {
	clear:left;
    text-align:  right;
	font-size:  10px;
	padding-bottom:  2px;
	padding-top:  2px;
	padding-right: 5px;
	letter-spacing:  0.3em;
	border:  1px solid #d0d0d0;
	background-color:  #efefef;
}

	#footer p {
	font-size: .9em;	
		
	}



/* END FOOTER */






div#playback_box {
	text-align:  left;
	font-size:  0.8em;
	padding:  2px;
	letter-spacing:  0.1em;
	border:  1px solid #404040;
	background-color:  #efefef;
	width: 300px;
}




#FloatLeft {
	float:left;
}

#FloatLeft10 {
	width:10%;
	float:left;
}

#FloatLeft15 {
	width:15%;
	float:left;
}

#FloatLeft20 {
	width:20%;
	float:left;
}

#FloatLeft40 {
	width:40%;
	float:left;
}

#FloatLeftPicture {
	float:left;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #333;
}
	


#FloatRight {
	float:right;
}


/* Top-Level Generic Text Formatting */

p { 
	font-size: 1.1em;
	margin-top: 0px; 
}

p.smaller {
    font-size:  1.0em;
}

p.larger {
    font-size:  1.3em;
}

p.largest {
    font-size:  1.8em;
}

p.redText {
	color: #fa1017;
	font-size:  1.0em;
}



hr {
	margin-top: 5px;
	margin-bottom:5px;
	border:0;
	height:1px;
	color: #9D1313;
	background-color:#9D1313;

}


	hr.maroonHR {
	
		margin-top: 50px;
		margin-bottom:10px;
		border:0;
		height:1px;
		color: #9D1313;
		background-color:#9D1313;
		width:60%;
		clear:left;
	}

fieldset {
	border:  2px solid #CE986A;	
}


legend {
	color: #9D5213;
	font-size:1.2em;
	letter-spacing:0.1em;
	text-align:right;
}




/* Header Styles */

h1 { 
	font-size: 1.8em;
	letter-spacing: -0.07em; 
	margin: 20px 0px 10px 0px; 
	color: #9D1313;
}


h2 { 
	font-size: 1.65em;
	letter-spacing: -0.06em; 
	margin: 0px 0px 5px 0px; 
	margin-bottom: 0; 
	color: #9D1313;
}


h3 { 
	font-size: 1.3em;
	letter-spacing: -0.06em; 
	margin: 0px 0px 5px 0px; 
	margin-left: 0; 
	color: #9D1313;
}



h4 { 
	font-size: 1.4em;
	letter-spacing: -0.06em;
	margin: 0px 0px 20px 0px; 
	margin-left: 0;
	color: #9D1313;
	margin-bottom:0px;
	
}


h5 { 
	font-size: 0.9em;
	letter-spacing: -0.04em; 
	margin-left: 0; 
	color: #9D1313;
	font-weight:bold;
	margin-bottom:0px;
	
	
}




/*  LINKS! */


a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: #3BAFAF;
	letter-spacing:-0.06em;
}


a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #3BAFAF;
	letter-spacing:-0.06em;
}


a:hover, a:active, a:focus { 
	text-decoration: none; 
	color: #0B5E5E;
	letter-spacing:-0.06em;
}




.generalButton{
padding:2px;
background-color:  #ffffff;
font: .65em helvetica, sans-serif;
letter-spacing: -0.06em;
border:  1px solid #404040;
}

.generalButton:hover {
background-color:#ebdbd2;
}


.facImages {
	float:left;
	border: 1px solid #9D1313;
	margin-right:10px;
	margin-bottom:10px;
}