html { 
padding:0px;
margin:0px;
}


body {
width:788px;
margin: 0px auto;
padding: 0px;
background: url("../images/bg.jpg");
background-repeat: repeat-x;
background-color: #6B85B8;
text-align:center;
font-family: lucida, lucida-grande, verdana, arial, sans-serif;
font-size: 11px;
line-height: 17px;
color:#444444;
letter-spacing: 0px;
}


A:link   	{ color:#004FBF; TEXT-DECORATION: none }
A:visited   { color:#004FBF; TEXT-DECORATION: none }
A:hover		{ color:#BF5A00; }
A:active	{ color:#000000; }



#wrapper1 {
width:788px;
background: url("../images/bg_wrapper1.gif");
background-repeat: repeat-y;
margin: 0px;
padding:0px;
text-align:left;
}


#wrapper2 {
width:788px;
background: url("../images/bg_wrapper2.gif");
background-repeat: repeat-y;
margin: 0px;
padding:0px;
text-align:left;
}



#box1 {
width:788px;
background: url("../images/bg_box1.gif");
background-repeat: no-repeat;
margin: 0px auto;
padding:0px;
text-align:left;
}

#box2 {
width:788px;
background: url("../images/bg_box2.gif");
background-repeat: no-repeat;
margin: 0px auto;
padding:0px;
text-align:left;
}



/*- ================================= -*/
/*- ================================= -*/
/*- TOP NAV STYLES -*/


#topnav1 {
width:788px;
background: url("../images/topBanner1.jpg");
background-repeat: repeat-y;
margin: 0px auto;
padding: 188px 0px 10px 30px;
height: 31px;
text-align:left;
}


#topnav1ADMIN {
width:750px;
background: url("../images/topBanner1ADMIN.jpg");
background-repeat: repeat-y;
margin: 0px auto;
padding: 188px 40px 10px 0px;
height: 31px;
text-align:right;
}

#topnavCele {
width:750px;
background: url("../images/topBanner_cele.jpg");
background-repeat: repeat-y;
margin: 0px auto;
padding: 188px 40px 10px 0px;
height: 31px;
text-align:right;
}

#topnavCele7 {
width:750px;
background: url("../images/2007CelebrateHopeBanner.jpg");
background-repeat: repeat-y;
margin: 0px auto;
padding: 188px 40px 10px 0px;
height: 31px;
text-align:right;
}

#topnav2 {
width:788px;
background: url("../images/topBanner2.jpg");
background-repeat: repeat-y;
margin: 0px auto;
padding: 188px 0px 10px 30px;
height: 31px;
text-align:left;
}

#topnav_celebrate_hope09 {
width: 788px;
background: url("../images/2009CelebrateHopeBanner2.jpg");
background-repeat: repeat-y;
margin: 0px auto;
padding: 188px 0px 10px 30px;
height: 12px;
text-align:left;
}


#topnav_your_city_your_mission {
width: 788px;
background: url("../images/webbanner2.jpg");
background-repeat: repeat-y;
margin: 0px auto;
padding: 188px 0px 10px 30px;
height: 12px;
text-align:left;
}

#topnav2ADMIN {
width:788px;
background: url("../images/topBanner2ADMIN.jpg");
background-repeat: repeat-y;
margin: 0px auto;
padding: 188px 0px 10px 30px;
height: 31px;
text-align:left;
}


#topnav1ADMIN A:link, #topnav1ADMIN A:visited { color: #1C2E61; text-decoration: none; font-size: 12px; font-weight: bold; line-height: 23px; }
#topnav1ADMIN A:hover { color: #ffffff;}
#topnav1ADMIN A:active { color: #ffffff; }

#topnav2ADMIN A:link, #topnav2ADMIN A:visited { color: #1C2E61; text-decoration: none; font-size: 12px; font-weight: bold; line-height: 23px; }
#topnav2ADMIN A:hover { color: #ffffff;}
#topnav2ADMIN A:active { color: #ffffff; }



/*- ================================= -*/
/*- MAIN COL STYLES -*/

#maincontent2 {
width:422px;
padding:0px 35px 30px 30px;
float:left;
overflow: none;
}

#maincontent1 {
width:570px;
padding:0px 35px 30px 30px;
float:left;
overflow: none;
}


h1 { 
color:#7E3E00;
padding: 2px 0px 0px 30px;
height: 23px;
margin: 3px 0px 0px 0px;
font-size: 13px;
line-height: 17px;
font-weight: bold;
background: url("../images/bg_h1.gif");
background-repeat: no-repeat;
}


h2 { 
color:#61729B;
padding: 2px 0px 0px 30px;
height: 23px;
margin: 30px 0px 0px 0px;
font-size: 13px;
line-height: 17px;
font-weight: bold;
background: url("../images/bg_h2.gif");
background-repeat: no-repeat;
}


