/*
Camaign4Change
www.c4c4life.com
*/

body {
	margin: 0;
	padding: 0;
	top: 0;
	font-family: verdana, sans-serif;
	background-color: #FF9900;
	}

a:link {         /* normal link unvisited */
	color: #3366CC;
	text-decoration: none;
	font-weight: bold;	
	}

a:visited {        /* normal link visited */
	color: #3366CC;
	text-decoration: none;
	font-weight: bold;
	}
	
a:hover {        /* normal link when moused over */
	color: #993333;
	text-decoration: underline;
	font-weight: bold;
	}
	
.centric {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}	

.maintable1 {
	padding-top: 20px;
	padding-left: 20px;
}	

.maintable2 {
	position: relative;
	vertical-align: middle;
	left: auto;
	right: auto;
}	

.banner {
	border: 1px solid #ccc;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.contact_num{
	text-align: right;
	float: right;
	font-weight: bold;
	position: relative;
}
	

/* ---( text )------------------------------- */

#bodytext p {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #333;
	padding: 5px 25px 5px 10px;
		}
		
.maintitle {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 44px;
	font-family: "Monotype Corsiva";
}

.maintitle2 {
	text-align: center;
	vertical-align: middle;
	font-weight: bolder;
	font-size: 40px;
	font-family: "Monotype Corsiva";
}

.maintitle3 {
	text-align: center;
	font-weight: bolder;
	font-size: 28px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.maintitle4 {
	text-align: center;
	font-weight: bolder;
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.txtright {
	text-align: right;
	float: right;
}

.mission {
	font-style: italic;
	font-weight: normal;
	font-size: 18px;
	font-family: "Bookman Old Style";
	
}
		
.maintxt1{
	padding-right: 5px;
	padding-left: 10px;
	font-size: 18px;
}

.maintxt2{
	padding-right: 5px;
	padding-left: 10px;
	font-size: 15px;
	font-weight: bold;	
}

.maintxt3{
	padding-right: 5px;
	padding-left: 10px;
	font-size: 18px;
	text-align:center;
}

.maintxt4{
	padding-right: 5px;
	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;	
	text-align:center;
}

.maintxt5{
	padding-right: 50px;
	padding-left: 10px;
	font-size: 19px;
	font-weight: bold;	
	font-family: "Century Gothic", "Book Antiqua";
	text-align:justify;
}

.crew_title_txt{
	padding-right: 5px;
	padding-left: 10px;
	font-family: "Monotype Corsiva";
	font-size: 35px;	
	text-align:center;
}

.crew_title_txt_2{
	padding-right: 5px;
	padding-left: 10px;
	font-family: "Monotype Corsiva";
	font-size: 34px;	
	text-align:center;
}

.crew_body_txt{
	padding-right: 5px;
	padding-left: 10px;
	font-size: 17px;
	font-family:"Times New Roman", Times, serif;
}

.pictxt{
	font-size: 14px;
}

.formtop{
	padding-right: 10px;
	padding-left: 10px;
	font-size: 15px;
	vertical-align: middle;
}

.pic1{
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pic2{
	float: left;
	margin-top: 5px;
	margin-right: 8px;
}

.pic_crew{
	float: left;
	margin-top: 5px;
	margin-right: 12px;
}

/* ---( navigation - see suckerfish dropdowns at www.alistapart.com)------------------------------- */
		

ul { /* all lists */
	list-style: none;
	padding: 0;
	margin: 0;
    }

#nav1 a { /* styles the buttons while "at rest" */
	color: #FFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	display: block;
	padding-top: 9px;
	padding-bottom: 6px;
    }
    
#nav1 a:hover { /* styles the buttons while "active" (aka the mouse is over them) */
	text-decoration: none;
	color: #FFFF00;	
	}      

#nav1 li { /* position and size of the buttons */
	float: left;
	position: relative;
	width: 150px;
	text-align: center;
	cursor: default;
}

#nav1 li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav2 a { /* styles the buttons while "at rest" */
	color: #FFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	display: block;
	padding-top: 8px;
	padding-bottom: 6px;
    }
    
#nav2 a:hover { /* styles the buttons while "active" (aka the mouse is over them) */
	text-decoration: none;
	color: #FFFF00;	
	}      

#nav2 li { /* position and size of the buttons */
	float: left;
	position: relative;
	width: 111px;
	text-align: center;
	cursor: default;
}

#nav2 li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav3 a { /* styles the buttons while "at rest" */
	color: #FFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	display: block;
	padding-top: 8px;
	padding-bottom: 6px;
    }
    
#nav3 a:hover { /* styles the buttons while "active" (aka the mouse is over them) */
	text-decoration: none;
	color: #FFFF00;	
	}      

#nav3 li { /* position and size of the buttons */
	float: left;
	position: relative;
	width: 100px;
	text-align: center;
	cursor: default;
}

#nav3 li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav_bottom_1 a { /* styles the buttons while "at rest" */
	color: #FFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-top: 8px;
	padding-bottom: 7px;
    }
    
