@import url(http://www.google.com/cse/api/overlay.css);
/********** GENERAL FORMATTING **********/
#skipnav{
	position:absolute;
	z-index:-1000;
}
body {
	margin:0;
	padding:0;
	background-color:#dbd7ba;
	text-decoration: none;
	text-align: left;
	}
body, h1, h2, h3, h4, h6, blockquote {
	font-family: arial, helvetica, sans-serif;
	font-size:.90em;
	word-spacing: normal;
}
form{
	padding:0;
	margin:0;
}
.floatLeft{
	float:left;
	margin:10px;
	margin-left:0;
	margin-top: 0;
}
.floatRight{
	float:right;
	margin:10px;
	margin-right:0;
	margin-top: 0;
}
.border{
	border:#333333 1px solid;
}
table, table tr, table td{
	padding:0;
	margin:0;
	font-size:100%;
}
.pagetitle{
font-size:130%;
font-weight:bold;
}
.pagesubtitle{
font-size:120%;
font-weight:bold;
}
.caption{
font-size:80%;
font-weight:bold;
}
.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;
}
ol li{
	list-style:decimal;
}
input, textarea{
	border:1px #CCCCCC solid;	
}
.submit{
	background:#006699;
	color:#FFFFFF;
}
a.pdf {
display:inline-block;
padding-right:20px;
background:transparent url(http://collegeofsanmateo.edu/images/pdficon.jpg) center right no-repeat;
}
.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**********/
	background:#3a74ba url(http://www.collegeofsanmateo.edu/images/topHeaderGradient.jpg) repeat-x top;
	z-index:auto;
	width:100%;
	height:60px;
}
#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;
}
.bumpdown{ /*** bumps down and centers the search box***/
	margin-top:3px;
	float:right;
}
.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{
	padding-top:10px;
	float:right;
	width:940px;
	height:50px;
}
#searchbox { /********** Search Box **********/
	margin-top: 10px;
	margin-left:220px;
}

/********** MAIN PAGE **********/
#wrapper {
	margin:0 auto;
	width:960px;
	padding-left:20px;
	height:100%;
	overflow:visible;
	background:url(http://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%;
}
#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:#424242;
	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;
	padding: 15px;
	height:100%; 
	overflow:visible;
	font-size:95%;
}
ul.content{
	padding-top:5px;
}
ul.content li{
	margin-top:10px;
}
#home_right {
	background:url(http://www.collegeofsanmateo.edu/images/Logo_CPDSign.gif) top left no-repeat;
	float:left;
	padding:13px 14px 13px 17px;
	font-size:85%;
	width:173px;
	height:240px;
	overflow:auto;
}
#home_right ul{
	margin:0;
	padding:0;
}
#home_right ul li{
	list-style:none;
	margin-bottom:5px;
}
/********** Footer**********/
#footer {
	clear:both;
	padding:0 0 13px 0;
	height:40px;
	width:940px;
	background:#024383 url(http://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,
#informationtoassistyou #nav-informationtoassistyou a{
background:#014f9a;	color:#FFF;
}

/*** for pod pages ***/
.mainsublinks{
	margin:0;
	padding:0;
	font-size:95%;
	margin-left:30px;
}
.mainsublinks li{
	list-style-type:disc;
	list-style-position:outside;
	padding:0;
	margin:0;
	padding-top:4px;
	padding-bottom:4px;
}
.mainsublinks a:link, .mainsublinks a:visited{
	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;
}
#podtitle{
	display:block;
	margin-left:-2px;
	margin-bottom:15px;
}

.columnLeft-de {
	float: left;
	width: 480px;
}
.columnRight-de {
	float: right;
	width: 165px;
	margin-right: 13px;
}
