/*
Site: SPEGC.org
Design: Lyndia Haryanto & Brandi Lalanne for Schipul
Build: Brandi Lalanne for Schipul
URI: http://spegcs.org/

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0px;
padding:0px;
} 

a { outline: none; }

p { margin-bottom: 8px; color:#4F4D4D;}

body {
	font: 12px Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #666;
	background: #f5f5f5 url(/images/home/body-bg.jpg) repeat top center;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; margin-bottom: 8px; } 

h1 { font-size: 18px; font-weight: bold; 	color: #6D1313; }
h2 { font-size: 16px; font-weight: bold; 	color: #6D1313; }
h3 { font-size: 12px; font-weight: bold; 	color: #6D1313; }

a { color: #B21D1F; }
a:hover { text-decoration: none; }
.clear {clear:both; margin:0; padding:0;}

/*STRUCTURE*/

#wrap { width: 100%; background:url(/images/home/wrap-bg.jpg) top center repeat-y; margin:0;}
#container-content {width: 900px; margin: 0 auto;}

#header {width: 900px; height: 87px; background:url(../images/home/map-bg.jpg) top center no-repeat;}
	#spegcs-logo {width: 122px; height: 87px; background:url(../images/home/logo.jpg) top left no-repeat; float:left}
	
	#search-box {padding-top:8px;}


/* Left column - Main content on home page*/
#column-left {width: 513px; margin: 0; padding:0; float:left}
	
	h2.featured-title {width: 513px; height: 34px; text-indent:-9999px; display:block; border-bottom: 1px solid #afafaf; 
	background:url(/images/home/featured-title.jpg) top left no-repeat; margin-top: 10px}
	
	#event-boxes {width: 301px; float:left; margin-bottom:10px;}
	#events-feed {width: 190px; float:right;}
	#event-box-table img, #event-box-table img a {width: 133px; height: 133px; border: 1px solid #FFF;}
	#event-box-table, #event-box-table a {color:#C25F36; font-size:12px; font-weight:bold; margin:0; padding:0; text-decoration:none}
	#event-box-table a:hover {color: #9D2419;}
	
	.featured-updates {width: 513px; margin: 20px 0; color:#4F4D4D}
		.featured-updates p {color: #4F4D4D}
		.featured-updates a{ color:#9B2116}
	
	#spotlight-engineer h2 {font-size:16px; color:#9B2116;}


/*Middle column*/
#column-middle {width: 216px; margin: 0; padding:10px 0 0 22px; float:left; color: #4F4D4D}
 #column-middle  p {color: #4F4D4D}
 #column-middle a {color: #C25F36}


/* Right Column */
#column-right {width: 149px; float:right; margin:0; padding:0; color: #4F4D4D}
#column-right a {display: block; width: 120px; height: 91px; }
#ad-images img {border:0; margin-bottom:8px;}


.footer {color: #999; text-align:center; font-size:11px; height: 50px; padding-top:20px}
.footer a, .footer p {color:#979595; text-decoration:none;}
.footer a:hover {color:#666;}

#bodycontent {width:730px; float:left; margin: 10px 0}

#bodycontent h1 {display: block; line-height: 20px; padding-left: 22px; background:url(../images/home/box-icon.jpg) top left no-repeat; color:#9B2116}



/* Tendenci */
div#skiptocontent {position: absolute; left: -9999px;}
.titles {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #993300}
.subtitles {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #993300}
.body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
.bold_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666}
.links {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #993300}
.biglinks {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #993300; text-decoration: none; font-weight: bold;}
.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #999999}
.breadcrumbs {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666}
.body_copy_alerts { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF0000}
.body_copy_invert { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #000000}
.reports {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000}
.reports_titles { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000}
.currency {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}

.color1 {
	background-color: #993300;
}
.color2 {
	background-color: #999999;
}

a { 	
	font-family: Arial, Helvetica, sans-serif;
	color: #993300;
	}

p { 
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}


/*td { 
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}*/

input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}


select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;

}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #993300;
}


.big_body_copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2c374b;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold; 
	color: #666666; 
	text-decoration: none;
	}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold; 
	color: #666666; 
	text-decoration: none;
	}

h5{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	color: #336699; 
	text-decoration: none;
	}

#login{
	margin: 2px 0 2px 5px;
	color:#993300;
	font-size: 13px;
	font-weight: bold;
}