* { font-family: Helvetica, Arial;  }
.clearer { clear:both; }

body {
	background-image: url('../img/mainbackground.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #002cb4;
	font-size: 12px;
}

#page_wrapper { width: 948px; margin: 0 auto; }
#page_head { width: 948px; height: 115px; overflow: hidden; }
#page_head .logo { float: left; }
#page_head .cawst_logo { float: right; margin-top:19px; }

#page_head #nav_bar { 
	height: 32px;
	width: 718px;
	overflow:hidden;
	line-height: 32px;
	float: right;
	position: relative;
	bottom: 16px;
	background: url('../img/top_bar.png') no-repeat;
	color: #e5d5b4;
	font-size: 14px;
}

#page_head #nav_bar ul { list-style-type: none; }
#page_head #nav_bar li { float:left; margin-left: 35px; }

#page_head #nav_bar a:link, #page_head #nav_bar a:visited { color: #e5d5b4; text-decoration: none; text-transform: uppercase; font-size: 11px; }
#page_head #nav_bar a:hover { color: #b6a685; }

#page_content { width: 948px; }

#left_col { float: left; width: 229px; overflow: hidden; }
#right_col { float:left; width: 718px; overflow: hidden; margin-left: 1px; }

#left_col #text_intro { width: 229px; height: 359px; overflow: hidden; color: #e5d5b4; background: url('../img/left_sidebar.png') no-repeat; }
#left_col #text_intro p { font-size: 14px; line-height: 18px; padding: 20px 20px 0 20px; }

#right_col #main_image { width: 718px; height: 450px; border: 1px solid #000000; border-bottom: none; overflow: hidden; float:left; background-color: #000000; }
#right_col #main_image .innerfade { height: 450px; float: left; overflow: visible !important; }
#right_col #main_image_home { width: 718px; height: 389px; border: 1px solid #000000; border-bottom: none; overflow: hidden; float:left; background-color: #000000; }

#sub_head_image { width: 718px; height: 388px; border: 1px solid #000000; overflow: hidden; float:left; margin-left: -1px; }

#content_area { float: left; width: 716px; min-height: 520px; background: url('../img/main_back.jpg') repeat-y;  border-left: 1px solid #000000; border-right: 1px solid #000000; }
#content_area2 { float: left; width: 718px; background: url('../img/main_back2.jpg') repeat-y; border-left: 1px solid #000000; border-right: 1px solid #000000; }
#content_area3 { float: left; width: 716px; min-height: 520px; border-left: 1px solid #000000; border-right: 1px solid #000000; background: #e5d5b4; }

#sm_left { width: 346px; float:left; padding-bottom: 25px; }
#sm_right { width: 370px; float:left; padding-bottom: 25px; overflow: hidden; }
#sm_right_top { width: 370px; height: 14px; background: url('../img/sidebar_top.jpg') no-repeat; }
#sm_right img { margin-left: 2px; }

#content_area3 #sm_right { background: #dfc9a2; width: 360px; margin: 35px 0; }

#sm_left2 { width: 306px; float:left; padding-bottom: 25px; }
#sm_right2 { width: 412px; float:right; padding-bottom: 25px; overflow: hidden; }
#sm_right_top2 { width: 412px; height: 18px; background: url('../img/sidebar_top2.jpg') no-repeat; }

#sm_left h2, #sm_left2 h2 { margin: 35px 20px 0 23px; color: #811f14; font-size: 16px; line-height: 20px; font-weight: bold; }
#sm_left p, #sm_left2 p { font-size: 12px; line-height: 18px; color: #75532c; font-weight: normal; margin: 20px 20px 0 23px; }
#sm_left .pullquote, #sm_left2 .pullquote { font-style: italic; color: #811f14; }

#sm_left a { color: #811f14; text-decoration: none; font-weight: bold; } 

#sm_right #form_area { width: 384px; height: 157px; background: url('../img/form_background.png') no-repeat; margin: 24px 0 0 13px; }

#footer { width: 718px; height: 34px; clear:both; background: url('../img/footer_bar.png') no-repeat; line-height: 15px; color: #ffffff; font-size: 10px; margin-bottom: 20px; padding-top: 6px; border: 1px solid #000000; }
#footer .copy { float: left; margin-left: 20px; }

#copyright { float:left; font-size:10px; width: 610px; margin-left: 10px;}
#copyright a {
	border: none;
}
#copyright a img {
	float: right;
}

#footer .strut_message { float: left; margin-right: 20px; }
#footer a { color: #ffffff; text-decoration: none; }

