@charset "utf-8";
@import url("content.css");
/* SITE COLOURS: LOGO BLUE:#82a9db; MENU OVER BLUE:#6a8ab3; PINK:#d9b1d4; DK PINK:#c8a3c3; */

body{ background: #e4eefb url(../images/site/body_bg.jpg) repeat-x ;margin:0; padding:0; font:.8em  Arial, Helvetica, sans-serif;text-align: center; color:#000033; }
/*h1,h2,h3,h4,h5,h6,form,div{ margin:0 0 15px; padding:0px;}
p{padding:0px; margin:0;}*/


.listSpace{margin-bottom:5px;}
.normal_text{ text-transform:none;}
.centre_image{margin:0 15px;}
.iLeft{float: left;margin: 0px 20px 10px 0px;	padding: 0px 10px 10px 10px;}
.iLeft2{float: left; margin: 0px 5px 5px 0px; }
.iRight{float: right; margin: 0px 0px 20px 20px; }
.iRight2{float: right;	margin: 0px 0px 20px 20px;}
.temp_text{ color:#FF0000;}

.mainBody #outer_container{width: 1000px; margin: 0 auto;  position:relative;}
.mainBody #main_container {width: 1000px; background: #FFFFFF; 	border: 0px solid #ffffff;text-align: left;} 
.mainBody #header_container { background: #FFFFFF; padding: 0; height:250px;} 
.mainBody #header-left{float:left; width:740px; margin: 0;}
.mainBody #header_right{float:right; width:242px; margin: 0; padding:50px 25px 0 0; }


.mainBody #header_text_container{width:340px; color:#82a9db; text-align:center; margin:0 auto; margin-top:-165px;}
.mainBody #header_text_container #header_text{font-size:1.5em;	background:none; width:300px; margin:0 auto; text-align:left;}
.mainBody #header_text_container #header_text_qleft{font-size:4em; text-align:left;height:0.5em; margin-bottom:-12px; _margin-bottom:-44px;}
.mainBody #header_text_container #header_text_qright{font-size:4em; text-align:right; height:0.5em; margin-top:-22px; margin-right:10px;}

.mainBody #middle_container{ position:relative; top:0px; left:0px; padding:0 20px; }

/*  MAIN HOME ONLY   */
.mainBody #mainContent_home { position:relative; top:-19px; right:20px; margin-left:20px; /*margin-right:320px;*/ padding-bottom:20px; font-size:1.2em;} /*width=650*/
.mainBody #mainContent_home #box_top_home{ min-height:194px; .min-height:205px; padding:5px 15px; margin:-38px 0 15px 0; width:566px;  }
.mainBody #mainContent_home #box_lh2_home{ width:256px; margin-right:330px; min-height:240px; padding:5px 15px; _height:240px;  }/* gutter=16 */
.mainBody #mainContent_home #box_lh3_home{ float:right; width:256px; _width:261px;min-height:240px; _height:240px; padding:5px 15px;}
.mainBody #mainContent_home #box_lh2_home a,.mainBody #mainContent_home #box_lh3_home a{color:#000033;}

#blue_box_top{background-color:#82a9db; color:#FFF;min-height:198px;padding:5px 15px; margin-bottom:15px;}

/* ALL OTHER COTTAGE PAGES*/
.mainBody #mainContent { position:relative; top:-80px; left:20px; width:560px;/* margin: -30px 345px 30px 30px;*/ font-size:1.2em;   }
.mainBody #mainContent img{ border: #333 solid 2px;}
.mainBody #mainContent a{ color:#color:#000033;}


/*  FUNDRAISING HOME  */
.mainBody #mainContent_fund_home{ margin-left:200px; margin-top:-33px; padding-bottom:20px; }
.mainBody #mainContent_fund_home #box_top_fhome{ min-height:198px; .min-height:205px; padding:5px 15px; margin-bottom:15px; font-size:1.2em;}
.mainBody #mainContent_fund_home #box_lh2_fhome{ margin-right:383px; min-height:255px; padding:5px 15px;  _height:255px;font-size:1.2em; }/* gutter=16 */
.mainBody #mainContent_fund_home #box_lh3_fhome{ float:right; width:340px; min-height:255px; padding:5px 15px; _height:255px;font-size:1.2em;}
.mainBody #mainContent_fund_home #box_lh2_fhome a,.mainBody #mainContent_fund_home #box_lh3_fhome a{ color:#81507b;}

/* ALL OTHER FUNDRAISING PAGES*/
.mainBody #mainContent_fund{ margin:-50px 30px 20px 220px; color:#593755;font-size:1.2em; min-height:300px;}/*81507b*/
.mainBody #mainContent_fund p{padding:0 0 5px 0;}

.mainBody #donate_form_container{ margin:20px 0 0 30px;} 

.mainBody #donate_form_container .default_width{ width:70%;}
.mainBody #donate_form_container .small_width{ width:40%;}

/*LEFT SIDE MENU FOR FUNDRAISING*/
.mainBody #menu_left {float: left; width: 14em;background: #d9b1d4; padding: 0; border: 0px solid #82a9db;}
.mainBody #menu_header{ padding:5px; border-bottom:1px solid #FFFFFF; margin-bottom:0px;}

.mainBody #sidebar_right_home {float: right; width: 306px; margin-top:10px; margin-bottom:20px; height: auto; min-height:448px; .min-height:440px; _height:459px; font-size:1.2em; padding:15px;}
.mainBody #sidebar_right_home a{text-decoration:none; color:#601156; font-weight:bold; }
.mainBody #sidebar_right_home p{.line-height:1.2em; }

.mainBody #sidebar_right {float: right; width: 306px; margin-top:30px; height: auto; min-height:448px; .min-height:440px; _height:459px; font-size:1.2em; padding-bottom:15px;}
.mainBody #sidebar_right #fund_Logo {width:136px;}
.mainBody #sidebar_right a{text-decoration:none; color:#601156; font-weight:bold; }
.mainBody #sidebar_right p{.line-height:1.2em; padding:0 10px 10px;}

.mainBody #menu_left h3, .mainBody #menu_left p, .mainBody #sidebar_right p, .mainBody #sidebar_right h3 {margin-left: 10px; margin-right: 10px;}

/*BOXES	*/
.box_blue{background-color:#82a9db; color:#FFFFFF;}
.box_blue_border{border:#82a9db solid 2px;}
.blue_text{ color:#425b7a;}

.box_pink{background-color:#981f89; color:#FFFFFF;}/*d9b1d4*/
.box_pink_border{border:#d9b1d4 solid 2px;}
.pink_text{color:#601156; }/*81507b*/


/*   FOOTER  */
.mainBody #footer { 
	padding-right:10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin:0px;
	margin-top:0px;
	text-align:right;
	font-size:.8em;
	height:15px;
	background-color:#82a9db;
} 
.mainBody #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.mainBody #menu_left{padding-top: 30px;} 
.mainBody #sidebar_right { padding-top: 30px; }
.mainBody #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]--