@charset "UTF-8";
/* CSS Document 
Updated on Dec 1 9:10AM FY
*/
html {
    overflow-y: scroll;
}

html, body { 
	height: 100%;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	
	}

p, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding: 0;
	}

a:link, a:visited {
	color: #24509C;
	text-decoration: none;	
	}

a:hover, a:active, a:focus {
	color: #24509C;
	text-decoration:none;
	}

ul, li {	
	list-style: none;
	margin:0;
	padding:0;
	}

#container { 
	position: relative;
	width: 100%;
	margin: 0 auto;
	}
.directions ul li {font-size: 0.85em; color: #393939;}
	
#skipnav {
	position: absolute; 
	top: 0; 
	left: 0;
	margin-left: -1000px; 
	width:300px;
	}

/*Header ---------------------------------------------------------------------*/

#header {
	position:relative;
	margin: 0 auto;
	height: 70px;
	width: 960px;
	}
	
#header #donate-bt {
    float: left;
    height: 34px;
    margin: 36px 0 0;
    width: 160px;
}
#header #donate-bt img {border:0;}

/*Search----------------------------------------------------------------------*/

#search {
	background:url(//www.fresnostate.edu/home/images/website/search_bg.png) left no-repeat;
	float:left;
	width:237px;
	height:33px;
	border-right: 0 none;
    border-top: 1px solid #cecece;
	border-left: 1px solid #cecece;
    margin: 36px 0 0;
	}
#search form {	
	color: #333;
	margin: 0; 
	padding: 5px;
	background: transparent;
	}

#search input.submitbutn {
   margin-left: 150px;
	}  

#search input.inputbutn  {
	width: 35px;
	}
#q {max-width:175px; width:100%;}
/*Quicklinks ------------------------------------------------------------------*/

/* ----- Start: Navigation (dropdown) ----- */
#primaryNavigation { 
	height:33px;
	
}
#primaryNav {
	background: #f3f3f3 url(//www.fresnostate.edu/home/images/website/quicklinksbg.gif) no-repeat 0px 0px;
	text-indent:0;
	/*text-transform:uppercase;*/
	height: 33px; /* IE 6 and others fix */
	list-style: none;
	padding: 0; /* IE 6 and others fix */
	margin: 36px 0 0;
	width: 81px;
	/*_overflow:hidden; IE 6  fix */
	border-top: 1px solid #cecece;
	border-right: 1px solid #cecece;
	float: left;
}



#primaryNav li {float:left;}
#primaryNav li:hover, #primaryNav li.hover {position: static;}
#primaryNav li a {
	color: #fff;
	display: block;
	padding: 12px 0;
	text-align:center;
	width:80px;
}
#primaryNav li a:hover {color: #f5d7b4;}
#primaryNav .navBorder{
	border-right: 1px solid #cecece;
	border-left:1px solid #cecece;
	float:left;
	height:33px;
}
/*#primaryNav li.homenav a{
	background:url9//www.fresnostate.edu/home/images/frontpage/cssSprite.gif) -474px -322px no-repeat;
	border-left:1px solid #55270d;
	padding:12px 5px 10px 4px;
	width:15px;
	text-indent:-9999px;
}*/
#primaryNav .quicklinknav{


	height:33px;
}
#primaryNav .quicklinknav .qlText{
	float:left;
	height:33px;
	display:block;
	margin:0 2px 0 11px;
	cursor:pointer;
}

#subLinksContainer{
	border:1px solid #cecece;
	float:left;
	font-weight:100;
	font-size:13px;
	left: -999em;
	margin:0;
	position:absolute;
	padding:0;
	z-index:1005;
	background:#fff;
}

#subLinksContainer #subLinks {
	margin:6px;																		
	overflow:hidden;
	padding:12px 0 12px 12px;
	width:294px;
	background:#fff;
}

