/* CSS DOCUMENT AW 0807 */

/* ------------------------------------------- RE-DEFINED TAGS */

html, body {
height: 100%;
}

body {
font-family:Arial, Verdana,  Helvetica, sans-serif;
font-size: 0.7em;
text-align:center;
color:#333333;
background-color:#8ec64f;
margin:0 0;
}

h1{
font-family: Arial, Verdana, Helvetica, sans-serif;
color:#005688;
font-size:1.6em;
margin:0;
padding:0;
}

#left h1{
padding:10px 13px 10px 13px;
}

h2{
font-family: Arial, Verdana, Helvetica, sans-serif;
color:#005688;
font-size:1.4em;
margin:0 13px 20px 13px;
display: block;
border-bottom:1px solid #005688;
}

h3{
color:#005688;
font-size:1.3em;
margin:0;
padding-top:10px;
}

h4{
font-family: Arail, Sans-serif;
color:#be0000;
font-size:12px;
}

p{
line-height:1.3em;
}

#left p{
padding:0 13px;
}

a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#005688;
text-decoration:none;
}

a:visited {
color:#005688;
font-size:0.9em;
text-decoration:none;
font-weight:bold;
}

a:link {
font-weight:bold;
}

a:hover, a:active, a:visited:hover{
color:#ef8b1e;
font-size:0.9em;
text-decoration:none;
}


/* ------------------------------------------- MAIN HORIZONTAL MENU STYLES */


#menu{
width:788px;
height:40px;
margin:0;
padding:0;
background-color:#005688;
}

#menu ul {
width:788px;
height:40px;
list-style:none;
margin:0 auto;
padding:0;

}

#menu li {
float:left;
padding:0;
margin:auto;
}

#menu li.separator{
width:0px;
border-right:1px solid #fff;
height:34px;
margin:3px 0 0 0;
padding:0;
}

#menu a{
height:34px;
float:left;
font-size:11px;
color:#fff;
font-weight:bold;
text-decoration:none;
display:inline;
margin:0;
}

#menu a:visited{
font-size:11px;
font-weight:bold;
} 

#menu a:hover, #menu a:visited:hover{
font-size:11px;
font-weight:bold;
background-color:#f37300;
}

/* each menu option has it's own unique width setting. Distribution using padding is problematical. Height values and vertical padding change depending on how many lines of text the menu item has.*/

#menu #option1{
width:64px;
height:25px;
padding-top:15px;
}


#menu #option2{
width:78px;
height:32px;
padding-top:8px;
}

#menu #option3{
width:94px;
height:32px;
padding-top:8px;
}

#menu #option4{
width:90px;
height:25px;
padding-top:15px;
}

#menu #option5{
width:84px;
height:32px;
padding-top:8px;
}

#menu #option6{
width:82px;
height:32px;
padding-top:8px;
}

#menu #option7{
width:80px;
height:25px;
padding-top:15px;
}

#menu #option8{
width:75px;
height:32px;
padding-top:8px;
}

#menu #option9{
width:56px;
height:25px;
padding-top:15px;
}

#menu #option10{
width:75px;
height:32px;
padding-top:8px;
}




/* ------------------------------------------- DIV Styles & Custom Classes  */

#mainWrapper {
width:788px;
background-color:#fff;
margin:0 auto;
border:1px solid #fff;
}

#mainContent{
width:788px;
text-align:left;
margin-top:20px;
background-color:#fff;
background:url(../images/ssmaincontentBG.gif);
}

#mainContentVolunteer_form{
width:788px;
text-align:left;
margin-top:20px;
background-color:#fff;
}

#mainContentHome{
width:788px;
text-align:left;
}

#headerHome{
width:788px;
height:168px;
background-image:url(../images/headerBG.jpg);
margin:0 auto;
}

#header{
width:788px;
height:83px;
background-image:url(../images/header2BG.jpg);
margin:0 auto;
}

#header3{
width:788px;
height:83px;
background-image:url(../images/header3BG.jpg);
margin:0 auto;
}

#header4{
width:788px;
height:83px;
background-image:url(../images/header4BG.jpg);
margin:0 auto;
}

#title{
text-align:left;
margin:0 0 0px 10px;
}

#linksBlock a{
font-size:1em;
font-weight:bold;
}

