@import url(https://www.google.com/cse/api/overlay.css);
@import url(https://collegeofsanmateo.edu/z-omniupdate/css/icons.css);
/********** GENERAL FORMATTING **********/
#skipnav{
	position:absolute;
	z-index:-1000;
	text-indent:-99999px;
}
			
body {
	margin:0;
	postion:relative;
	padding:0;
	background:#dbd7ba url(https://collegeofsanmateo.edu/images/page-bgheight100.jpg) repeat-x top;
	text-decoration: none;
	text-align: left;
	}
body, h1, h2, h3, h4, h6, blockquote {
	font-family: arial, helvetica, sans-serif;
	font-size:.9em;
	word-spacing: normal;
}
h1, h2, h3, h4, h5, h6, span.pagetitle, span.pagesubtitle{
	font-weight:bold;
}
h1, span.pagetitle{
	font-size: 130%;
}
h2, span.pagesubtitle{
	font-size: 115%;
	margin-bottom:0;
}
h3 {
	font-size: 100%;
}
h4 {
	font-size: 90%;
	font-style:italic;
}
h5 {
	font-size: 90%;
}
h6 { 
	font-size: 90%;
}

form{
	padding:0;
	margin:0;
}
.floatLeft{
	padding:0;
	float:left;
	margin:10px;
	margin-left:0;
	margin-top: 0;
	margin-bottom:3px;
}
.floatRight{
	float:right;
	padding:0;
	margin:10px;
	margin-right:0;
	margin-top: 0;
	margin-bottom:3px;	
}

.contactbox {
	float: right;
	margin-bottom: 18px; 
	margin-left: 18px; 
	border: 1px solid #cccccc; 
	padding: 5px;
}

.graybox {
	border: 3px solid #e1dfdf;
	background-color: #f4f4f4;
	padding: 5px;
}

.border{
	border:#777 1px solid;	
}
table, table tr, table td{
	font-size:100%;
}
td{
vertical-align:top
}
.caption{
font-size:85%;
font-weight:bold;
}
p.post-date{
	background: #fff;
	width: 38px;
	height: 38px;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	float: left;
	line-height: 100%;
	border: 1px solid #fff;
	margin-right:5px;
}
.post-date span.month{
	background:#3A74BA;
	border-bottom: 1px solid #fff;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 85%;
	padding: 2px 0;
	text-transform: uppercase;
}

.columnRight{
	float:right;
	width:320px;
	margin-left:10px;
}
.columnRight .info{
	float:left;
	width:300px;
	padding: 10px;
}
.columnRight .gray{
	border: 1px solid #cccccc; 
}
.info h3{
	font-size:16px;
}
.info{
	padding:10px;
	margin-bottom:10px;
}

.gray{
	background:#f4f4f4;
	border:3px solid #e1dfdf;
}

.post-date span.day{
	bottom: 1px;
	padding: 3px 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.grayLine{
	border:0;
	height:4px; 
	overflow:hidden;
	background-color:#5d5d53; 
	width:940px;
	clear:both;
	border-bottom:1px #FFFFFF solid;
}
.minHeight{ /********** Get a minimum height for the body **********/
	float:right;
	height:150px;
}
img { /********** Images **********/
	border:none;
}
input, textarea{
	border:1px #CCCCCC solid;	
}
div.submit{
	padding-top:5px;
}
input.submit, button.submit{
	background:#006699;
	color:#FFFFFF;
	padding:0px 2px;
}

.bottomright{
   background-position:bottom right;
}

.WhiteLine {
	height:2px;
	background:#FFFFFF;
	clear:both;
	width:940px;
	overflow:hidden;
}
.WhiteLineLong {
	height:2px;
	overflow:hidden;
	background:#FFFFFF;
	clear:both;
	width:100%;
}

/***TOP HEADER SECTION***/
#bkgrndtop { /********** holds google search and college logo and blue gradient**********/
	z-index:auto;
	width:100%;
	height:100px;
}
#collegelogo{
	background:url(https://www.collegeofsanmateo.edu/images/csmsignature.gif) no-repeat;
	width:434px;
	height:81px;
	position:absolute;
	margin:0;
	padding:0;
	left:5px;
	top:13px;
	text-indent:-9999px;
}
#topwrapper {
	margin:0 auto;
	width:940px;
}
#topwrapper ul {
	color:#FFF;
	margin-top:5px;
	padding:0;
	display:block;
	margin:0;	
	padding-top:2px;
	font-size:90%;
}
#topwrapper ul li{
	display:inline;
	padding:0;
	padding-right:5px;
	margin:0;
	list-style-type:none;
}
#topwrapper ul li a{
	 color:#FFF;
}
#topwrapper ul li a:hover{
	 text-decoration:underline;
}
.googlesitesearch{ /*** bumps down and centers the search box***/
	position:absolute;
	top:46px;
	right:5px;
}
.searchButton{
	padding-left:3px; 
	border:0; 
	border:1px #CCCCCC solid;
	color:#0000CC;
	width:137px;
}
.goButton{
	background-color:#FFFFFF; 
	font-weight:bold;
	padding:0;
	border:1px solid #CCCCCC; 
	color:#0033FF;
}
#header{
	float:right;
	width:940px;
	padding:0;
	margin:0;
	position:relative;
	height:100px;
}
#searchbox { /********** Search Box **********/
	margin-top: 10px;
	margin-left:220px;
}

