/* General structural styles etc for content pages */

html, body  {
	font: small "Trebuchet MS",Verdana,Arial,Sans-serif;
	padding:0;
	margin:0;
	color:#999;
}

body { font-size:85%; }

form {margin:0; padding:0;}

td {
	font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
	font-size:111%;
}

th {
	font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
	font-size:115%;
}

h1 {
	font-family: "Lucida Grande", Verdana,Arial,Sans-serif;
	color:#666;
	font-size:120%;
	padding-top:13px;
}
h2 {
	font-family: "Lucida Grande", Verdana,Arial,Sans-serif;
	color:#666;
	font-size:112%;
	padding-top:5px;
	margin-bottom:2px;
}
h3 {
	font-family: "Lucida Grande", Verdana,Arial,Sans-serif;
	color:#666;
	font-size:108%;
	padding-top:5px;
	margin-bottom:2px;
}

p { margin-top:0;  font-size:113%; line-height:170%;}
.right { text-align:right;}
.centre { text-align:center;}
/* link styles for top nav and footer */
a { color:#000; text-decoration:none; }
a:hover {text-decoration:underline;}


#wrapper{width:744px; margin:0 auto;}

#header{ background-color:#fff;}
#spacer {height:10px;}
#header-wrapper { float:left; width:700px;}

/* the logo */
#logo{ float:left; width:41px; height:77px;}

/*Top Navigation styles*/
#top_nav {font-size:120%; float:left; width: 703px; color:#333; text-align:right; }
#top_nav ul { float:right;list-style:none; margin:0;padding:0; height:24px; }
#top_nav li { float:left; padding:0 10px 0 10px; margin-left:15px;}

#top_nav .last { padding: 0 0 0 10px; }

#banner{ clear:both; width:744px; padding:0; margin:0;}
/* placing the banner photo and the text for all pages except fundraising */
#banner_image {float:left; margin-top:21px;}
#banner_text {color:#FFFFFF; width:334px; text-align:right; /*margin-left:5px;*/ margin-right:20px; margin-top:16px; float:left;    font-size:210%;  }

/* Content wrapper */
#content{padding: 0 0 100px 0; width:744px; background-color:#F2F2F2; float:left; }

/* Styles for left navigation on general pages */ 
#navigation_even { color:#666; float:left; width:273px; padding-left:40px; padding-top:55px; }
#navigation_even ul {margin:0; padding-left:15px; list-style:none;  margin-top:7px; }
#navigation_even a { color:#666; font-size:110%;  }

/* Set styles for the content of the general pages*/
#content_even { width:351px; float:left; padding-left:40px; padding-right:40px; }
#content_even ul {font-size:113%; margin-left:17px; padding-left:0; }
#content_even li {margin-bottom:5px; line-height:170%;}
#content_even a:hover { text-decoration:underline;}

/* styles for the left navigation of fundraising*/
#navigation_narrow {width:30%; }

/* Set styles for the conten fundraising section*/
#content_wide {width:70%;}

.content_table { font-size:90%;}

.img_thumb {float:left; padding:6px 6px 10px 0; }
/* Footer Styles */
#footer { float:left; font-size:100%; font-weight:normal; color:#333; width:100%; text-align:right; padding-top:7px;}
#footer ul {  margin:0; padding:0;list-style:none;}
#footer li { display:inline; padding: 0 0 0 13px; }

/* table styles for the forms */
th {text-align:left; padding:5px 0 5px 0;}
.bottom_border {padding: 10px 0 10px 0; color:#666;}
.bottom_border_p10 {padding: 10px 10px 10px 0; color:#666;}
.bottom_border_inner {padding: 10px 0 10px 0; font-size:100%; color:#666;}
/*non bold text with no border below */
.no_border_plain {padding:10px 0 10px 0; }
/* bolded text with no border below */
.no_border {padding:10px 0 10px 0; color:#666; }
.no_border_p10 {padding:10px 10px 10px 0; color:#666; }
.no_border_inner {font-size:100%; color:#666; }
.no_border li {font-size:90%;}
.bottom_border li {font-size:90%;}

input .smalltext {
font-size: 8pt;
}

.error {color:red;}
.message {font-size:110%;}

.img_right {float:right; padding:0 0 10px 10px;}

#content_even img {border:none;}


.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}