/*This file contains all styles used within the #wrapper div.
  All other styles for the page are contained in main_styles.css 
  
  It also contains the image background for #outer_container.*/
  
 /*Logo for secondary pages ------------------------------------*/

#logo {  
	position:relative;
	float:left;
	width: 480px;
/*	background: transparent url(//www.fresnostate.edu/home/images/website/home-seal.png) no-repeat left bottom;	*/
	height: 118px;
	}
	
#logo img {
	border:0;
	margin-top:25px;
}
	
#logo p {  /* Screen readers will read the logo name as a top level heading */
	text-indent:-5000px;
	}

 
 /*#wrapper (contains #banner and #content)----------------------------------------*/

#wrapper {
	width:100%;
	position:relative;
	background: #fff url(//www.fresnostate.edu/home/images/website/secondary_bg3.png) no-repeat center -50px;
}
 

/*#banner ------------------------------------------------------------------------*/

#banner {
	width:960px;
	margin:0 auto;
	background: url(//www.fresnostate.edu/home/images/website/banner_bkgrnd.jpg) repeat-y;
}

#banner h1 {
	color:#FFF;
	margin:0;
	padding:0;
	font-size:2.5em;
	font-weight:bold;
	padding:24px 0 2px 20px;
}

/*end banner*/



/*content -------------------------------------------------------------------*/
#content {
	width: 960px;
	margin: 0 auto;
	padding-top:10px;
	padding-bottom:30px;
	
	}


.story_container {
	width:450px;
	height: 150px;
	float:left;
	border-bottom: 1px solid #eee;
	padding:11px 9px 9px 18px;
}

#content img {
	padding:2px;
	border: 1px solid #cecece;
	float:left;
	margin-right: 18px;
}


#content h2 {
	margin:0;
	padding:0;
	text-transform:uppercase;
	color:#666;
	font-size:0.95em;
	font-weight:bold;
}

#content p {
	font-size:.85em;
	padding-top: 5px;
	padding-bottom:5px;
	margin:0;
	color:#333;
}


#content  a {
	color:#24509C;
	font: 0.85em Arial, Helvetica, sans-serif;
	line-height:20px;
}

#content a:active, #content a:hover, #content a:active, #content a:hover {
	text-decoration:underline;
	color:#24509C;
}