/* BODY ***************************************************************/
body,td,th {
	
    text-align: left;
	margin: 0;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #2d2d2d;
	background-color: #efead6;
	font-size: 12px;
	min-width:959px;
}

html {
    overflow-y:scroll;
}

a, a:link{
	text-decoration:none;
	color: #967108;
}

a:hover {
	text-decoration:none;
}

caption, tr.h {
	display:none;
}

/* HEADER ***************************************************************/
#headerleft {
	background-image:url(http://www.chabotcollege.edu/images3/header_left.jpg); 
	background-position:right;
}

#headerright {
	background-image:url(http://www.chabotcollege.edu/images3/header_right.jpg); background-position:left;
}

#headerlinks {
	width:959px; 
	height:148px; 
	background-image:url(http://www.chabotcollege.edu/version3/images/header.jpg); 
	color:#ccc5aa; vertical-align:top; 
	text-align:right; 
	padding-right:20px;
}

#headerlinks img {
	border: 0;
}

#headerlinks a, #headerlinks a:link, #headerlinks a:visited,{
	text-decoration:none;
	color: #ccc5aa;
}

#headerlinks a:hover {
	text-decoration:none;
}

#header {
  position: relative;
}



/* MAIN NAV ***************************************************************/
.menudivider {
	margin: 0 5px;
}

.menubg {
	background-image:url(http://www.chabotcollege.edu/images3/menu_bg.jpg); background-repeat:repeat-x; height:53px; vertical-align:middle;
}

.menubg img {
	border: 0;
}

.menubg label {
    display: none;
}


/* LOCAL NAV ***************************************************************/
#localnavcontainer {
	width:222px; 
	height: 500px; 
	vertical-align:top; background-image:url(http://www.chabotcollege.edu/images3/vertmenu_bg.jpg);
}

#localnav {
	padding: 10px 10px 10px 20px;
}

#localnav ul {
	list-style-image:url(http://www.chabotcollege.edu/images3/bullet_arrow.png); margin-left: 20px; padding-left:0;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; 
}

#localnav li {
	margin-bottom: 4px;
}

/* TABLES ***************************************************************/
.tablewithsingleborder {
	border: 1px solid #cccccc;<br>	padding: 2px;
}

.tablewithborder, .tablewithborder td, .tablewithborder th {
	border: 1px solid #cccccc;
	border-collapse:collapse;
}

/* FORM ***************************************************************/
form {
	margin: 0;
	padding:0;
}

/* BULLETS ***************************************************************/
ul {
	list-style-image:url(http://www.chabotcollege.edu/images3/bullet_arrow.png); margin-left: 25px; padding-left:0;
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
}

li {
	margin-bottom: 4px;
}

/* CONTENT AREA ***************************************************************/
#contentarea {
	width:959px;  background-color:#FFF; color: #2d2d2d; vertical-align:top;
}



#localcontentarea {
	padding: 5px 20px 10px 20px; color: #2d2d2d; vertical-align:top;
}

#localcontentarea a, #localcontentarea a:link, #localcontentarea a:visited, #localcontentarea a:hover {
	color: #264cef;
}

#localcontentarea a:hover {
	text-decoration:none;
	color:#e9af10;
}

#localcontentarea ul {
	list-style-image:url(http://www.chabotcollege.edu/images3/bullet_arrow.png); margin-left: 20px; padding-left:0;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; 
}

#localcontentarea li {
	margin-bottom: 4px;
}
/* FOOTER ***************************************************************/
#copyright {
	width:625px; 
	background-image:url(http://www.chabotcollege.edu/images3/footer_bg.jpg); 
	background-repeat:repeat-x; 
	color:#ccc5aa; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	vertical-align:top; 
	padding-top: 12px;
}

#footerright {
	width:300px; background-image:url(http://www.chabotcollege.edu/images3/footer_bg.jpg); background-repeat:repeat-x; color:#ccc5aa; font-family:Arial, Helvetica, sans-serif; font-size:11px; vertical-align:top; padding-top: 12px; text-align:right;
}

.footericons{
	height:77px; 
	background-color: #e5ad02; 
	color: #000000;
	font-size:10px;
	text-align:center;
	margin: 0 auto;
	padding: 15px 0;
}

.footericons div{
	display:inline-table;
	padding: 0 5px;
	width: 90px;
	text-align:center;
}

.footericons div.slim{
	width: 40px;
}

.footericons div img{
	display:block;
	margin: 0 auto;
	vertical-align:middle;
}

.footericons a, .footericons a:link, .footericons a:visited, .footericons a:hover {
	color: #000000;
}

#footericons {
	height:54px; padding:0 5px; background-color: #e5ad02; font-size:10px;
}

#footericons a, #footericons a:link, #footericons a:visited, #footericons a:hover {
	color: #000000;
}

#footericons td {
	background-color: #e5ad02;
}

#footericons img {
	border:0;
}

#footerlinks {
	
	background:#000; 
	color:#ccc5aa; 
	font-size:11px; 
	padding: 20px;
}



#footerlinks a, #footerlinks a:link, #footerlinks a:visited, #footerlinks a:hover {
	text-decoration:none;
	color: #daad2e;
}

#footerlinks .divider {
	margin: 0 5px;	
}

#footerleftcorner {
	height:61px; background-image:url(http://www.chabotcollege.edu/images3/footer_left.jpg); width:36px;
}