/********** MAIN PAGE **********/
#wrapper {
	margin:0 auto;
	width:960px;
	padding-left:20px;
	overflow:visible;
	background:url(https://www.collegeofsanmateo.edu/images/page-bg.gif) repeat-y top;
	clear:both;
}
/********** A-Z Site Index **********/

#BlueBar { /********** blue Bar under Site Index Navigation **********/
	color:#ffffff;
	width:940px;
	height:30px;
	background-color:#3a74ba;
	border-bottom:1px #FFFFFF;
	border-top:1px #000000;
	clear:both;
	overflow:hidden;
}
#index {
	font-size: 80%;
	margin:0 auto;
	padding:0;
	color:#FFFFFF;
	text-align:center;
	clear:both;
	width:940px;
}
#index ul {
	padding:0;
	margin:0;
	position:relative;
	margin-left:10px;
	margin-right:10px;
	width:940px;
}
#index ul li{
	text-decoration:none;
	display: inline;
	color:#FFFFFF;
}
#index input{
		padding:0;
		margin:0;
}
#index ul li a {
	float:left;
	padding-right:12px;
	padding-left:12px;
	display:block;
	padding-top:8px;
	padding-bottom:8px;
	text-decoration:none;
	border-bottom:none;
	color:#FFFFFF;	
}
#index ul li A:hover {
	BACKGROUND: #f6f6ec; 
	color:#414141;
	display:block;
	height:100%;
}
#breadcrumbs{
	clear:both; 
	padding:5px 0px 5px 11px;
	width:929px; 
	background-color:#3a74ba; 
	margin-bottom:2px;
	font-size:75%;
	color:#FFFFFF;
}
#breadcrumbs a{
	color:#FFFFFF;
	text-decoration:none;
}
#breadcrumbs a:hover{
	text-decoration:underline;
}
/********** Left Navigation Bar  **********/
#navbar {
	width:202px;
	float:left;
	text-align:left;
	margin:0;
	padding:0;
	font-size:90%;
	font-weight:bold;
}
#navbar UL, #navbar li {
	LIST-STYLE-TYPE: none; 			
	padding:0;
	margin:0;	
}
#navbar li {
	float:left;
	border-top:1px solid #fff;
	border-bottom:1px solid #eee;
	height:auto;
	width:202px;
}
#navbar li a {
	width:187px;
	float:left;
	text-decoration:none;
	border-bottom:none;
	color:#777;
	padding:6px 5px 6px 10px;
}
#navbar li a:hover {
	text-decoration:none;
	background-color:#dbd7ba;
}
#navbar li a.active {
	color:#ffae00;
}
/********** Website Main Content **********/
#content {
	width:940px;
	margin:0;
}
ul.content{	
	list-style:none;
	padding:0;
	margin:0;
	display:block;
}
ul.content li{
	display:block;
	margin-bottom:8px;
	clear:left; 
	list-style:none;
}
ul.eventCalendar{	
	display:block;
	padding:0;
	margin:0;
	width:auto;
	float:left;
	padding-right:10px;
}
ul.eventCalendar li{
	margin-bottom:8px;
	list-style:none;
	float:left;
	width:auto;
}
.subtitleStyle{
	font-style:italic;
	font-weight:bold;
	display:block;
}


