* {font-size: 100.01%;}
html {font-size: 62.5%;}
header, footer, article, section, hgroup, nav, figure, aside {display: block;}

body{
	min-width: 999px;
	font:1.4em/1.214em Arial, Helvetica, sans-serif;
}
label.search{
	display:none;
}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
a{ 
	
}
a:hover{
	
}
#LastUpdated{
/*display:none;*/
/*smithchr*/
}
input, textarea, select{
	font-size:100%;
	vertical-align:middle;
}

.skip {
	position:absolute;
	left:-1000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.skip:focus{
	position:static;
	width:auto;
	height:auto;
} 

img{border-style:none;}

.hidden {
	position:absolute;
	left:-9999px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

figure {
	margin:0;
	padding:0;
}




/* top navigation */
.nav-holder {
	width: 100%;
	padding: 10px 0 5px;
	overflow: hidden;
}
.top-nav {
	font-size: 0.857em;
	line-height: 1.167em;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.top-nav ul {float: right;}
.top-nav li {
	float: left;
	margin: 0 0 0 30px;
}
.top-nav a {
	text-decoration: none;
}
.top-nav a:hover {text-decoration: underline;}

/* header */
#header {
	width: 100%;
	position: relative;
}
#header .holder {
	width:960px;
	margin:0 auto;
	height:115px;
	position:relative;
}
header:after {
	content:"";
	clear:both;
	display:block;
}
#header .block {
	width: 100%;
	border-bottom-width:2px;
	border-bottom-style:solid;
}
#header .block .holder {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#header .block .holder:after {
	content:'';
	display:block;
	clear:both;
} 


/* logo */
.logo {
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
}
.logo a {
	display:block;
	height:100%;
}

/* search form */
.site-search{
	position:absolute;
	right:0;
	top:30px;
	width:auto;	
}
.search-form {
	width:100%;
	overflow:hidden;
	font-size: 14px;
	line-height:16px;
	padding:0;
}
.search-form fieldset{
	float:right;
	padding:0;
}
.search-form legend {
	position:absolute;
	top:-9999px;
	overflow:hidden;
}
.row {
	width:100%;
	overflow:hidden;
	padding:0 0 9px;
}
.row .radio {
	margin:0 3px;
	padding:0;
	width:16px;
	height:15px;
	float:left;
}
.row label { float:left; }
.search-form .text-holder {
	float:left;
}
.search-form .text-holder label {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
.search-form .text-holder input {
	background:transparent;
	border:none;
	width:400px;
	padding:5px 4px 4px 7px;
	float:left;
	font-weight:normal;
}

.button a{
	display:block;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	float:left;
	padding: 5px;
}
span.submit-button-holder{
	margin-left:10px;
}
.submit-button-holder, .button a{
	margin:0px;
	padding:5px 10px;
}
.submit-button-holder input{
	padding:0;
	margin:0;
	height:29px;
}
.button a span, .submit-button-holder input{
	border:none;
	padding-right:20px;	
}
.button a span{
	text-indent:5px;
	float:left;
	margin-right:5px;
	display:block;
}


/* mainNav */
#mainNav {
	padding:0;
}
.sub{
	margin-left: -1px;
	display:none;
	position: absolute;
	left: 0;
	background: url(../images/bg-dropdown-menu.png) repeat-x bottom;
	z-index: 999;
	border-left: 1px solid #E6D9B3;
	border-right: 1px solid #E6D9B3;	
	height:auto;
	text-align:left;
	z-index:3000;
}
.sub .subnav_node .home_link {
	font-size: 18px;
	margin-bottom: 1em;
	padding: 21px 0 30px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	width: 100%;
}
.sub .subnav_node .home_link a{
	color:black;
	font-weight:normal;
}
.subnav_node {
float:left;
width:265px;
padding:0 60px 0 40px;
}

#mainNav ul li .sub .column-count-3 {
float:left;
padding-left:20px;
}

#mainNav ul li .sub .column-count-3
.subnav_node {
width:188px;
padding:0 20px 0 0;
}