#primaryNav li ul{
	float:left;
	margin:0 10px 0 0;
	width:130px;
}
#primaryNav li ul li {
	float:left;
	font-size:12px;
	line-height:16px;
}
#primaryNav li ul li a {
	color:#14408b;
	display:block;
	padding:3px 0 3px 5px;
	width: 125px;
	text-align:left;
}
#primaryNav li ul li a:hover {
	color:#14408b;
	text-decoration:underline;
}

	
#primaryNav li:hover #subLinksContainer, #primaryNav li.sfhover #subLinksContainer {
	left:auto;
	margin-left:-238px;	/*	 FOR firefox */
	margin-top:32px;
}


/*  nav ------------------------------------------------------------------*/

#nav {
	width: 960px;
	border-top: 1px solid #d1d1d1;
	padding: 0;
	margin: 0 auto;
	background-color:#FFF;
	/*border-bottom:3px solid #ac1a2f; removed by FY - emergency*/
	}

#nav ul  {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
#nav li{
	margin: 0;
	padding: 0;
	float: left;
	width:159px;
	text-align:center;
	border-right:#d1d1d1 1px solid;
	font-size:16px;
	text-transform:uppercase;
	}
	
#nav li.about{
	float: left;
	width:159px;
	text-align:center;
	border-left:#d1d1d1 1px solid;
	}
	
#nav li.athletics{
	float: left;
	width:158px;
	text-align:center;
	border-right:#d1d1d1 1px solid;
	}
		
#nav li a  {
	display: block;
	padding: 9px 13px 6px 13px;
	color: #333;
	text-decoration: none;
	background-image: url(//www.fresnostate.edu/home/images/primary_nav_bkgrnd_tile.gif);
	background-color: #ffffff;
	background-repeat: repeat-x;
	font-size:1em;
	}

#nav li a:hover, #nav li a:active, #nav li a:focus  {
	background: #fff;
	}
																			

/*the following styles allow for the page-on style. The class must be inserted in the body tag of each section's template*/

.about #about a, .admissions #admissions a, .academics #academics a, .studentlife #studentlife a, .research #research a, .athletics #athletics a {	
	background: #fff;	
	}


/*Emergency-------------------------------------------------------------------------*/	
#emergency  { display:block; padding: 0; border-top:3px solid #ac1a2f; margin:0 auto; width:100%; color:#fff; }

#emergency p.fs-emergency {background:#ac1a2f; font-size: 70%; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #fff; margin: 0;  text-transform:uppercase; display:block;  }

#emergency p.fs-alert {background:#ff9c21; font-size: 70%; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0;   text-transform:uppercase; display:block;  }

#emergency p.fs-alert img, #emergency p.fs-emergency img {  padding: 0 10px 0 10px; }
 
#emergency a { font-size: 100%; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #fff; margin: 0; text-transform:uppercase; text-decoration:underline; }

#emergency p.fs-alert a { font-size: 100%; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0; text-transform:uppercase; text-decoration:underline; }






/*Footer---------------------------------------------------------*/

#footer {
	width: 960px;
	height: auto;
	margin:0 auto;
	border-top: 3px solid #e2e2e2;
	}
	
#footer li {
	padding-left:10px;
	}

#footer #footercol3 ul{
	border-right: 1px solid #cecece;
	margin-top: 12px;
	}

#footercol2 li {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	line-height:17px;
	font-size:10px;
	padding: 0 0 0 10px;
	}

#footercol3 li {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	line-height:17px;
	font-size:10px;
	padding: 0 0 0 10px;
	}
	
#footercol2 li a {
	font-size:10px;
	}

#footer ul {
	list-style: none;
	font-size: 70%;
	padding: 0 0 20px 0;
	margin: 20px 0 0 0;
	float:left;
	overflow: hidden;
	}

#social {
	list-style: none;
	font-size: 70%;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
	width:20px; 
	float:left;
	}
#othernews .news-social { float:left; padding-right: 3px; } 
	
#footer h3 {
	padding:0 0 2px 0;
	margin:0;
	font-weight:bold;
	}
	
#footer p {
	padding:0 0 2px 0;
	margin:0;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	}
#footer #footercol2 {
	float:left;
	margin:0;
	padding:0 0 0 5px; 
	width:160px;
	}
		
#footer #footercol3 {
	float:left;
	margin:0 10px 0 10px;
	padding:0 0 0 8px;
	width:30px;
	}
	