h3 {
font-size: 12px;
line-height: 15px;
font-weight: bold;
padding: 0px;
margin: 20px 0px 0px 0px;
}  


h4 {
height: 3;
padding: 0;
margin: 20 0 3 0;
background-color: #000000;
} 





/*- ================================= -*/
/*- LEFT COLUMN STYLES -*/


#left {
width:137px;
padding:10px 0px 0px 15px;
float:left;
}

#left ul {
list-style: none;
list-style-type: none;
margin: 0px;
padding: 0px;
font-weight: bold; 
font-size: 11px;
line-height: 15px;
}

#left ul li {
display: inline; /* this gets rid of the gaps */
list-style: none;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#left ul li a, #left ul li a:link, #left ul li a:visited {
display: block;
padding: 10px 0px 5px 8px;
margin: 0px;
background: url("../images/LeftNav_link.gif");
background-repeat: no-repeat;
background-position: -4px 0px;
color: #09479B; 
text-decoration: none; 
vertical-align: bottom;
}

#left ul li a:hover {
background: url("../images/LeftNav_hover.gif");
background-repeat: no-repeat;
background-position: -4px 0px;
color: #2D1E2D;
}

#left ul li a:active {
background: url("../images/LeftNav_active.gif");
background-repeat: no-repeat;
background-position: -4px 0px;
color: #2D1E2D;
}



#left ul li ul {
list-style: none;
list-style-type: none;
margin: 0px;
padding: 0px;
font-weight: bold; 
}

#left ul li ul li {
display: inline; /* this gets rid of the gaps */
list-style: none;
list-style-type: none;
margin: 0px;
padding: 0px;
font-size: 10px;
line-height: 14px;
}

#left ul li ul li ul li {
display: inline; /* this gets rid of the gaps */
list-style: none;
list-style-type: none;
margin: 0px;
padding: 0px;
font-size: 10px;
line-height: 12px;
}

#left li li a, #left li li a:link, #left li li a:visited {
display: block;
padding: 3px 0px 3px 15px;
margin: 0px;
color: #768FC1; 
text-decoration: none; 
background-position: 0px -50px;
background-repeat: no-repeat;
}

#left li li a:hover, #left li li a:active {
color: #333333; 
background-position: 0px -50px;
background-repeat: no-repeat;
}

#left li li li a, #left li li li a:link, #left li li li a:visited {
display: block;
padding: 3px 0px 3px 20px;
margin: 0px;
color:#1A0AAD; 
text-decoration: none;
font-size: 10px; 
line-height: 12px;
background-position: 0px -50px;
background-repeat: no-repeat;
}

#left li li li a:hover, #left li li li a:active {
color: #333333; 
background-position: 0px -50px;
background-repeat: no-repeat;
}

#left li li li li a, #left li li li li a:link, #left li li li li a:visited {
display: block;
padding: 3px 0px 3px 30px;
margin: 0px;
color:#6A46F9; 
text-decoration: none;
font-size: 10px; 
line-height: 12px;
background-position: 0px -50px;
background-repeat: no-repeat;
}

#left li li li li a:hover, #left li li li li a:active {
color: #333333; 
background-position: 0px -50px;
background-repeat: no-repeat;
}

#left li li li li li a, #left li li li li li a:link, #left li li li li li a:visited {
display: block;
padding: 3px 0px 3px 40px;
margin: 0px;
color:#6209C4; 
text-decoration: none;
font-size: 10px; 
line-height: 12px;
background-position: 0px -50px;
background-repeat: no-repeat;
}

#left li li li li li a:hover, #left li li li li li a:active {
color: #333333; 
background-position: 0px -50px;
background-repeat: no-repeat;
}

#left h1 {
text-align: center;
background: url("../images/LeftNav_h1.gif");
background-repeat: no-repeat;
color: #A0A8BC;
margin-top: 10px;
padding: 17px 0px 5px 0px;
font-size: 12px;
letter-spacing: 1px;
}

p.subSection {
font-style: italic;
padding:0px 0px 0px 17px;
margin:0px;
font-size:10px;
}

#left a:link.subN		{ color:#555555; font-weight: normal; line-height: 12px;}
#left a:visited.subN	{ color:#555555; font-weight: normal; line-height: 12px;}
#left a:hover.subN		{ color:#222222; font-weight: normal; line-height: 12px;}
#left a:active.subN		{ color:#000000; font-weight: normal; line-height: 12px;}

/*- ================================= -*/
/*- RIGHT COL STYLES -*/

#right {
width:133px;
padding: 0px 0px 20px 0px;
float:left;
font-size: 11px;
line-height: 14px;
color: #967C66;
letter-spacing: 0px;
}

#right ul {
list-style: none;
list-style-type: none;
margin: 0px;
padding: 0px;
font-weight: bold; 
}

#right ul li {
display: inline; /* this gets rid of the gaps */
list-style: none;
list-style-type: none;
margin: 0px;
padding: 0px;
}