#linksBlock a:visited {
font-size:1em;
font-weight:bold;
}

#linksBlock a:hover, #linksBlock a:active, #linksBlock a:visited:hover{
font-size:1em;
font-weight:bold;
}


/* ---------Start Home Page Styles------------

----------- Home Page Top Row  */

#homepageEvent{
	background-color:#FF8040;
	line-height:15px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#000000;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
	margin-right: 6px;
	margin-bottom: 10px;
	font-size:13px
}
#homepageEvent a{
color:#FFFFFF;
}

#homepageEvent a:hover, a:active, a:visited:hover{
color:#005688;
text-decoration:none;
}

#mainTop{
width:740px;
margin:15px auto 0 auto;
padding:0;

}

.topBlock{
width:240px;
min-height:215px;
background:url(../images/topBlockBG.gif) repeat-x;
margin-right:7px;
float:left;
display:inline;
}

.topBlock p {
text-align:left;
padding:5px 10px;
margin:0;
}


#headLink1, #headLink2, #headLink3{
width:240px;
height:33px;
margin:0;
padding:0;
}

#headLink1 a, #headLink2 a, #headLink3 a {
width:240px;
height:33px;
float:left;
text-decoration:none;
display:inline;
margin:0;
}

#headLink1 ul, #headLink2 ul, #headLink3 ul{
width:240px;
height:33px;
list-style:none;
margin:0 auto;
padding:0;
}

#headLink1 li, #headLink2 li, #headLink3 li {
float:left;
padding:0;
margin:auto;
}


/* Repeat background in containing div stop pain-in-the-butt IE6 Flicker */

#headLink, #headLink1 a{
background:url(../images/home_counselingHead2.gif) no-repeat;
}
#headLink2, #headLink2 a{
background:url(../images/home_workshopHead2.gif) no-repeat;
}
#headLink3, #headLink3 a{
background:url(../images/home_buslibHead2.gif) no-repeat;
}


#headLink1 a:hover, #headLink2 a:hover, #headLink3 a:hover{
background-position:0 -34px;
}




.hrule{
width:740px;
height:5px;
border-top:1px solid #878787;
margin:20px auto 0 auto;
}
.hrule2{
width:95%;
height:5px;
border-top:1px solid #005688;
margin:20px auto 0 auto;
}

/*-------- Home Page Middle Row & right column other pages (Workshops &	Success Stories)  */


#mainMid{
width:740px;
background:url(../images/mainMidBG.gif) repeat-y;
margin:0 auto 0 auto;
}

#mainMidL{
width:367px;
min-height:260px;
margin-right:5px;
float:left;
display:inline;
padding:0;
}

#mainMidR{
width:367px;
min-height:260px;
margin:0;
float:left;
display:inline;
padding:0;
}

#successright, #workshopsRight{
width:300px;
margin:0 0 5px 0;
float:left;
display:inline;
padding:0;
}


#workshopsHead{
height:34px;
background:url(../images/home_workshopsHead.gif) no-repeat;
border-bottom:5px solid #fff;
}

#successHead{
height:34px;
background:url(../images/home_sucstoriesHead.gif) no-repeat;
border-bottom:5px solid #fff;
}

.subBox{
float:left;
padding:5px 15px 0 10px;
margin-top:5px;
text-align:left;

}

.subBox p{
margin:0 10px 10px 0;
padding:0;
}

.subBoxItemTitl{
font-size:1.3em;
color:#005688;
font-weight:bold;
}

.quote{
font-family:Georgia, Times New Roman, Serif; 
font-style:italic;
color:#005688;
font-size:1.1em;
}

.hilite{
color:#005688;}

/*-------- Home Page Bottom Row styles ----------- */

#mainBottom{
width:740px;
margin:6px auto 0 auto;
padding:0;
}

#mainBottomL{
width:260px;
margin:0 5px 0 0;
float:left;
}

.button,.buttonR{
width:230px;
height:auto;
min-height:2em;
background:url(../images/mainBottomBtnBG.gif) repeat-y;
padding:10px 5px 10px 25px;
margin:0 0 5px 0;
}

.buttonR{
width:245px;
padding:10px 5px 10px 45px;
}

.button a, .buttonR a{
color:#fff;
font-weight:bold;
}

