html, body {
	background: url(../images/bg_top.png) #FFF repeat-x;
	FONT: small/1.5 "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
	color: #333333;
	margin:0;
	padding:0;
}
#wrapper {
	width:570px;
	margin-left:5px;
}
#toppage {
	margin: 0;
	padding:0px;
}

/*****************
*  Header  *
*****************/
#header {

	padding-top:19px;
}

#header  .box {
	height: 260px;
	width: 180px;
	margin:0px 0px;
	background: url(../images/bkgrd_box.png) no-repeat;
}
#header  IMG {
	margin-left:5px;
	margin-bottom:5px;
}

#header .title {
	width: 170px;
	margin-left:5px;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	display:block;
}

#header  .text {
	margin-top:5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin-left: 10px;
	width: 160px;
}
#header .text a {
	color: #7e7e7e;
}

#header .text a:hover {
	color: #F60;
}


/********** A-Z Site Index **********/
#index {
	clear:both;
	BACKGROUND-COLOR: #6182a3;
	WIDTH: 570px;
	FLOAT: left;
	HEIGHT: 30px;
	COLOR: #ffffff;
	FONT-SIZE: .76em;
}
#index .title {
	font-weight: nomal;
	PADDING-LEFT: 5px;
	WIDTH: 120px;
	FLOAT: left;
	HEIGHT: 30px;
	PADDING-TOP: 6px
}
#index A {
	BORDER-BOTTOM-STYLE: none;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 4px;
	WIDTH: 9px;
	PADDING-RIGHT: 4px;
	FLOAT: left;
	HEIGHT: 25px;
	COLOR: #fff;
	TEXT-DECORATION: none;
	PADDING-TOP: 6px
}
#index A:hover {
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: #fff;
	PADDING-LEFT: 4px;
	WIDTH: 9px;
	PADDING-RIGHT: 4px;
	DISPLAY: block;
	HEIGHT: 25px;
	COLOR: #414141;
	PADDING-TOP: 6px
}

/* Search Courses */
#searchcoursebox {
	clear:both;
	border-top:1px #FFF solid;
	WIDTH: 564px;
	background-color:#476380;
	color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1em;
	padding:3px;
	height:30px;
	padding-top:5px;

}

/* Need Help */
#midpage {
	clear:both;
	margin-top:15px;
}

#midpage .leftcolumn {
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .9em;
	
}
#midpage .rightcolumn {
	float:right;
	width: 250px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin-right: 10px;
	

}


/* Need Help */
#needhelpboxtitle {
	border:1px #8895a3 solid;
	WIDTH: 270px;
	background-color:#8895a3;
	padding-top:5px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
	font-size: 1.6em;
	color:#FFF;
	padding: 0px 10px;
	font-weight: bold;
}
#needhelpbox {
	border:1px #8895a3 solid;
	WIDTH: 270px;
	background-color:#b8c7d6;
	padding:10px;
}

#needhelpbox a, a:visited {
	color: #476380;
	font-size: 1.2em;
	padding:0px;
	margin: 0px;
	width: 270px;
}

#needhelpbox a:hover {
	width: 270px;
	color: #F60;
	font-size: 1.2em;
		padding:0px;
	margin: 0px;
}

/* Announcements */
#announcementsbox {
	WIDTH: 250px;
	padding-top:5px;
}

#announcementsbox .title{
	font-family:"Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
	font-size: 1.4em;
	padding:0px;
	margin:0px;
	font-weight:bold;
}

#announcementsbox .section{
	clear:both;
	background-color:#f9f9f9;
	padding:5px;
	width: 240px;
	border: 1px #EAEAEA solid;
	margin-top: 10px;
}

#announcementsbox .heading{
	font-family:"Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
	
}

#announcementsbox .text{
	font-family:"Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
	font-size: 1em;
}


#aboutbox {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	padding:10px;
	clear:both;
	margin-left:20px;
	margin-right:20px;
	margin-top:15px;
	width: 905px;
	background: #afbac0;
	border: 2px #415266 solid;
}
#aboutbox .highlight {
	color: #FFF;
}
#services {
	clear: both;
	margin-top:10px;
}


#whitewrapper_short {
	background: url(../images/bkgrd_logos.png) repeat-x top;
	height:20px;
}
.box {
	padding-top:20px;
	padding-left:7px;
	float:left;
}






/*****************
*  Footer  *
*****************/

#footerwrapper {
	clear:both;
	background: #f1efe3 url(../images/bg_footer.png) repeat-x;
}
#footer {
	clear:both;
	margin:0 auto;
	width:950px;
	height: 150px;
}
#footer-right {
	float:right;
	padding-top:20px;
}
#footer-left {
	float:left;
	text-align:left;
	margin-top:15px;
}
.smccdlink {
	margin:2px 10px 2px 0px;
}


/* College RSS Calendar Feeds */
#collegecalendars {
	padding-top:20px;
	width:955px;
	clear:both;
	background-color:#adb7c0;
	height:400px;
	padding-left:15px;
}
#collegecalendars h3 {
	font-size:1em;
	padding:0px;
	margin:0px;
	text-transform:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#collegecalendars h3 a {
	color:#6182a3;
}
#collegecalendars h3 a:hover {
	color:#063f68;
}
#canfeed {
	border: 1px #EAEAEA solid;
	width:290px;
	float:left;
	padding:5px;
	margin-right: 10px;
	background-color:#d8dce0;
	border:#777e81 3px solid;
}
#csmfeed {
	border: 1px #EAEAEA solid;
	width:290px;
	float:left;
	padding:5px;
	margin-right: 10px;
	background-color:#d8dce0;
	border:#777e81 3px solid;
}
#skyfeed {
	border: 1px #EAEAEA solid;
	width:290px;
	float:left;
	padding:5px;
	background-color:#d8dce0;
	border:#777e81 3px solid;
}
.event_time {
	padding:0px;
	margin:0px;
	font-size:.76em;
}
.bold {
	font-weight: bold;
	color: #900;
	font-size: 1.2em;
}
.redannouncement {
	color: #900;
}