/********** Footer**********/
#footer {
	clear:both;
	padding:0 0 13px 0;
	height:40px;
	width:940px;
	background:#024383 url(https://www.collegeofsanmateo.edu/images/bkgrd_footer.jpg) repeat-x top;
	border-right:1px #FFFFFF;
	border-left:1px #FFFFFF;
	text-align:center;
	font-size:75%;
	color:#FFF;
}
ul.footer{
	text-align:center;
	padding:0;
	margin:0;
	padding-top:7px;
	margin-bottom:3px;
	color:#FFF;
}
ul.footer li{
	display:inline;
	padding-right:3px;
}

#footer a{
  text-decoration:none;
   color:#FFF;
}
#footer a:hover, #footer a:active{ 
  color:#FFF;
  text-decoration:underline;
}
#footerAddress{
	text-align:center; 
	margin-top:1px; 
	margin-bottom:1px; 
	color:#FFFFFF;
}



/*----------------------------------------------------------*/
#main #nav-main a,
#succeedatcsm #nav-succeedatcsm a,
#chooseaprogram #nav-chooseaprogram a,
#transfer #nav-transfer a,
#academics #nav-academics a,
#athletics #nav-athletics a,
#explore #nav-explore a,
#moneyforcollege #nav-moneyforcollege a,
#studentlife #nav-studentlife a,
#studentservices #nav-studentservices a,
#about #nav-about a,
#servinglocalbusiness #nav-servinglocalbusiness a,
#servingworkingadults #nav-servingworkingadults a,
#alumni #nav-alumni a,
#help #nav-help a,
#campuslife #nav-campuslife a, 
#supportcsm #nav-supportcsm a,
#presidentswelcome #nav-presidentswelcome a,
#informationtoassistyou #nav-informationtoassistyou a{
background:#014f9a;	color:#FFF;
}

/*** for pod pages ***/
.mainsublinks{
	margin:0;
	padding:0;
	margin-left:15px;
}
.mainsublinks li{
	list-style:disc;
	
	padding-top:4px;
	padding-bottom:4px;
}
.mainsublinks a {
	text-decoration:none;
	font-weight:bold;
	color:#0053A0;
}
.mainsublinks a:hover, .mainsublinks a:active{
	text-decoration:underline;
	font-weight:bold;
	color:#000;
}
.podinfo{
	margin:0;
	padding:0;
	position:absolute;
	z-index:1000;
	margin-left:201px;
	width:220px;
	color:#000;
	display:inline;
	padding:10px;
	float:right;
}
.podinfo li{
	background:#FFFFFF;
	z-index:0;
	display:block;
	left:103px;
	height:51px;
	text-decoration:none;
	position:absolute;
	margin-left:100px;
}
.podtable, .podtable tr, .podtable td{
	width:350px;
	text-align:left;
}
#noicon{
	background:none;
	padding:0;
	margin:0;
}
#podtitle{
	display:block;
	margin-left:-2px;
	margin-bottom:15px;
}
.whenStyle{
	color:#000;
	display:block;
}
.whereStyle{
	color:#000;
	display:block;
}




