/*************************************************************************
 AUTHOR :	Jeff Reinhardt
**************************************************************************/

/*************************************************************************
// IMPORT Normalization and Global Styles
**************************************************************************/
@import "global.css";

/*************************************************************************
// HTML Customizations
**************************************************************************/
html {
	background:transparent;
}

body {
	font-family:arial,helvetica,clean,sans-serif, verdana;
	background: url(../_images/) center 0 no-repeat #F0E8C7;
	margin:0;
	padding:0;
	text-align:center;
}

p {
	margin:13px 0;
	line-height:1.3em;
}
h1, h2, h3, h4, h5, h6{
	margin:.3em 0 1em 0;
	color:#251B73;
}
.c2 h1 {
	font-size:160%;
}

.c2 h2 {
	font-size:140%;
}

.c2 h3 {
	font-size:123%;
}
.c2 h4 {
	font-size:108%;
}
.c2 h5 {
	font-size:95%;
}
.c2 h5 {
	font-size:80%;
}
th, tr {
	vertical-align: top;
}
img{
	border-width:0;
}
hr{
	width:100%;
	height:1px;
	color:#;
	border-bottom:1px dotted #;
}
a, a:visited{
	color:#;
}
a:hover{
	color:#;
}

.gSecDetails li{
	width:auto;
	list-style: disc;
	display:block;
	padding:0 0 0 5px;
	margin-left: 35px;
}

/*************************************************************************
  Grid Definitions
**************************************************************************/
#centering{
	position:relative;
	width:975px;
	height:auto;
	margin:0 auto;
}
#wrapper {	
	position:relative;
	width:973px;
	height:auto;
	float:left;
	border:1px solid black;
	border-width:0 1px;
	text-align:left;
	background:url(../images/bg_interior.gif) no-repeat 400px 300px #fff;
}
#header {
	position:relative;
	width:973px;
	height:117px;
	height:150px;
	background:url(../images/bg_header.gif) bottom no-repeat;
}
#mainContent{
	position:relative;
	float:left;
	width:973px;
	height:auto;
	background:url(../images/bg_mainContent.gif) repeat-y;
	padding:0;
	margin:0;
}

#footer {
	position:relative;
	width: 973px;
	height:100px;
	clear:both;
	margin:0 auto;
	text-align:center;
	border-bottom:1px solid black;
	background:url(../images/bg_footer.gif) no-repeat #F8F4E3;
	font-size:12px;
}


/*************************************************************************
// inner structures: header
**************************************************************************/
#header .logo {
	position:absolute;
	left:10px;
	top:10px;
}
#header ul{
	position:absolute;
	top:114px;
	left:0;
	height:25px;
	width:973px;
	background-color:#251B73;
	text-align:right;
}
#header li{
	width:auto;
	height:25px;
	list-style:none;
	display:block;
	float:left;
	padding:6px 10px 0 10px;
	font-size:9pt;
	font-weight:bold;
	color:#;
	xtext-align:center;
}
#header li.home{
	padding-left:20px;
}
#header a, #header a:visited {
	color:#fff;
	text-decoration:none;
}
#header a:hover {
	color:#fc0;
}
#header .contact a, #header .contact a:visited {
	color:#251B73;
	text-decoration:none;
}
#header .contact a:hover {
	color:#fc0;
}
#header .tag{
	position:absolute;
	right:0;
	top:50px;
}
#header .contact{
	position:absolute;
	right:20px;
	top:10px;
	
}


/*************************************************************************
// inner structures: mainconternt
**************************************************************************/

/* ROW LAYOUTS- THESE SHOULD CONTAIN THE NUMBER OF COLUMNS IN THE ROW. THEY ARE DESIGNED TO CONTROL THE FLOAT SO THAT CONTENT DOES NOT START FOR THE NEXT BLOCK CONTAINER UNTIL ALL FLOATED COLUMNS HAVE TERMINATED */

/* 1 COLUMN ROW- SINGLE WIDE AREA  */
.rowCol1{
	position:relative;
	width:973px;
	height:auto;
	float:left;
}
/* 2 COLUMN ROW- TYPICAL USE  */
.rowCol2{
	position:relative;
	width:973px;
	height:auto;
	float:left;
}
/* 3 COLUMN LAYOUT (TYPICAL). ADD THIS CLASS TO THE MAINCONTENT DIV */
.rowCol3{
	position:relative;
	width:973px;
	height:auto;
	float:left;
}

/* COLUMNS- ALL COLUMNS SHOULD BE WRAPPED BY A ROW CONTAINER THAT CONTAINS THE COLUMN COUNT IN THE NAME */
	/* COLUMNS IN 1 COLUMN ROW */
.rowCol1 .c1{
	position:relative;
	width:973px;
	height:auto;
	float:left;
}