#footer #footercol3 img{
	padding-bottom:3px;
		}
			
#footer #footercol4 {
	float:right;
	padding:25px 0 0 10px;
}

#footer #footercol5 {
	float:right;
	padding:25px 0 0 0;
	}
	
#footer #footercol6 {
	float:right;
	margin:0;
	padding:25px 0 0 10px;
	}
	
#footer img {
	display: block; 
	float:left;
	border:0;
	padding-right:7px;
	}



/* preventing float spill-over -------------------------------------------*/

/* the following selectors keep floats from flowing out of their parent elements */
.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	}
	
/*Hides from MacIE \*/
* html .clearfix {
	height: 1%;
	}
	
.clearfix {
	display: block;
	}
	
/* End hide from MacIE */			

	
/* .brclear is needed to stop footer from jumping up when a hyperlink in #content is moused over (IE6). This is only happens when #rightbar content is longer than #content content. */	
.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0px;
}

/* this clears the ul float in the primary_nav div */

.clearit {
	
	clear: both;
	font-size: 0;
	line-height: 0;
	
}

/* style for "give now" button*/

#givesub {
	width:152px;
	height:63px;
	padding-left:28px;
	margin-top:-8px;
}
#give {
	width:152px;
	height:63px;
	
	margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 20px;
}
#givemsg {
	width:138px;
	height:15px;
	position:relative;
	z-index:110;
	top:140px;
	right:0;
	padding: 6px;
	border: 1px solid #ddd;
	background: #fff;
}

#give a,
#givesub a {
	display:block;
	width:152px;
	height:0;
	padding-top:66px;
	overflow:hidden;
	background:url(//www.fresnostate.edu/omniresources/images/btn_givenow.gif) 0px 0px no-repeat;
}
#give a:hover,
#givesub a:hover {
	display:block;
	width:152px;
	height:0;
	padding-top:66px;
	overflow:hidden;
	background:url(//www.fresnostate.edu/omniresources/images/btn_givenow.gif) 0px -66px no-repeat;
}

/* end "give now" button syle */
/* Three Content Boxes */
#box2 {margin:0 1%;}
/*
#box1 {margin:0 1.5% 0 0;}
#box2 {margin:0 1.5%;}
#box3 {margin:0 0 0 1.5%;}
*/
#box1 img, #box2 img, #box3 img {width:100%; max-width:100%; height:auto; margin:0;}
#three-boxes p {font-size: 0.75em; margin: 6px 10px;}
.box {
	display:block;
    height:310px;
    background:#fff;
    width:32.667%;
    float:left;
    /*box-shadow: 0 0 15px #fff;*/
}
.box a p {
    color: #555;
}
#three-boxes {
    background: none repeat scroll 0 0 #efefef;
    border: 0;
    display: block;
    height: auto;
    position: relative;
    width: 98%;
    overflow: auto;
    padding: 1%;
}
/*#content #three-boxes .box {
    background: none repeat scroll 0 0 #fff;
    display: block;
    float: left;
    height: 300px;
    margin: 0.7%;
    padding: 1.2%;
    width: 29.5%;
}*/
#content #three-boxes .box h3 { 
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(12, 56, 124, 1) 0%, rgba(17, 67, 143, 1) 100%) repeat scroll 0 0;
  /*background-color: #005f9e;*/
  color:#fff;
  padding:6px 10px;
}
#content #three-boxes .box h4 {
    color: #757575;
    font-size: 0.85em;
	letter-spacing: -0.01em;
    line-height: 1.2em;
    padding: 10px 10px 5px;
}
#box1 > div, #box2 > div, #box3 > div {
    position: relative;
}
#three-boxes #box3 .play-bt {
    height: 30px;
    left: 45%;
    position: absolute;
    top: 45%;
    width: 30px;
    z-index: 1;
}
a p.boxes {
    bottom: 20px;
    position: absolute;
	color:#24509c;
}
#content #three-boxes .iframe-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    margin-bottom: 6px;
}
#content #three-boxes .iframe-container iframe, .iframe-container object, .iframe-container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
/* End - Three Content Boxes */