#footerrightcorner {
	height:61px; background-image:url(http://www.chabotcollege.edu/images3/footer_right.jpg); width:36px;
}


/* OTHER ***************************************************************/
.clear {
	clear:both;
   // usage: <br class="clear"><br>
}

.gradient {
	vertical-align:top; background-image:url(http://www.chabotcollege.edu/images3/yellowgradient.jpg); background-repeat:repeat-x;
}

#shadowright {
	width:25px; background-image:url(http://www.chabotcollege.edu/images3/shadow_right.jpg); background-repeat:repeat-y; vertical-align:top; 
}

#shadowleft {
	width:25px; background-image:url(http://www.chabotcollege.edu/images3/shadow_left.jpg); background-repeat:repeat-y; vertical-align:top;
}

#announcement {
	padding:10px 10px 10px 10px; line-height:15px;
}

#announcement a, #announcement a:link, #announcement a:visited, #announcement a:hover {
	text-decoration:none;
	color: #e9af10;
}

#announcement a:hover {
	text-decoration:underline;
	color:#e9af10;
}

.announcementheading {
	background-color:#f4b711; height:30px;
}


#pods a{
	color:#000;
	text-decoration:none;	
}

#podlinks {
	padding: 9px 10px 5px 20px; font-weight:bold;
	font-size: 14px;
}

.blackline {
	height:6px; background-color:#000;
}
.goldline {
	height:9px; background-color:#e9af10;
}
.columns {
	width: 45%;
	float: left;
	margin-bottom: 20px;
}

.inactive {
  color: #666666;
}
/* EVENTS ***************************************************************/
.month {
	background-color:#e9af10; text-align:center; width:40px;
}

.event {
	vertical-align:top; padding: 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:11px;
}

.event p {
	padding:0; margin: 5px 0 0 0; color:#999;
}

.date {
	text-align:center;
}

/* HEADINGS ***************************************************************/
h1 {
	font-size:22px;
	font-weight:bold;
	background-color: #f4b711;
	padding: 5px 10px 5px 10px;
	margin-top:0;
}

h2 {
	font-size:18px;
	margin: 0;
	margin-bottom:10px;
	padding:5px;
	font-weight:normal;
	background-color:#efefef;
	border: 1px solid #ccc;
}

.heading {
	margin-left: 6px; 
	width: 156px; 
	padding-bottom: 5px; 
	border-bottom: 1px solid #A3A0A0; 
	font-family:Georgia, 'Times New Roman', Times, serif; font-size:11px; margin-bottom: 5px;
}

.heading2 {
	width: 100%; 
	padding-bottom: 5px; 
	border-bottom: 5px solid #4e4e4e; 
	font-family:Georgia, 'Times New Roman', Times, serif; 
	font-size:11px; 
	margin-bottom: 5px;
}

.heading2 a, .heading2 a:link, .heading2 a:visited, .heading2 a:hover {
	text-decoration:none;
	color: #e9af10;
}

.heading2 a:hover {
	text-decoration:underline;
	color:#e9af10;
}

/* JQUERY TOOLTIP ********************************************************************/
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	/*background:transparent url(/tools/img/tooltip/black_arrow.png);*/
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}


/* event feed list*/
.postcard-left, .postcard-right {
  clear: both;
  display: table;
  margin-bottom: 18px;
  position: relative;
}

#event-list .event-date {
  vertical-align: top;
  width: 60px;
  padding-right: 15px;
  text-align:center;
}

.event-month {
  font-size: 18px;
}

#event-list #event-list-content{
	padding: 0 0 0 15px;	
}

#event-list .event-date .event-day {
  display: block;
  text-align: center;
  font-size: 2.4em;
  color: #967108;
  line-height: .8;
}

#event-list .event-text {
	font-size: 16px;
	padding: 3px 0 0 0;
}

#event-list .timestamp {
	font-size:14px;
	color:#696969;
}

#event-list .cal_title {
  font-size: 26px;
  font-weight: normal;
  font-style: italic;
  padding: 15px 0 22px 14px;
}

.postcard-left>div, .postcard-right>div {
  display: table-cell;
  position: relative;
}

/* -event feed list*/



/* media-coverage-list */

#media-coverage-list {
	padding-right: 20px;
	
}

#media-coverage-list .cal_title {
  font-size: 26px;
  font-weight: normal;
  font-style: italic;
  padding: 15px 0 22px 14px;
}



#media-coverage-list .media-coverage-list-content {
	padding: 0 0 0 15px;	
}


/* -media-coverage-list */



/* new base */
.new {
	font-size: 16px;
}

#contentarea .new .content-more a,
#contentarea .new .content-more a:link,
#contentarea .new .content-more a:visited,
#contentarea .new .content-more a:hover{
	color: #000000;
  	background-color: #daad2e;
	font-size:14px;
	padding: 10px;
	font-weight:bold;
	border-radius: 8px;
}

#contentarea .new .content-more-ghost a,
#contentarea .new .content-more-ghost a:link,
#contentarea .new .content-more-ghost a:visited,
#contentarea .new .content-more-ghost a:hover{
	color: #000000;
	font-size:14px;
	padding: 10px;
	font-weight:bold;
	border: 1px solid #BD8D0A;
	border-radius: 8px;
}






/* -new base */


/* hp slider carousel */
.hp_slider_video_cover_pic {
	float: left;
	padding-left: 50px;
}