#nav_bottom_1 a:hover { /* styles the buttons while "active" (aka the mouse is over them) */
	text-decoration: none;
	color: #FFFF00;	
	}      

#nav_bottom_1 li { /* position and size of the buttons */
	float: left;
	position: relative;
	width: 131px;
	text-align: center;
	cursor: default;
}

#nav_bottom_1 li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav_bottom_2 a { /* styles the buttons while "at rest" */
	color: #FFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-top: 8px;
	padding-bottom: 7px;
    }
    
#nav_bottom_2 a:hover { /* styles the buttons while "active" (aka the mouse is over them) */
	text-decoration: none;
	color: #FFFF00;	
	}      

#nav_bottom_2 li { /* position and size of the buttons */
	float: left;
	position: relative;
	width: 121px;
	text-align: center;
	cursor: default;
}

#nav_bottom_2 li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav_sub a { /* styles the buttons while "at rest" */
	color: #0066FF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left: 1px solid #ccc;
    }
    
#nav_sub a:hover { /* styles the buttons while "active" (aka the mouse is over them) */
	text-decoration: none;
	color: #990033;	
	}      

#nav_sub li { /* position and size of the buttons */
	float: left;
	position: relative;
	width: 120px;
	text-align: center;
	cursor: default;
}

#nav_sub li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav_sub_2 a { /* styles the buttons while "at rest" */
	color: #0066FF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
    }
    
#nav_sub_2 a:hover { /* styles the buttons while "active" (aka the mouse is over them) */
	text-decoration: none;
	color: #990033;	
	}      

#nav_sub_2 li { /* position and size of the buttons */
	float: left;
	position: relative;
	width: 120px;
	text-align: center;
	cursor: default;
}

#nav_sub_2 li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}


/*  The following 2 sub menus are specialized for the cast / crew page */


#nav_sub_crew_1 a { /* styles the buttons while "at rest" */
	color: #0066FF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left: 1px solid #ccc;
    }
    
#nav_sub_crew_1 a:hover { /* styles the buttons while "active" (aka the mouse is over them) */
	text-decoration: none;
	color: #990033;	
	}      

#nav_sub_crew_1 li { /* position and size of the buttons */
	float: left;
	position: relative;
	width: 105px;
	text-align: center;
	cursor: default;
}

#nav_sub_crew_1 li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav_sub_crew_2 a { /* styles the buttons while "at rest" */
	color: #0066FF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
    }
    
#nav_sub_crew_2 a:hover { /* styles the buttons while "active" (aka the mouse is over them) */
	text-decoration: none;
	color: #990033;	
	}      

#nav_sub_crew_2 li { /* position and size of the buttons */
	float: left;
	position: relative;
	width: 111px;
	text-align: center;
	cursor: default;
}

#nav_sub_crew_2 li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}


/*  The above 2 sub menus are specialized for the cast / crew page */


/* ---(  menu position  )------------------------------- */

.c4c_frame {
	position: absolute;
	left: 10px;
	top: 10px;
}

.c4c_hands {
	position: absolute;
	left: 17px;
	top: 158px;
	white-space: nowrap;
	width: 200px;
}

.c4c_hands_2 {
	position: absolute;
	left: 17px;
	top: 526px;
	white-space: nowrap;
}

.c4c_logo_top {
	position: absolute;
	left: 17px;
	top: 25px;
	white-space: nowrap;
	width: 237px;
	height: 117px;
}

.c4c_logo_bottom {
	position: absolute;
	left: 38px;
	top: 645px;
	white-space: nowrap;
}

.c4c_top_fill {
	position: absolute;
	left: 17px;
	top: 17px;
	white-space: nowrap;
	width: 1004px;
}

.c4c_bottom_fill {
	position: absolute;
	left: 17px;
	top: 532px;
	white-space: nowrap;
}

.c4c_bottom_menu {
	position: absolute;
	left: 15px;
	top: 710px;
	white-space: nowrap;
}

.c4c_top_menu {
	position: absolute;
	left: 260px;
	top: 14px;
	white-space: nowrap;
}

.c4c_mailing_list {
	position: absolute;
	left: 17px;
	top: 551px;
	white-space: nowrap;
	width: 235px;
	height: 131px;
	color:#FFFFFF;
	font-size: 14px;
}

.c4c_mailing_list a { /* styles the buttons while "at rest" */
	color: #FFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	display: block;
	padding-top: 8px;
	padding-bottom: 6px;
    }
    
.c4c_mailing_list a:hover { /* styles the buttons while "active" (aka the mouse is over them) */
	text-decoration: none;
	color: #FFFF00;	
	}      

.blank1 {
	position: absolute;
	left: 80px;
	top: 584px;
	background: #FFFFFF;
	color: #000000;
	}
	
.blank2 {
	position: absolute;
	left: 80px;
	top: 618px;
	background: #FFFFFF;
	color: #000000;
	}
	
.buttons_location {
	position: absolute;
	left: 100px;
	top: 655px;
	}
	
.buttons_style{
	background: transparent;
	color:#FFFFFF;
}