#right ul li a, #right ul li a:link, #right ul li a:visited {
display: block;
padding: 10px 0px 5px 8px;
margin: 0px;
background: url("../images/RightNav_link.gif");
background-repeat: no-repeat;
background-position: -10px 0px;
color: #997D65; 
text-decoration: none; 
vertical-align: bottom;
font-size: 9px;
line-height: 12px;
}

#right ul li a:hover {
background: url("../images/RightNav_hover.gif");
background-repeat: no-repeat;
background-position: -10px 0px;
color: #2D1E2D;
}

#right ul li a:active {
background: url("../images/RightNav_active.gif");
background-repeat: no-repeat;
background-position: -10px 0px;
color: #2D1E2D;
}



#right ul li ul {
list-style: none;
list-style-type: none;
margin: 0px;
padding: 0px;
font-weight: bold; 
}

#right ul li ul li {
display: inline; /* this gets rid of the gaps */
list-style: none;
list-style-type: none;
margin: 0px;
padding: 0px;
font-size: 9px;
line-height: 12px;
}


#right li li a, #right li li a:link, #right li li a:visited {
display: block;
padding: 3px 0px 3px 15px;
margin: 0px;
color: #BB9C80; 
text-decoration: none; 
background-position: 0px -50px;
background-repeat: no-repeat;
}

#right li li a:hover, #right li li a:active {
color: #333333; 
background-position: 0px -50px;
background-repeat: no-repeat;
}


#right h1 {
text-align: center;
background: url("../images/RightNav_h1.gif");
background-repeat: no-repeat;
color: #BCADA0;
margin-top: 10px;
padding: 17px 0px 5px 0px;
font-size: 12px;
letter-spacing: 1px;
}



/*- ================================= -*/
/*- FOOTER STYLES -*/

#footer {
width:788px;
padding:0px;
margin:0px;
height: 70px;
color: #cccccc;
font-size: 9px;
text-align: center;
background: url("../images/bg_footer.gif");
background-repeat: no-repeat;
}

#footer7 {
width:788px;
padding:0px;
margin:0px;
height: 90px;
color: #cccccc;
font-size: 9px;
text-align: center;
background: url("../images/bg_footer7.gif");
background-repeat: no-repeat;
}

#footer a:link, #footer a:visited {
color: #dddddd;
}




/*- ================================= -*/
/*- FORM STYLES -*/

input { 
	font-family: lucida, lucida-grande, verdana, arial, sans-serif;
	color:#444444;
	font-size: 10px;
	color: #555555;
	background-color: #F4F6FA;
 	padding: 2px;
 	margin: 1px; 
	border: 1px solid #637AB0; 
 }

.textarea { 
	font-family: lucida, lucida-grande, verdana, arial, sans-serif;
	color:#444444;
	font-size: 10px;
	color: #555555;
	background-color: #F4F6FA;
 	padding: 2px;
 	margin: 1px; 
	border: 1px solid #637AB0; 
 }

input.checkbox { border: 0px; background-color:transparent;}

.radiob { 
	border: 0px; 
	background-color:transparent;
	vertical-align:middle;
}

input[type="submit"] { 
	background-color: #9D6F0C;
	font-weight: bold;
	color: #EAF0FF;
	font-size: 10px;
	-moz-border-radius:5px;
}

input.submit { 
	background-color: #9D6F0C;
	font-weight: bold;
	color: #EAF0FF;
	font-size: 10px;
	-moz-border-radius:5px;
}

input[type="submit"]:hover { 
    background-color:#233C85;
}

input.submit:hover { 
    background-color:#233C85;
}


/*- ================================= -*/
/*- OTHER STYLES -*/

.tablewbdr{ width:100%; font-size:11px; font-family:Verdana,Arial,Helvetica,sans-serif; }

.textred {
    font-family: Verdana;
    color: #CC3300;
    font-size:8pt;
}


.pic_caption {
	font-size: 9px;
	padding: 9px;
	line-height: 11px;
	margin: 0px auto;
}

span.hidden{
	display: none;
	}

span.error{
	display: visible;
	color: #FF3A04;
	background-color: #FFFFFF;
	}

span.hidden{
	display: none;
	}
span.showtext{
	display: visible;
	color: #666666;
	background-color: #DFEFFD;
	}

/* ________________________________________  */
.mainTable {
width: 422px;
border: 0;
}
.reqQuestion {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
text-align: right;
}
.preQuestionBorder {
padding: 0px;
height: 8px;
vertical-align: text-top;
}
.qnInner {
text-align:left;
font-style: normal;
font-weight:bold;
padding: 0px;
line-height: 15px;
vertical-align:text-top;
}
.qnType {
height: auto;
vertical-align: middle;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
text-align:left;
}
/* _________________________________________________________ */

.vidttl { 
color:#7E3E00;
font-size: 13px;
font-weight: bold;
}