/* ELEMENTS IN COLUMN 1 */
.c1 h1{
	font:italic normal 18px Georgia, "Times New Roman", Times, serif;
	text-align:center;
	width:100%;
	padding:10px 0 10px 0;
	font-size:123%
}
.c1 h2{
	font:italic normal 15px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-align:center;
	width:173px;
	padding:20px 0 10px 0;
	font-size:108%
}
.c1 #sideBarPhoto{
	width:100%;
	text-align:center;
	background-color:#CEA519;
}
.c1 #sideBarPhoto img{
	display:block;
}
.c1 .promos{
	text-align:center;
}
.c1 .promoItem{
	padding:7px 0 0 0;
}
.c1 .sidebar,.c1 .calendar, .c1 .didYouKnow{
	padding:0 10px;
}
.c1 .sidebar .gSecImage, .c1 .sidebar p{
	display:block;
	margin-left:10px;
}
.c1 .sidebar strong, .c1 .sidebar b{
	display:block;
	width:173px;
	height:auto;
	font:italic normal 15px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-align:center;
	padding:20px 0 10px 0;
	font-size:108%
}
.c1 .sidebar em{
	text-align:right;
	border-top:1px solid #FFFF99;
	display:block;
	width:173px;
	height:auto;
	font-style:italic;
}
.c1 .sidebar br{
	xdisplay:none;
}
.c1 ul{
	
}
.c1 li{
	margin:3px 0 3px 20px;
	list-style:disc;
}
.c1 ul.subNav{
	margin:20px;
}
.c1 ul.subNav li{
	list-style:none;
	margin:8px 0;
	padding:1px 0 8px 0;
	border-bottom:1px solid #FFFF99;
}
.c1 ul.subNav a{
	color: #251B73;
	text-decoration:none;
}
.c1 ul.subNav a:hover{
	color:#FFFFCC;
}
.sidebar .contact{
	margin:0 0 0 10px;
}

/* COLUMNS IN 2 COLUMN ROW */
	/* COLUMN 1- SAME SIZE IN 2 AND 3 COLUMN ROWS */
.c1{
	float:left;
	width:173px;
	width:223px;
	height:auto;
	padding:0;
	margin:0;
	background-color:#FBCA01;
	overflow:hidden;
}
.c1a{
	float:left;
	width:173px;
	width:223px;
	height:auto;
	padding:0;
	margin:0;
	background-color:#FBCA01;
	overflow:hidden;
}
.rowCol2 .c2{
	float:left;
	width:760px;
	width:710px;
	height:auto;
	padding:10px 10px 10px 20px;
}

/* COLUMNS IN 3 COLUMN ROW */
.rowCol3 .c2{
	
}
.rowCol3 .c3{
	float:right;
	width:330px;
	height:auto;
	padding:10px;
}


.viewAll{
	position:relative;
	float:left;
	margin:0;
	color:#CC9900;
	padding:0 0 0 15px;
	background:url(../images/arrow_yellow.gif) no-repeat 0 2px;
	font-size:12px;
}
.viewAll a{
	color:#CC9900;
	text-decoration:none;
}
.viewAll a:hover{
	color:#211866;
}

/*************************************************************************
// inner structures: footer
**************************************************************************/
#footer ul{
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
	padding-top:50px;
}
#footer li{
	list-style:none;
	display:inline;
	height:10px;
	width:auto;
	padding:0 5px;
	margin:2px 0;
	border-left:#251B73 solid 1px;
}
#footer li.home{
	border-left:#251B73 solid 0px;
}
#footer a, #footer a:visited {
	color:#251B73;
	text-decoration:underline;
}
#footer a:hover {
	color:#FBCA01;
	text-decoration:underline;
}
#footer .info {
	position:relative;
	width:100%;
	margin:0 auto;
	padding-top:7px;
}













/*************************************************************************
// Misc
**************************************************************************/
.photoRight {
	float: right;
	margin:0 0 12px 12px;
}
.photoLeft {
	float: left;
	margin:0 12px 12px 0;
}

h1.special{
	
}
.clear{
	clear:both;
}
.gFaqLstQuestion{
	margin:.3em 0 1em 0;
	color:#CC9933;
	font-size:140%;
}
span.gFaqLstAnswer{
	padding:0 0 25px 0;
	display:block;
}
.gLinkLstTbl{

}
.gLinkLstTbl table{
	border-bottom:1px #F0E8C7 solid;
}
div.gLinkLstImage{
	float:left;
	width:320px;
	height:auto;
	padding:15px 0 15px 0;
	text-align:center;
}
div.gLinkLstTitle{
	padding-top:15px;
}
div.gLinkLstDescription{
	float:left;
	width:350px;
	height:auto;
	padding-bottom:15px;
}
.gNewsDetDate{
	display:none;
}
.hmlft {
	background-color:#e9e8f1;
}
#donateHead {
	width:305px;
	height:50px;
	display:block;
	float:left;
	margin:-20px 0 0 -20px;
	z-index:100;
}