@charset "utf-8";
/*
	Western Webs 2009
	Author: Miguel Martinez
	Date: 10/03/2009
	Customer: GRCC
*/
.clear{ clear:both}
.left{ float:left}
.right{ float:right}
.center{ margin:0px auto;}
.text_center{ text-align:center}
.no_margin{ margin: 10px 0px !important;}
hr{
	margin:10px 10px;
	border-style: dashed;
	border-color:#BBBBBB !important;
}

body {
	background: url(../images/bg.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#languages{
	margin: 10px auto;
	width:885px;
	height:20px;
}
#languages ul li{
	margin:5px 0px 0px 0px;
	float:right;
	color:#FFFFFF;
	font-weight:bold;
}
#languages ul li a{
	text-decoration:none;
	color:#FFFFFF;
}
#languages ul li a:hover{
	color: #99CCFF;
}
#languages ul li img{
	margin:0px 5px 0px 10px;
}
#container {
	width: 885px;
	margin: 0px auto;
	min-height:500px;
	background:#FFFFFF;
	border:1px solid #D5D5D5;
}
#header{
	float:left;
	width:850px;
	height:130px;
	margin:15px 15px 10px 15px;
	background:#FFFFFF;
}
#main_content{
	width:870px;
	float:left;
}

#menu{
	display: inline;
	float: left;
	width:855px;
	height:45px;
	background:url(../images/menu/bg.jpg) repeat-x; height:45px;;
	margin: 0px 0px 10px 15px;
}
#menu a{
	float: left;
	height:45px;
	font-weight:bold;
	text-decoration:none;
	background-position:0px 0px;
}
#menu a:hover{
	background-position:0px 45px;
}

div#menu a span{ display:none}
#home{background-image:url(../images/menu/btn_1.gif); height:45px; width:76px; text-indent:-9999px;}
#about{background-image:url(../images/menu/btn_2.gif); height:45px; width:89px; text-indent:-9999px;}
#services{background-image:url(../images/menu/btn_3.gif); height:45px; width:83px; text-indent:-9999px;}
#training_education{background-image:url(../images/menu/btn_4.gif); height:45px; width:166px; text-indent:-9999px;}
#volunteering{background-image:url(../images/menu/btn_5.gif); height:45px; width:110px; text-indent:-9999px;}
#contact{background-image:url(../images/menu/btn_6.gif); height:45px; width:101px; text-indent:-9999px;}
#fundraising{background-image:url(../images/menu/btn_7.gif); height:45px; width:107px; text-indent:-9999px;}
#donate_now{background-image:url(../images/menu/btn_8.gif); height:45px; width:123px; text-indent:-9999px;}


/* SUBMENU*/
#submenu{
	display: inline;
	float:left;
	width:160px;
	background: #E9EBEA;
	margin:0px 0px 10px 15px;
	min-height:500px;
}
#submenu a{
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	font-size:110%;
}
#submenu a:hover{
	color:#043C6F;
}
.category{
	cursor:pointer;
}
.information li{
	background: url(../images/bg_sm.gif) bottom center no-repeat;
	width: 160px;
	text-align:center;
	padding: 15px 0px 15px 0px;
}
.subcategory{
	width: 158px;
	text-align:left;
	padding: 15px 0px 15px 0px;
	background:#FFFFFF url(../images/bg_sm.gif) bottom center no-repeat;
	border:1px solid #E9EBEA;
}
.subcategory li{ font-size:80%; background:none;margin: 10px 10px; border-bottom:1px solid  #ACC7CC ; padding:5px 0px}
.subcategory a{ color:#043C6F !important;}
.subcategory a:hover{ color:#043C6F !important; text-decoration:underline !important; color:#006699 !important;}

#menu_fundraising a, #events a{
	font-size:100%;
	color:#006699;
	text-decoration:none;
	line-height:140%;
	cursor:pointer;
	font-weight:bold;
}
#menu_fundraising a:hover, #events a:hover,.sponsor_ac:hover{
	text-decoration:underline;
	color:#000033;
}
.sponsor_ac{ cursor:pointer; color:#006699; font-weight:bold}

/* CONTENT */
#content{
	display: inline;
	float:left;
	background:#F3F4F6;
	border:1px solid #D5D5D5;
	width:683px;
	min-height:500px;
	margin: 0px 0px 10px 10px;
}
#content p,#form_volunteer,#menu_fundraising,.marginado{
margin:25px 40px;
font-size:110%;
color:#555555;
line-height:120%;
}
/*.box{
margin:25px 40px;
color:#555555;
line-height:120%;
max-width:600px;
}*/