#left_col .top_filler { background: url('../img/left_nav_bg.png') repeat-y; height: 60px; width: 229px; display:block; border-top: 1px solid #000000; margin-bottom: 1px;  }
#left_col .bottom_filler { width: 229px; height: 95px; overflow: hidden; }

#left_navigation li { list-style-type: none; line-height: 28px; background: url('../img/left_nav_bg.png') repeat-y; margin-bottom: 1px; }
#left_navigation li:hover, #left_navigation .active { background: url('../img/left_nav_bg-over.png') repeat-y; }
#left_navigation li a:link, #left_navigation li a:visited { color: #e5d5b4; text-decoration: none; font-size: 12px; padding-left: 15px; }
#left_navigation li a:hover { color: #c0b499; }
#left_navigation .subactive { background: url('../img/left_nav_bg-over.png') repeat-y; }

.subnav a:link, .subnav a:visited { color: #ffffff; text-decoration: none; font-size: 11px; padding: 2px 15px 2px 30px; line-height: 18px; background: url('../img/left_nav_bg.png') repeat-y; margin-bottom: 1px; display:block; clear:both; }
.subnav a:hover { color: #c0b499; background: url('../img/left_nav_bg-over.png') repeat-y; }

#sub_nav { height: 31px; overflow: hidden; width: 718px; background: url('../img/page_nav_back.jpg') no-repeat; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; color: #e5d5b4; clear:both; }
#sub_nav #sub_tabs { height: 27px; line-height: 27px; margin-top: 4px; margin-left: 20px; }
#sub_nav #sub_tabs li { height: 27px; width: 81px; float: left; background: url('../img/subnav_tabbg.png') no-repeat; margin-left: 1px; text-align: center; cursor:pointer; }
#sub_nav #sub_tabs li:hover, #sub_nav #sub_tabs .active_tab { background: url('../img/subnav_tabbg_active.png') no-repeat; } 

#sub_nav #image_credits { float: right; font-size: 11px; padding-right: 10px; height: 31px; line-height: 31px; }
#sub_nav #image_credits a { text-decoration: none; color: #e5d5b4; }d

.sb_large_photo { margin: 25px 12px 0 12px; }
.sb_large_photo .caption { font-size: 10px; text-align: center; margin: 0 20px; color: #654622; line-height: 13px; }

.sb_medium_photo { width: 370px; height: 259px; background: url('../img/sidebar_back_1.jpg') no-repeat; overflow: hidden; margin-top: 25px; }
.sb_medium_photo img { height: 157px; width: 265px; position: relative; top: 51px; left: 53px; }
.sb_medium_photo .caption { font-size: 10px; text-align: center; margin: 0 20px; color: #654622; line-height: 13px; position: relative; top: 70px; }

.sb_long_photo { width: 296px; height: 356px; background: url('../img/sidebar_back_2.jpg') no-repeat; overflow: hidden; margin-top: 25px; margin-left: 38px; }
.sb_long_photo img { height: 275px; width: 212px; position: relative; top: 41px; left: 43px; }
.sb_long_photo .caption { font-size: 10px; text-align: center; margin: 0 20px; color: #654622; line-height: 13px; position: relative; top: 52px; }

#full_width_content { padding: 20px; background: #e5d5b4; border-left: 1px solid #000000; border-right: 1px solid #000000; }

#discuss_top { line-height: 20px; color: #654622; margin-top: 30px; }
#discuss_top h1 { color: #811f14; font-size: 18px; float: left; }
#discuss_top a:link, #discuss_top a:visited { text-decoration: none; font-size: 14px; color: #811f14; float: left; padding: 0 10px; }
#discuss_top a:hover { color: #000000; }
.discuss_desc { padding: 10px 0; font-size: 12px; line-height: 15px; width: 400px; color: #654622; }
.discuss_desc h2 { padding: 0 0 15px 0; color: #811f14; font-size: 16px; font-weight: bold; }

#page_comments { color: #654622; }
#page_comments p { line-height: 16px; font-size: 12px; font-weight: normal; padding-top: 10px; }
#page_comments li { padding: 20px 0; border-bottom: 1px solid #654622; }

.comment_head { height: 25px; line-height: 25px; font-size: 12px; font-weight: normal; }
.comment_head h2 { font-size: 12px; font-weight: normal; float: left; width: 300px; }
.comment_head h2 strong { font-weight: bold; color: #811f14; }
.comment_head .comment_date { float: left; }
.comment_head .thumb_rating { float: right; }
.comment_head .thumb_rating .thumb_count { padding: 0 10px; float: left; }
.comment_head .thumb_rating a { float: left; }

#comment_form { margin: 25px 0; }
#comment_form label { font-weight: bold; color: #811f14; clear:both; font-size: 12px; width: 130px; display:block; float: left; }
#comment_form .text_box { width: 200px; margin-bottom: 5px; font-size: 11px; }
#comment_form .text_area { width: 420px; height: 90px; margin-bottom: 5px; font-size: 11px; }
#comment_form .submit_button { margin-left: 449px; }
#comment_form .form_errors, #share_form .form_errors { color: #ff0000; font-weight: bold; font-size: 11px; margin-left: 130px; }
#comment_form .comment_success, #share_form .comment_success { margin: 10px 50px; border: 1px solid #145709; color: #145709; padding: 3px 10px; }


.num_list { padding: 15px 20px 15px 50px; color: #654622; line-height: 16px; }
.num_list li { list-style-type: decimal; margin: 10px 0; }
.num_list .heading { font-size: 12px; font-weight: bold; color: #811f14; margin-bottom: 5px; }

#sm_right h2, #sm_right2 h2 { margin: 21px 20px 0 23px; color: #811f14; font-size: 16px; font-weight: bold; }
#sm_right p, #sm_right2 p { font-size: 12px; line-height: 15px; color: #75532c; font-weight: normal; margin: 20px 20px 0 23px; }

#sm_right2 hr { height:1px; background-color:#654622; margin-top:20px; border:0; }

#small_pledge_form { margin: 20px 0 20px 20px; color: #654622; }
#small_pledge_form label, #share_form label {  width: 120px; float: left; display:block; color: #811f14; font-weight: bold; font-size: 12px; }
#small_pledge_form .brown_txt { color: #654622; }
#small_pledge_form .sm_txt, #share_form .sm_txt { margin-bottom: 10px; width: 200px; }
#small_pledge_form .sm_txta, #share_form .sm_txta { margin-bottom: 10px; width: 204px; height: 95px; font-size: 12px; }
#small_pledge_form .submit_button, #share_form .submit_button { margin-left: 290px; }
#small_pledge_form .form_errors { color: #ff0000; font-weight: bold; font-size: 11px; padding-top: 7px; }

#share_form { min-height: 200px; }
#share_form .set_legend { font-size: 16px; font-weight: bold; color: #654622; padding-bottom: 10px; border-bottom: 1px solid  #654622; margin-bottom: 25px; }
#share_form fieldset { margin: 20px 20px 0 20px; }
#form_success { color: #145709; margin: 10px 23px; }

#pledges li { line-height: 20px; font-size: 13px; border-bottom: 1px solid #654622; padding: 20px; color: #654622; font-style: italic; }
#pledges .pledge_name { text-align: right; color: #811f14; font-size: 14px; font-weight: bold; font-style: italic; margin: 20px 20px 0 0; }

#share_list { margin: 20px; }
#share_list li { margin-bottom: 15px; color: #654622;}

#ajax_content { 
	background-image: url('../img/ajax_load.gif');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #e5d5b4;
}

.full_image_sb { margin-top: 20px; }
.full_image_sb .caption { font-size: 10px; text-align: center; margin: 0 20px; color: #654622; line-height: 13px; }


#story_text_box { height: 85px; color: #ffffff; }
#story_text_box p { line-height: 16px; padding-bottom: 10px; padding-left: 10px; }

#story_text_box a:link, #story_text_box a:visited { color: #ffffff; padding: 0 8px; }
#story_text_box a:hover { color: #e3e3e3; }

#comment_success { text-align: center; margin: 10px; padding: 5px 10px; border: 1px solid #147800; color: #147800; }

.independence_storybox { position: relative; bottom: 145px; left: 10px; width: 370px; }
.empowerment_storybox { position: relative; bottom: 135px; left: 230px; width: 470px; }
.hope_storybox { position: relative; bottom: 120px; left: 10px; width: 370px; }
.survival_storybox { position: relative; bottom: 270px; left: 10px; width: 370px; }

#advert_box { height: 435px; background: url('../img/event_boxout.png') no-repeat; display:block; margin: 0; }
#advert_box p { color: #ffffff; line-height: 17px; }
#advert_box strong { height:15px; line-height: 15px; padding-bottom: 5px; } 
#advert_box a:link, #advert_box a:visited { color: #ffffff; }
#advert_box a:hover { text-decoration: none; }