.button a:visited, .buttonR a:visited{
color:#fff;
font-weight:bold;
}

.button a:hover, .button a:visited:hover, .buttonR a:hover, .buttonR a:visited:hover{
color:#ef8b1e;
font-weight:bold;
}
.arrow{
width:230px;
height:78px;
margin:0 0 5px 0;
}

#mainBottomM{
width:221px;
height:78px;
margin:0 5px 0 0;
padding:10px;
float:left;
display:inline;
background-color:#f0f6f9;
}

#mainBottomR{
width:227px;
margin:0 5px 0 0;
float:left;
display:inline;
}

/*#mainBottomR{
background:url(../images/mainBottomR_bg.gif) no-repeat;
width:227px;
height:98px;
margin:0 auto;
float:left;
display:inline;
}*/

#mainBottomRsp{
background:url(../images/mainBottomR_SPbg.gif) no-repeat;
width:227px;
height:98px;
margin:0 auto;
float:left;
display:inline;
}

#homeCornerTsp{
width:120px;
padding:15px 0 0 55px;
margin:10px auto 0 auto;
}

.sponsor{
width:341px;
float:right;
text-align:right;
margin:10px 0 0 0;
padding:0 2px 0 0;
position:relative;
}

.sponsort2{
width:200px;
float:right;
margin:-120px 50px 50px 0;
text-align:right;
position:relative;
display:inline;
}

.sponsor img, .sponsort2 img{
border:1px solid #1E8AB8;
margin:5px 0;
}

#homeCornerT{
width:120px;
padding:0 0 0 20px;
margin:10px auto 0 auto;
}

#homeCornerB{
width:120px;
padding-top:10px;
margin:10px auto 0 63px;
border-top:1px solid #005688;
}

#homeCorner p{
margin:0 0px 10px 0;
padding:0;
}

#emailSignup{
width:240px;
height:70px;
font-size:1em;
font-weight:bold;
margin:10px 0 0 0;
color:#005688;
float:left;
}

#emailSignup form{
margin:0;
padding:0;
}



/*-------- 2 column layout styles ----------- */

#left{
width:455px;
height:100%;
background:url(../images/leftBG.gif) repeat-x;
text-align:left;
margin:0 0 0px 10px;
float:left;
/* Fix double float margin bug IE 5 */
display:inline;
}

#leftVolunteer{
width:768px;
height:100%;
background:url(../images/leftBG.gif) repeat-x;
text-align:left;
margin:0 0 0px 10px;
float:left;
/* Fix double float margin bug IE 5 */
display:inline;
}

#pageSubnav{
	background-color:#d9e9f0;
	line-height:15px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#005688;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 13px;
}

#pageSubnav a{
font-family:Arial, verdana, Helvetica, Sans-Serif;
font-size:0.9em
}

.head3{
color:#005688;
font-size:1.3em;
margin:0;
padding-top:10px;
}


.story img{
width:78px;
float:left;
padding:1px;
margin-right:10px;
border:1px solid #ff9900;
display:inline;
}

.totop{
text-align:right;
padding:10px;
}


#right{
width:300px;
min-height:100%;
text-align:left;
padding:2px 0px 0px 2px;
margin:0px 0px 0px 10px;
float:right;
display:inline;
border-top:1px solid #777;
border-left:1px solid #777;

}

#topRight, .sidebarInfo{
margin:0 0 10px 0;

}
#topRight p, .sidebarInfo p{
margin:5px 10px;
}

#buttonsRight{
width:300px;
margin:0;
float:left;
display:inline;
padding:0;
}



#signupRight{
width:270px;
height:215px;
font-size:1em;
font-weight:bold;
margin:0;
padding: 10px 0 0 30px;
color:#005688;
background:url(../images/signupRightBG.gif) repeat-x ;
float:left;
display:inline;
}

/* styles for the links on the counseling page, top left */

#sideLinks{
width:300px;
height:60px;
margin:0 0 16px 0px;
padding:0;
}

#sideLinks a{
width:300px;
height:22px;
text-decoration:none;
float:left;
display:inline;
}

#sideLinks ul{
width:300px;
height:22px;
list-style:none;
margin:0 auto;
padding:0;
}

#sideLinks li{
padding:0;
margin:auto;
float:left;
}