.c4c_header {
	position: absolute;
	left: 260px;
	top: 60px;
	width: 759px;
	height: 130px;
}

.c4c_content {
	position: absolute;
	left: 261px;
	top: 189px;
	width: 758px;
	height: 490px;
	
}
.c4c_content_contactUs {
	position: absolute;
	left: 261px;
	top: 60px;
	width: 758px;
	/*width: 758px;
	height: 646px; */
	
}
.c4c_content_index {
	position: absolute;
	left: 261px;
	top: 60px;
	width: 758px;
	height: 648px;
	
}

.c4c_content_community {
	position: absolute;
	left: 259px;
	top: 58px;
	width: 760px;
	height: 648px;
	
}

.c4c_content_donate {
	position: absolute;
	left: 259px;
	top: 58px;
	width: 760px;
	height: 648px;
	background-image: url(images/donation_web_%20page.jpg);
	
}

.c4c_content_synopsis {
	position: absolute;
	left: 259px;
	top: 58px;
	width: 760px;
	height: 648px;
	background-image: url(images/Mission_Synopsis_09.jpg);
	
}

.c4c_content_mission {
	position: absolute;
	left: 259px;
	top: 58px;
	width: 760px;
	height: 648px;
	background-image: url(images/C4C_Mission.jpg);
	
}

.c4c_content_testimonials {
	position: absolute;
	left: 259px;
	top: 58px;
	width: 760px;
	height: 648px;
	background-image: url(images/testimonials.jpg);
	
}

.c4c_content_workshops {
	position: absolute;
	left: 259px;
	top: 58px;
	width: 760px;
	height: 648px;
	background-image: url(images/Children4Change_09.jpg);
	
}

.c4c_content_sponsors {
	position: absolute;
	left: 259px;
	top: 58px;
	width: 760px;
	height: 648px;
	background-image: url(images/Sponsors_Honor_09.jpg);
	
}

.c4c_content_op_team {
	position: absolute;
	left: 259px;
	top: 58px;
	width: 760px;
	height: 600px;
	overflow: auto;
	
}

.c4c_content_items {
		
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	margin-bottom: 2px;
	padding-left:3px;
	
}		

#c4c_content_a {
	position:absolute;
	left: 261px;
	top: 100px;	
	width: 758px;
	height: 490px;
	overflow:auto;
}	

.c4c_content_founder {
	position: absolute;
	left: 261px;
	top: 59px;
	width: 590px;
	height: 634px;
}	

.menu_sub {
	position: absolute;
	left: 415px;
	top: 681px;
	white-space: nowrap;
}

.menu_sub_name {
	position: absolute;
	left: 264px;
	top: 688px;
	white-space: nowrap;
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	text-align:center;
	width:150px;
}

.menu_sub_crew {
	position: absolute;
	left: 370px;
	top: 681px;
	white-space: nowrap;
}

.menu_sub_name_crew {
	position: absolute;
	left: 242px;
	top: 688px;
	white-space: nowrap;
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	text-align:center;
	width:150px;
}

.counter {
	position: absolute;
	left: 22px;
	top: 760px;
	white-space: nowrap;
	height: 19px;
}

.pdf {
	position: absolute;
	left: 253px;
	top: 51px;
}

#scroll_you_very_much {
width: 758px;
height: 517px;
overflow: auto;

}
#op_team_scroll {
	left: 259px;
	top: 58px;
	width: 760px;
	height: 630px;
overflow: auto;

}


/* ---(  IE PNG Fix  )------------------------------- */

img, div { behavior: url(images/iepngfix.htc) }

/* ---(  IE PNG Fix  )------------------------------- */


.leftPad5 {
  padding-left: 5px;
}

.leftPad10 {
  padding-left: 10px;
}

.leftPad20 {
  padding-left: 20px;
}

.floatLeftPad5 {
  float:        left;
  padding-left: 5px;
}

.rightPad5 {
  padding-right: 5px;
}

.rightPad10 {
  padding-right: 10px;
}

.rightPad20 {
  padding-right: 20px;
}

.floatLeftPad10 {
  float:        left;
  padding-left: 10px;
}

.floatLeftPad20 {
  float:        left;
  padding-left: 20px;
}

.floatRightPad5 {
  float:         right;
  padding-right: 5px;
}

.floatRightPad10 {
  float:         right;
  padding-right: 10px;
}

.floatRightPad20 {
  float:         right;
  padding-right: 20px;
}

.clearLeft {
	clear:left;
}

.clearRight {
	clear:right;
}

.pad5TopBottom {
  padding-top:    5px;
  padding-bottom: 5px;
}

.grayHR {
  color:  #cccccc;
  height: 1px;
  width: 700px;
}

.standard_button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	background: url(images/dialogbutton100x20.gif) repeat-x;
	color: #27334E;
	font-weight: bold;
	margin: 0px;
	height: 25px;
	border: 1px solid #003C74;
	padding: 0px;
}
.style12 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.style13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000066;
	font-weight: bold;
}
.style20 {color: #FF0000}