/*******
*
*	Gavilan Community College homepage CSS
*	Last Updated:  04/19/2011
*
*******/

/*
* Skip Main Navigation link
*/
/* div.skiptoMainContent { position:absolute; left:-100000px; top:auto; width:1px; height:1px; overflow:hidden; } */
div#skipMainNav a, div#skipMainNav a:hover, div#skipMainNav a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }
div#skipMainNav a:active, div#skipMainNav a:focus { position:static; width:auto; height:auto; }



/*
*	START:  Spotlight section
*/
div#bodyCont td.rightCol { padding-top: 8px; padding-right: 10px; }
div#bodyCont td.rightCol p { margin: 0; }
div#spotlightCont h4 { overflow: hidden; background: #ffffff url("/styles/homepage/images/homepage_text.gif") 0px -35px no-repeat; border-bottom: 1px solid #cccccc; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 0; padding: 20px 0 0 0; width: 80px;
	height: 0px !important;
	height /**/:20px;
}
div#spotlightCont div.spotlightContent { font-size:0.9em; padding:0; margin: 10px 0 0 0; color: #002868; }
div#spotlightCont div.spotlightImage { text-align: center; margin: 5px; padding:0; }
div#spotlightCont h5.spotlightEvent { text-align: center; margin: 0; padding: 0; font-size: 1.2em; }
div#spotlightCont h5.spotlightEvent a, div#spotlightCont h5.spotlightEvent a:visited { display: block; color: #A32638; padding: 5px; text-decoration: none; }
div#spotlightCont h5.spotlightEvent a:hover { background-color: #ffffcc; border: 1px solid #999999; padding: 4px; }
/*
*	END:  Spotlight section
*/


/*
*	START:  Hot buttons divs on the left side
*/
div.homepage_button_div, div.homepage_button_div div, div.homepage_button_div h5, div.homepage_button_div a, div.homepage_button_div p { margin: 0; padding: 0; }
div.homepage_button_div { width: 200px; }
div.homepage_button_div div.homepage_button { width: 180px; max-height: 100%; min-height: 2.0em; overflow:visible; padding: 5px; margin-top: 0; margin-left: auto; margin-bottom: 10px; margin-right: auto; background-color:#FFFFCC; border-top: 1px solid #CCCCCC; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #CCCCCC; }
div.homepage_button_div div.homepage_button:hover { background-color: #CCFFFF; cursor: pointer; }
div.homepage_button_div div.homepage_button img { display: block; float: left; clear: both; border: none; margin-right: 5px; }
div.homepage_button_div div.homepage_button h5 { font-size: 0.85em; line-height: 1.0em; }
div.homepage_button_div div.homepage_button h5 a { color: #0000ff; text-decoration: none; }
div.homepage_button_div div.homepage_button p { font-size: 0.8em; color: #000000; margin-top: 3px; }
/*
*	END:  Hot buttons divs on the left side
*/


/*
*	START:  Headliner/Events section
*/
td#headliner { padding: 5px 0 10px 8px; }
td#headliner div { background-color: #ffffff; font-weight: normal;text-align: left; padding: 0; margin: 0; width: auto; border: none; }
td#headliner div.headEventDiv { height: 123px; overflow:auto; }
td#headliner div#headliner_div { float: left; width: 340px; background-color: #DFDFDF; padding:5px; margin-bottom: 10px; }
div#headliner_div h4 { overflow: hidden; background-color: #ffffff; background-image: url("/styles/homepage/images/homepage_text.gif"); border-bottom: 1px solid #cccccc; background-repeat: no-repeat; margin: 0; padding: 20px 0 0 0;
	height: 0px !important;
	height /**/:20px;
}
div#headliner_div ul { font-size:0.8em; margin:0; padding:0; }
div#headliner_div li { list-style: none; border-bottom: 1px solid #dedede; padding-left:5px; padding-right:5px; }
div#headliner_div li a { color:#000000; text-decoration:none; }
div#headliner_div li a:hover { color: #A32638; }
div#headliner_div li span { display: block; padding-top: 5px; padding-bottom: 5px; background-image: url("/styles/homepage/images/press_red_arrows.gif"); background-repeat: no-repeat; background-position: left center; padding-left: 15px; }
td#headliner div#event_div { width:170px; background-color:#DFDFDF; padding:5px; margin-left:355px; margin-bottom: 10px; }
div#event_div h4 { overflow: hidden;background: #ffffff url("/styles/homepage/images/homepage_text.gif") 0px -72px no-repeat;border-bottom: 1px solid #cccccc;margin: 0;padding: 20px 0 0 0;
	height: 0px !important;
	height /**/:20px;
}
div#event_div div.calEvent {color: #A32638;background-color: #ffffff;margin: 0;padding: 2px 5px;border-bottom: 1px solid #C9C9C9; }
div#event_div div.calEvent p {margin: 0;padding: 0;font-size: 12px;}
div#event_div div.calEvent p.calHeader {color: #002868;background-color: #ffffff;font-weight: bold;}
div#event_div div.calEvent p a {color: #A32638;}
/*
*	START:  Headliner/Events section
*/

/*
*	START:  Social networks links
*/
div.homepage_social_div {margin: 0;padding: 0;height: 25px;}
div.homepage_social_div ul.homepage_social_ul {font-size: 0.8em;border: 1px solid #999999;margin: 0 4px 0 0;padding: 0;float: right;}
div.homepage_social_div>ul.homepage_social_ul {margin: 0 8px 0 0;}
div.homepage_social_div ul.homepage_social_ul li {float: left;list-style: none;height: 19px;margin: 0;padding: 0;background-color: #dddddd;}
div.homepage_social_div ul.homepage_social_ul a {display: block;text-decoration: none;padding: 2px;height: 15px;width: 20px;}
div.homepage_social_div ul.homepage_social_ul li>a {width: auto;}
div.homepage_social_div ul.homepage_social_ul a:hover {background-color: #FFFFCC;}

/*
*	END:  Social networks links
*/