/* Repeat background in containing div stop pain-in-the-butt IE6 Flicker */
#counsel, #counsel a{
background:url(../images/counselling_counselBG.gif) no-repeat;
background-position:0 -8px;
}

#dev, #dev a{
background:url(../images/counselling_devBG.gif) no-repeat;
background-position:0 -8px;
}
#start, #start a{
background:url(../images/counselling_startBG.gif) no-repeat;
background-position:0 -8px;
}
#ideas, #ideas a{
background:url(../images/counselling_ideasBG.gif) no-repeat;
background-position:0 -8px;
}


#dev a:hover, #start a:hover, #ideas a:hover, #counsel a:hover{
background-position:0 -42px;
}



/*-------- Footer styles ----------- */

#footer{
width:100%;
line-height:1.8em;
text-align:center;
color:#0076ab;
margin:0;
padding:30px 0 0 0;
clear:both;
}

#footer a{
font-size:0.9em;
font-weight:normal;
text-decoration:none;
color:#005688;
}

#footer a:visited{
color:#005688;
font-weight:normal;
text-decoration:none;
font-size:0.9em;
}

#footer a:hover, #footer a:visited:hover{
text-decoration:underline;
font-weight:normal;
font-size:0.9em;
}


/*-------- Admin styles ----------- */

#headerAdmin{
width:788px;
height:85px;
background-image:url(../images/headerAdminBG.gif);
margin:0 auto;
}

#adminL{
width:145px;
text-align:left;
padding:0 0 0 15px;
margin:5px 0 20px 10px;
float:left;
/* Fix double float margin bug IE 5 */
display:inline;
}


#adminL a{
line-height:20px;
}


#adminR{
width:565px;
text-align:left;
padding-left:5px;
margin:5px 30px 0 0;
float:right;
display:inline;
}

#wufoo {
	margin: 0px;
	padding: 20px 15px 10px;
}
#contact-side {
	margin: 0px;
	padding: 0px 7px 7px;
}
.contact-img {
	margin: 0px;
	padding: 0px 7px 10px 0px;
	float: left;
}


/*Form Styles*/

INPUT.textField, SELECT.textField{
font-family:Verdana;font-size :1em;color :#000000;background-color :#FFFFFF;
}
INPUT.textFieldFocus, SELECT.textFieldFocus{
font-family:Verdana;font-size :1em;color :#000000;background-color :#FFFFFF;
}
.textLabel{
font-family:Verdana;font-size :1em;color :#000000;font-weight:bold;
}

.textLabelRequ{
font-family:Verdana;font-size :1em;color :#FF0000;font-weight:bold;
}

option{
font-family:Verdana;font-size :1em;color :#000
}

INPUT.buttonfield{
font-family:Verdana;font-size :1em;color:#000;

}

INPUT.buttonfieldFocus{
font-family:Verdana;font-size :1em;color:#000;
}

/* Event Page Banner*/

#ImageBanner{
width:450px;
height:65px;
background:url(../images/inv3New.gif) no-repeat;
border-bottom:5px solid #fff;
}

#TopImageBanner{
width:450px;
height:86px;
background:url(../images/inv1New.gif) no-repeat;
border-bottom:5px solid #fff;
}
#MidImageBanner{
width:450px;
height:44px;
background:url(../images/inv2New.gif) no-repeat;
border-bottom:5px solid #fff;
}

#Eventleft{
width:455px;
height:100%;
/*background:url(../images/leftBG.gif) repeat-x; */
text-align:left;
margin:0 0 0px 10px;
float:left;
/* Fix double float margin bug IE 5 */
display:inline;
}

/* index page evet banner */



#Event{
	width:731px;
	margin:15px 27px 0 auto;
	padding:0;
	background-color:#FF6600;
	font-size:14px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-left:5px;
	font-weight:600;
}

#Event a:link, #Event a:visited {
	color: #FFFFFF;
}

#Event a:hover, #Event a:active, #Event a:visited:hover {
	color: #005688;
}


.smalltext {
	font-size:10px;
	float:right;
	padding-top:2px;

}
#mainWrapper #mainContentHome #Event .smalltext {
	padding-top: 3px;
	margin-right: 8px;
	font-weight: normal;
}