#mainNav ul li .sub .subnav_node
.home_link {
border-bottom:1px dotted #EEE;
font-size:18px;
font-weight:700;
margin-bottom:1em;
width:100%;
padding:21px 0 30px;
}

#mainNav ul li .sub .subnav_node .home_link
.bullet {
float:left;
width:19px;
height:19px;
padding-left:10px;
margin-top:-3px;
}

#mainNav ul li .sub .subnav_node .home_link
a {
float:left;
height:19px;
padding-top:4px;
}

#mainNav ul li .sub .subnav_node
.tagline {
font-size:13px;
font-weight:500;
padding:10px 14px 0 0;
}

#mainNav ul li .sub .subnav_node
.apply_now {
display:block;
padding-top:5px;
}

#mainNav ul li .sub .subnav_node
ul {
width:100%;
border:0;
padding:0;
padding-top:20px;
}

#mainNav ul li .sub .subnav_node ul
li {
float:none;
font-size:12px;
width:100%;
border-bottom:1px dotted #DDD;
border-right:0;
padding:6px 0 2px;
}

#mainNav ul li .sub .subnav_node ul li
a {
font-size:13px;
font-weight:normal;
}

#mainNav ul li .sub .subnav_node ul
.first {
	border-right:0;
	border-top:1px dotted #EEE;
}

#mainNav ul li .sub .subnav_node
.quick_links_header {
	display:block;
	font-size:16px;
	font-weight:500;
	color:#583b28;
	padding:21px 0 0px;
}

#mainNav ul li .sub .panel-content {
	width:208px;
	border-right:1px solid #EEE;
	padding:0 30px 0 30px;
}

#mainNav ul li .sub .panel-content h2,#mainNav ul li .sub .panel-content h3,#mainNav ul li .sub .panel-content
h4 {
	border-bottom:1px solid #EEE;
	padding:5px 0;	
	margin-bottom:5px;
	text-transform:uppercase;
}

#mainNav ul li .sub
.last {
padding-left:0;
}

#mainNav ul li .sub
.close_sub {
display:block;
position:absolute;
}
#mainNav ul li.nav-button{
	display: block;
	list-style-type: none;
	font-weight:normal;
	margin: 0;
	float:left;

}
#mainNav .nav-home a.nav-anchor { letter-spacing : -1000em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #mainNav .nav-home a.nav-anchor { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
/* End of hack */

#mainNav ul li a.nav-anchor{
	display:block;
	text-decoration:none;
	float:left;
}


#mainNav a.nav-anchor span {
	float: left;
}


#mainNav{
	margin:0 auto;
	position:relative;
}
#mainNav > ul{
	padding:0;
	margin:0;	
	float:left;
}
#mainNav .nav-home{
	position:relative;
	float:left;
	margin-bottom:0;
	margin-top:0;
}
#mainNav .nav-home a.nav-anchor{

	padding-bottom:0;
	margin-bottom:0;
}

/* main */
#main {width: 100%;}

/* main image */
.main-img {
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 100%;
}
.main-img .holder {
	position: relative;
	margin: 0 auto;
	width: 960px;
}
.inner .main-img .holder {
	overflow: hidden;
	margin: 0 auto;
	width: 960px;
}
.main-img img {display: block;}
.inner .main-img img {float: left;} 
.main-img .text-holder {
	position: absolute;
	bottom: 17px;
	left: 0;
	width: 826px;
	padding: 15px 62px;
}
.main-img .title {
	display: block;
	margin: 0 0 -6px -50px;
	font-weight: normal;
}
/* main content */
.main-content {
	width: 100%;
}
.main-content .main-content-holder {
	width: 960px;
	margin: 0 auto;
}
/* sidebar */
#aside {
	float: left;
	width: 229px;
	position:relative;
	z-index:100;
}
#aside h2 {
	font-size: 1.286em;
	line-height: 1.111em;
	font-weight: bold;
	margin: 0 0 29px 1px;
}
/* social networks */
#main .social-networks {
	overflow: hidden;
	color: #553f3d;
	padding: 0 10px 0 0;
	height: 1%;
}
#main .social-networks .text {
	float: right;
	margin: -1px 0 0;
}
#main .social-networks ul {
	float: right;
	margin: 0 0 0 11px;
}
#main .social-networks ul li {
	float: left;
	margin: 0 6px 0 0;
}
#main .social-networks a {
	display: block;
	background: url(../images/bg-socials.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	width: 17px;
	height: 17px;
}
#main .social-networks .twitter a {
	background-position: -23px 0;
	height: 18px;
}
#main .social-networks .linkedin a {background-position: -46px 0;}
#main .social-networks .email a {
	background-position: -69px 0;
	width: 20px;
}
#main #content .social-networks {padding: 0 1px 3px 0;}
#main #content .social-networks .text {margin: -1px 0 0;}
#main #content .social-networks ul {margin-left: 11px;}

