
body{background:#E9E5C0; text-align:center;}


#main { width:1024px; margin:0 auto; text-align:left;}


img {vertical-align:top;}
a img { border:0;}
a { color: #294A91; }

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.333em; color:#4d5b68;}

/* ============================= main layout ====================== */
.padding1{ padding-top:30px;}
.padding2{ padding-top:20px;}
.padding3{ padding-top:15px;}
.padding4{ padding-top:10px;}
.padding5{ padding-top:42px;}
.padding6{ padding-top:6px;}


#content{ padding:0px 0px 0px 0px;}
.column-1, .column-2, .column-3 {float:left;}
.container {width:1024px; overflow:hidden;}

/* ============================= home page========================*/
.column-1{ width:225px;  height:600px;   background:url(../images/leftbar_fade.jpg) bottom no-repeat; background-color:#FFFFFF;}
.column-2{ width:797px; border-left-style:solid; border-width:2px;border-color:#671712; background:#FFFFFF;  }
.column-3{ width:0px;}

.column-1-text{ padding:0px 8px 0px 15px;  }  /* top,right,bottom,left */
.column-2-text{ padding:0px 8px 0px 15px;}
/* ============================= all other pages ===========================*/
#tab1 .column-1{ width:225px;  height:600px;   background:url(../images/leftbar_fade.jpg) bottom no-repeat; background-color:#FFFFFF;}
#tab1 .column-2{ width:797px; border-left-style:solid; border-width:2px;border-color:#671712; background:#FFFFFF;  }
#tab1 .column-3{ width:0px;}




/* header 1 */
#header{width:1024px; background:url(../images/wcyr_logo.jpg) bottom no-repeat; height:219px;}
#header .escape{ float:right; padding: 0px 0px 0px 0px;}
#header .menu-small{ float:right; margin: 200px 5px 0px 0px;}

/* left sidebar */
.leftbar_fade { background:url(../images/leftbar_fade.jpg) bottom no-repeat; }


/* footer  */
.footer{ font-size: 12px; text-align:center;  background: #671712; color:#ffffff; position: relative;
     bottom: 0px;
     left: 0px;
     width: 100%;
}

/* footer  */
.sponsors{ font-size: 12px; text-align:center;  background: #ffffff; color:#000000; position: relative; padding-top:15px; padding-bottom:20px;
     bottom: 0px;
     left: 0px;
     width: 100%;
}

/* main page layout */

.main_page_title {  padding: 10px 0px 0px 10px; background:url(../images/female-sign-logo-small.gif) left top no-repeat; height:105px; vertical-align:top;}
.main_page_title_text { float:left; padding: 13px 8px 30px 50px; font-style: italic; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size:14pt; line-height:1.333em; color:#671712; vertical-align:top;}
.main_page_title_right { float:right; vertical-align:top; padding: 8px 0px 0px 0px;}

.main_page_left_box { background:url(../images/latest-news-text-box-bevel.jpg) left no-repeat; height:250px;  vertical-align:top;}
.main_page_mid_box { background:url(../images/languages-text-box-bevel.jpg) left no-repeat; height:250px; vertical-align:top;}
.main_page_right_box { background:url(../images/volunteer-text-box-bevel.jpg) left no-repeat; height:250px; vertical-align:top;}

.main_page_box_title { text-align: center; vertical-align:text-top;font-size:14pt; padding-top:4px; color:#FFFFFF;}
.main_page_box_content li {  padding: 0px 10px 8px 0px; font-size:12pt; color:#671716; line-height:1.0em;}
.main_page_box_content a { color: #671712; }
.main_page_box_content a:hover{text-decoration:none; color: #FFFFFF;}

/* sub pages layout */

.subpage_body_text {  padding: 25px 10px 15px 10px; }



/* About Us --> Staff */

.staff {  padding-left:5px; padding-bottom:20px; vertical-align:text-top;}



/* events page */

#events td { background:#E9E5C0; vertical-align: top;  }
#events h3 { padding:10px 0px 8px 8px; margin:0; }  /* top,right,bottom,left */ 
#events p { padding:0px 8px 8px 8px; margin:0; }  /* top,right,bottom,left */ 



/* button mouseovers for main page */

.mouseover_newsletter a { background: url("../images/newsletter-button.gif") 0 0 no-repeat; display:block; width: 112px; height: 35px; margin-left: auto;  margin-right: auto; padding: 0px 0px 0px 0px; }
.mouseover_newsletter a:hover { background: url("../images/newsletter-button-hover.gif") 0 0 no-repeat; display:block; width: 112px; height: 35px; margin-left: auto;  margin-right: auto; }


.mouseover_donate a { background: url("../images/donate-button.gif") 0 0 no-repeat; display:block; width: 112px; height: 35px; margin-left: auto;  margin-right: auto;  padding: 0px 0px 0px 0px; }
.mouseover_donate a:hover { background: url("../images/donate-button-hover.gif") 0 0 no-repeat; display:block; width: 112px; height: 35px; margin-left: auto;  margin-right: auto; }


.mouseover_events a { background: url("../images/events-button.gif") 0 0 no-repeat; display:block; width: 112px; height: 35px; margin-left: auto;  margin-right: auto; }
.mouseover_events a:hover { background: url("../images/events-button-hover.gif") 0 0 no-repeat; display:block; width: 112px; height: 35px; margin-left: auto;  margin-right: auto; }

.mouseover_video a { background: url("../images/video-button.gif") 0 0 no-repeat; display:block; width: 112px; height: 35px; margin-left: auto;  margin-right: auto; }
.mouseover_video a:hover { background: url("../images/video-button-hover.gif") 0 0 no-repeat; display:block; width: 112px; height: 35px; margin-left: auto;  margin-right: auto; }

.languages a { background: url("../images/languages.gif") 0 0 no-repeat; display:block; width: 153px; height: 107px; margin-left: auto;  margin-right: auto; }


/* sub page links */
.page_links { text-align: center; padding-bottom:15px;}
.page_links a { font-size: 12pt; color: #294A91; text-decoration: underline; padding-right:15px; 	}
.page_links a:hover { font-size: 12pt;	color: #294A91;	text-decoration: none;	}

/* site map */

.sitemap { padding-left: 10px; }
.sitemap li { list-style: square inside; color:#671712; padding-bottom: 10px; }
.sitemap a { text-decoration: underline; padding-left:10px; }

/* about-->numbers */

.bulletlist ul { list-style:none; }
.bulletlist li { line-height:1.833em; background:url(../images/list-bullet.gif) left top no-repeat; padding-left:20px; padding-bottom:10px; }
.mission h4 { padding-bottom:4px;  margin-bottom:0; }


/* ripple --> bill of rights */

.bulletlist2 li { line-height:1.833em;  padding-bottom:1px; }

/* programs pages */
.prog_headings h4 { padding-bottom:4px;  margin-bottom:0; }
.prog_headings ul { padding-bottom:0px;  margin-top:0; }

/* opportunities page */

#jobsummary h2 { color: #294A91; font-weight: normal; font-size:12pt;}
#jobsummary .subtext { color: #666666; font-weight: bold; font-size:10pt;}

#box-link { 
		margin: 0; padding: 0;
		position: relative; 
		top: 175px; 
		left: 290px; 
		background-color: transparent; 
		border: 0px solid red; 
		text-decoration:none;
}	


#escape-link { 
		position: relative; 
		top: 0px;
		left: 920px;
		background-color: transparent; 
		border: 0px solid red; 
		text-decoration:none;
}	