.title{
	font-size: .90em;
	color: #001e59;
}
.eventImage{
float:left;
margin:0;
padding:0;
padding:2px;
border: 1px solid #EAEAEA;
margin-right:10px;
}
.loading{
	color:#0053a0;
	font-weight:bold;
}
.subtitledl {
	font-size: 120%; 
	font-weight:bold;
	margin-bottom:0;	
	width:100%;
	float:left;
	text-indent:5px;
	margin-bottom:17px;
	background-color: #CCC;
}

#staff {
padding-bottom: 15px; width: 100%;
display:block;
float:left;
}
#staffauto {
padding-bottom: 15px; width: 100%; height: auto;
}
#staffindent {
padding-bottom: 15px; width:80%;
padding-left:135px;
display:block;
float:left;
}

#indent {
margin-left:21px;
}
ul.socialnetworking{
	text-align:center;
	padding:0;
	margin:0;
}
ul.socialnetworking li{
	list-style:none;
	display:inline;
	margin-right:7px;
}
ul.socialnetworking li.last{
	margin-right:0;
}
span.stayconnected{
	width:100%;
	text-align:center;
	display:block;
}

#home_right_bottom .info {
float:left;
width:300px;
}
table.default{
	margin-top:5px;
	width:100%;
	text-align:left;
}
table.default caption{
	margin-top:10px;
	text-align:left;
	margin-left:2px;
}
.t_rankings{
	background:white;
}
table.default th {
	text-align: left;
	background-color: rgb(255, 255, 255);
	padding:2px;
	padding-bottom:3px;
}

table.default td {
	background-color: rgb(229, 229, 229);
	padding:2px;
	margin:0px;
	vertical-align:top;
}

caption {
	padding: 0 0 5px 0;
	text-align: right;
}

table.default tr.alt td{
	background-color: rgb(245, 245, 245) !important;
}
.top_stories, #home_right{
	position:relative;
}
.top_stories .socialnetworking li{
	margin-right:5px;
	padding:0px;
}
.top_stories ul.socialnetworking{
	float:none;
}
.top_stories ul.socialnetworking li{
	float:none;
	display:inline;
}
.top_stories div.join_us{
	display:block;
	float:none;
	overflow:hidden;
	text-align:center;
}
/* Top Stories home page */
.top_stories div.join_us_outer{
	text-align:center;
	display:block;
	width:100%;
	position:absolute;
	bottom:9px;	
	left:0px;									
}
#home_right .socialnetworking li{
					margin-right:5px;
					padding:0px;
}
#home_right ul.socialnetworking{
	text-align:left;
}
#home_right div.join_us{
	display:block;

	overflow:hidden;
}
/* Top Stories Second Tier */
#home_right div.join_us_outer{
	text-align:center;
	display:block;
	width:100%;
	position:absolute;
	bottom:0px;	
	left:0px;									
}
#home_right {
	height:166px;
	margin-top:5px;
	position:relative;
}
.whenStyle{
	color:#000;
	display:block;
}


.titleStyle{
	font-weight:bold;
}
	

#container .emphasis{
	text-decoration:none;
	font-weight:bold;
	color: red;
}
#container .emphasis:hover, #container .emphasis:active{
	text-decoration:underline;
}

.highlightedContent{
	width:300px;
	border: 2px solid #cccccc;
	padding: 10px;
	margin-bottom:10px;
	background:#F4F4F4;
}
.columnLeft{
	width:350px;
	float:left;	
}
.clearBoth{
	clear:both;
}
ul.errors {
	margin-top:5px;
	margin-bottom:2px;
}

ul.errors li {
	color:red;
}
div.errorBox {
	padding:5px;
	background-color:#F4F4F4;
	border:#CCC solid 1px;
	margin-bottom:10px;
}
#objectHolder{
	background:url(https://www.collegeofsanmateo.edu/images/icon_csm.gif) no-repeat;
	display:block;
	width:22px;
	height:35px;
	text-indent:-9999px;
}