.question-block .area-holder {
	width: 202px;
	height: 61px;
	background: url(../images/bg-area-holder.gif) no-repeat;
}

/* sidebar navigation */
.sidebar-nav {
	font-size: 14px;
	line-height: 27px;
}
.webkit .sidebar-nav,
.presto .sidebar-nav {line-height: 29px;}
.sidebar-nav li {
	margin: 0 0 7px;
	position: relative;
	height: 1%;
}
.sidebar-nav a {
	overflow: hidden;
	text-decoration: none;
	display: block;
	padding: 0 12px 0 13px;
	cursor: pointer;
	position: relative;
	height: 29px;
}
.sidebar-nav a:hover,
.sidebar-nav .active a {
	margin: 0 -14px 0 0;
}
/* content */
.content-text {
	position: relative;
}
.content-text h1 {
	margin: 0 0 10px;
}
#content .breadcrumbs {
	overflow: hidden;
	font-size: 0.786em;
	line-height: 1.182em;
	padding: 0;
	position: relative;
}
/* breadcrumbs */
.breadcrumbs a {color: #982916;}
.breadcrumbs a:hover {text-decoration: none;}
.breadcrumbs li {
	float: left;
	padding: 0 4px 0 9px;
}
.breadcrumbs li:first-child,
.breadcrumbs li.first-child {
	background: none;
	padding-left: 0;
}

/* block */
* html .block .block-t1 {
	margin: 0 0 -6px;
	width: 100%;
}
.block .block-t1,
.block .block-t2,
.block .block-t3 {background: url(../images/bg-block-t.gif) no-repeat;}
.block .block-t2 {
	padding: 0 10px;
	background-position: 100% -11px;
}
.block .block-t3 {
	background-position: 0 -22px;
	background-repeat: repeat-x;
	height: 10px;
}
.block .block-b1,
.block .block-b2,
.block .block-b3 {position:relative; background: url(../images/bg-block-b.gif) no-repeat;}
.block .block-b2 {
	padding: 0 39px;
	background-position: 100% -24px;
}
.block .block-b3 {
	background-position: 0 -48px;
	background-repeat: repeat-x;
	height: 23px;
}
.block .block-c1,
.block .block-c2,
.block .block-c3 {background: url(../images/bg-block-c.gif) repeat-y;}
.block .block-c2 {
	padding: 0 10px;
	background-position: 100% 0;
	height: 1%;
}
.block .block-c3 {background: #fff;}



/* news */
/* video */
/* carousel*/
/* navblock */
/* social networks */


/* footer */

#twocolumns-inner .content-text { padding:12px 23px 12px 23px; min-height:400px; }
#twocolumns-inner .content-text h1 {
	margin:0 0 11px;
	font-size:25px;
	line-height:33px;
	font-weight:normal;
}
.content-text h2 {

	font-size: 110%;
	font-weight:bold;
}
#twocolumns-inner .content-text p { margin:0 0 15px; }
#twocolumns-inner .content-text span { /*text-transform:uppercase;*/ }
#twocolumns-inner .content-text ul {
	margin:0 0 19px;
	margin-left:40px;
	list-style:disc;
	list-style:outside;
}

#twocolumns-inner .content-text ol{
	list-style-type:decimal;
	padding-left:40px;
}
#twocolumns-inner .content-text ol li{
	margin-bottom:12px;
}
#twocolumns-inner .content-text ol li h4{
	font-weight:bold;
}