.text_section{
font-size:100%;
color:#555555;
line-height:120%;
}
.text_section h1{
	margin:25px 40px;
	font-size:125%;
	padding-bottom:5px;
	border-bottom: 2px solid #003366;
	color:#003366;
}
.text_section h2{
	margin:25px 40px 0 40px;
	font-size:125%;
	padding-bottom:5px;
	color: #003366;
}
.title{
	padding-bottom:5px;
	border-bottom: 2px solid #003366;
	color:#003366 !important;
}
.response,.box{
	background:#FFFFFF;
	padding:20px;
	border:1px solid #D5D5D5;
}
.red{
	color: #CC6666 !important;
/*	font-weight: bold;*/
	border-color:#CC6666 !important;
	/*margin-left:60px !important;*/
}
.green{
border:4px solid #99CC99;
}
.blue{
border:4px solid #66CCFF;
}
.said{
	font-style:italic;
	color: #006699 !important;
	border-bottom:none !important;
}
.back a{
	background:#006699;
	color:#FFFFFF !important;
	text-decoration:none;
	font-size:10px !important;
	padding:5px 10px;
	float:right;
	font-weight:bold;
	margin: 0px 0px 20px 0px;
	cursor:pointer;
}
.back a:hover{
	color:#99CCFF !important;
}

.date{ font-size:80% !important; font-weight:bold; color:#000000 !important;}
.image_right{ margin:20px 50px 0 10px;
width:160px;}
.image_right img{ margin:20px 20px 20px 0px}
.image_event_left{ margin:20px 20px 0px 0px;max-width:150px}
.image_event_left img{ margin:0px 0px 20px 0px}

.image_charity_left{margin:20px 0px 0px 0px;}
.image_charity_left img{ margin:0px 0px 30px 30px;}

.charity_text a,.textimage a{
	background:#006699;
	color:#FFFFFF !important;
	text-decoration:none;
	font-size:10px !important;
	padding:5px 10px;}
.charity_text a:hover,.textimage a:hover{
	color:#99CCFF !important;
}

.pdf a{ background:none; padding:0px; color: #990000 !important;}
.pdf a:hover{color: #CC0000 !important;}
.textito{
	font-size:90% !important;
	line-height:120% !important;
	padding:0px !important;
}
.textimage{ width:340px}
.charity_text{ width:350px}



#content_index{ float:left; display: inline;
width:355px;
}
/* SIDEBAR */
.sidebar_news a{
	color: #006699 !important;
}
.sidebar_news a:hover{
	color: #003399 !important;
}
.sidebar_news a:visited{
	color: #006666 !important;
}
.sidebar{
	float:left;
	background:#DDEAF8;
	width:303px;
	min-height:150px;
	margin: 15px 0px 10px 10px;
	border:1px solid #A1B0BE;
}
.donate{
	width:271px;
	height:130px;
	background:#FFFFFF;
	margin:15px;
	border:1px solid #A1B0BE;
}
.logos{
	width:271px;
	background:#FFFFFF;
	margin:15px;
	border:1px solid #A1B0BE;
}
.banner_donate{ float:left;background-image:url(../images/banner_donate.jpg); height:130px; width:271px; text-indent:-9999px;}
.sidebar_news{
	float:left;
	background:#DDEAF8;
	width:303px;
	min-height:230px;
	margin: 0px 0px 10px 10px;
	border:1px solid #A1B0BE;
}
.sidebar_events{
	float:left;
	background:#DDEAF8;
	width:303px;
	margin: 0px 0px 10px 10px;
	border:1px solid #A1B0BE;
}
.sidebar_events h2 a{ color:#000033; text-decoration:none}
#img_ban_index{ float:right; display:inline; margin:10px;}
#img_ban_index img{ width:100px;}
.content_events{
	margin: 5px 15px;
	background:#FFFFFF;
	width: 271px;
	border:1px solid #A1B0BE;
}
#txt_img_ban_ind{ margin-left:10px}
#txt_ban_ind{ margin-left:10px}


.title_bar{ margin:5px 15px; text-align:right; font-size:140%; color:#99AACC}
#marqueecontainer,#marqueecontainer2{ /*latest jobs scroller*/
	background:#FFFFFF;
	border:1px solid #A1B0BE;
	position: relative;
	margin: 5px 15px;
	color:#999999;
	width: 271px;
	height: 180px; /*marquee height */
	overflow: hidden;
}

#marqueecontainer ul li,#marqueecontainer2 ul li{ margin:15px;}
#marqueecontainer h3,#marqueecontainer2 h3{ color:#006699; font-weight:bold; margin-bottom:5px}


/*FOOTER*/

#footer {
	position:relative;
	width: 885px;
	margin: 10px auto;
	min-height:100px;
	background:#FFFFFF;
	border:1px solid #D5D5D5;
}
#foot{
	position:absolute;
	margin:15px;
	width:855px;
	background: #0F3861;
	min-height:70px;
	text-align:center;
}
#menu_foot{
	margin:15px 0px;
}
#menu_foot a{
 margin: 0px 10px 0px 0px;
 font-weight:bold;
 text-decoration:none;
 color:#FFFFFF;
 }
 #menu_foot a:hover{
 	color: #99CCFF;
 }
 #copyright{ color:#FFFFFF;}
 #copyright a{
 font-weight:bold;
 text-decoration:none;
 color:#FFFFFF;
 }
 #copyright a:hover{
 	color: #99CCFF;
 }