/* inner page */
#twocolumns-inner {
	width:960px;
	overflow:hidden;
	background:url(../images/bg-inner.gif) repeat-y -2px 0;
}
/* left column */

/* left navigation */
#twocolumns-inner #nav {
	margin:0;
	padding:0;
	list-style:none;
}

/* right column */
#twocolumns-inner #content {
	float:right;
	width:714px;
	margin:0 0 10px -14px;
}

/* information box */
#twocolumns-inner .box {
	overflow:hidden;
	width:100%;
	margin:0;
	border:none;
}
#twocolumns-inner .photo {
	float:left;
	width:515px;
	height:174px;
	overflow:hidden;
	display: inline;
}
#twocolumns-inner .info {
	float:right;
	width:180px;
	background:url(../images/default-box-background.jpg);
	padding:6px 10px 3px 9px;
	line-height:15px;
	color:#352106;
	font-size:12px;
	display: inline;
	height:165px;
}
/* hCalendar */
#twocolumns-inner .summary {
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	margin:0;
}
#twocolumns-inner .vevent {
	margin:0 0 7px;
}
#twocolumns-inner .vevent .description {margin:0;}
#twocolumns-inner .vevent .social-networks {
	margin: 7px 0 0 -3px;
	padding:0;
	list-style:none;
	overflow:hidden;
	border:none;
	background:none;
}
#twocolumns-inner .social-networks li { float:left; }
#twocolumns-inner .vevent .social-networks li a {
	float:left;
	overflow:hidden;
	text-indent:-9999px;
}
#twocolumns-inner .social-networks li .facebook {
	background:url(../images/sprite.png) -250px  -199px;
	width:28px;
	height:25px;
	margin:0 8px 0 0;
}
#twocolumns-inner .social-networks li .twitter {
	background:url(../images/sprite.png) -287px -199px;
	width:27px;
	height:25px;
	margin:0 9px 0 0;
}
#twocolumns-inner .social-networks li .linkedin {
	background:url(../images/sprite.png) -322px -199px;
	width:27px;
	height:25px;
	margin:0 8px 0 0;
}
.content-wrapper{
	width:952px;
	overflow:visible;
	margin:0 auto;
}
/* breadcrumbs */
#content .breadcrumbs a { text-decoration:none;}

#content .breadcrumbs li {
	background: url(../images/sep3.png) 0 4px no-repeat;
}
/* breadcrumbs */
#content .breadcrumbs {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(247,248,248,1) 93%, rgba(247,248,248,1) 95%, rgba(255,255,255,1) 98%, rgba(216,217,218,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(93%,rgba(247,248,248,1)), color-stop(95%,rgba(247,248,248,1)), color-stop(98%,rgba(255,255,255,1)), color-stop(100%,rgba(216,217,218,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,248,248,1) 93%,rgba(247,248,248,1) 95%,rgba(255,255,255,1) 98%,rgba(216,217,218,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,248,248,1) 93%,rgba(247,248,248,1) 95%,rgba(255,255,255,1) 98%,rgba(216,217,218,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,248,248,1) 93%,rgba(247,248,248,1) 95%,rgba(255,255,255,1) 98%,rgba(216,217,218,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,248,248,1) 93%,rgba(247,248,248,1) 95%,rgba(255,255,255,1) 98%,rgba(216,217,218,1) 100%);
	overflow:hidden;
	padding: 9px 0 12px 22px;
}
#content .breadcrumbs li {
	float:left;
	padding:0 5px 0 7px;
}
#content .breadcrumbs li:first-child { background:none; padding-left:0}
#content .breadcrumbs li a { text-decoration:none; }
#content .breadcrumbs li a:hover { text-decoration:none; }
#header{
	position:relative;	
	z-index:5000;	
}
#wrapper{
	position:relative;
	z-index:7000;	
}
#main{
	position:relative;
	z-index:10;
}

.icon span:last-child {
	padding: 2px;	
	padding-left:0;
	padding-right: 20px;
	background-position: right;
	background-repeat: no-repeat;
	display:inline;	
	background-color: transparent;
	margin-left:3px;
	
}
.icon.facebook span{
	background-image: url(../images/facebookicon.png);
}
.icon.pdf span:last-child {
	background-image: url(../images/pdf-icon.png);
}
/*
#content .line-height{
	line-height:26px;
}
does not work for skyline */

table.full{
	width:100%;	
	text-align:left;
}
table.full th{
	background:#eee;
	/*padding:5px 0;*/
}
body .photo .script{
	float: left;
	width: 515px;
	height: 174px;
	overflow: hidden;
}

table th{
	background:#DDD;
	padding:5px;
	color:black;
	font-weight:bold;
	border: 1px solid #CCC;	
	border-bottom:0;	
}

table td{
	border: 1px solid #CCC;	
	padding:5px;
}
.widget{
	margin-bottom:10px;
}
.column-left{
		float:left;
		width:420px;
}
.column-right{
	float:right;
	width:230px;
}

/*
 * @author Chris Smith <smithchr@smccd.edu>
 * @description subnav styles
 * @date_created 2012-07-19
 * @date_modified 2012-07-19
 */
#twocolumns-inner ul#nav ul{
	display:none; /* Hide sub navigation by default */ 
	padding:0;
	margin:0;
	background:#f1f1f1;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	width:230px;
	margin-left:5px;
}



#twocolumns-inner ul#nav ul li{
	width:100%;
	margin:0;
}

#twocolumns-inner ul#nav ul li a, #twocolumns-inner ul#nav li.active ul li a{
	font-size:90%;
	width:208px;
	color:#444;
	background:transparent;
}

#twocolumns-inner ul#nav li.active ul li a:hover,
#twocolumns-inner ul#nav li.active ul li.active a:link,
#twocolumns-inner ul#nav li.active ul li.active a:visited{
	background:#ddd;
	-moz-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	color:#111;
}
#twocolumns-inner ul#nav li.active ul li.active a:link,
#twocolumns-inner ul#nav li.active ul li.active a:visited{
	font-weight:bold;
}
#twocolumns-inner ul#nav li.active ul li.active ul li a:link,
#twocolumns-inner ul#nav li.active ul li.active ul li a:visited{
	font-weight:normal;
	width:203px;
	background:#ccc;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	margin-left:0;
	padding-left:17px;
}
#twocolumns-inner ul#nav li.active ul li.active ul li a:hover{
	background:#aaa;
}
#twocolumns-inner ul#nav li.active ul li.active ul li.active a:link{
	font-weight:bold;
}
#twocolumns-inner ul#nav ul li.active ul{
	width:225px;
	margin-left:0;
}
#twocolumns-inner ul#nav ul li.active ul li{
	width:225px;

}

/*removed from the aside.php and put into css file*/


	nav#BloggerPosts ul{
		list-style:none;
		padding:0;
		margin:0;
		margin-top:15px;
	}
	.news-block .text-holder nav#BloggerPosts ul li{
		list-style:none;
		margin-bottom:10px;
	}
	.blogger-post h4{
		margin-bottom:0;
		font-size:100.01%;
	}
	.blogger-post small{
		font-size:80%;
		display:block;	
	}
	.blog-post-text{
		
	}

/*removed from the list.php and put into css file */
	.blogger-post{
		padding: 20px;
		padding-bottom: 10px;
		border: 0px dashed #E1E1E1;
		margin-bottom: 20px;
		background: #FAFAFA;
		line-height: 1.5;
	}
	.blogger-post h4{
		font-size: 17px;
		font-family: Georgia, serif;	
	}
	.blogger-post small{
		font-size:80%;	
	}
	.blog-post-text{
		display:block;
		margin-top:15px;	
		float:left;
		width:100%;
	}
/*====== removed from Blogger quicklist view=============*/
	nav#BloggerPosts ul{
		list-style:none;
		padding:0;
		margin:0;
		margin-top:15px;
	}
	.news-block .text-holder nav#BloggerPosts ul li{
		list-style:none;
		margin-bottom:10px;
		background:transparent;
	}
	.blogger-post h4{
		margin-bottom:0;
		font-size:100.01%;
	}
	.blogger-post small{
		font-size:80%;
		display:block;	
	}
	.blog-post-text{
		
	}
