* { padding: 0; margin: 0; } /*global definition for padding and margin*/

html { height: 101%; }

body { font-size: 100%; height: 100%;
	   background-image:url('/images/bg_main.gif');
	   background-repeat:repeat-x;
	   background-color:#53412E;	
	 	}

h1, h2, h3, h4, h5 { font: bold 100%/100% "Lucida Grande", "Lucida Sans MT", arial, verdana, sans-serif; color: #000; padding: 5px 0 15px 0; }
h1 { font-size: 2.0em; line-height: 100%; color:#333; }
h2 { font-size: 1.4em; line-height: 100%; color:#333; }
h3 { font-size: 1.2em; line-height: 100%; }
h4 { font-size: 1.0em; line-height: 100%; }
h5 { font-size: 0.9em; line-height: 100%; }

p, ol, ul, table, dl { font: normal .75em/150% "Lucida Grande", "Lucida Sans MT", Arial, Verdana, sans-serif; padding: 0 0 10px 0; }

a, a:visited { color: #369; }
a:hover { color: #369; text-decoration: none; }

dl { padding: 0 0 5px 10px; }
dt { font-weight: bold; }
dd { margin: 0 0 5px 0; }

ol { padding: 0 0 0 15px; }
ol li { padding: 0 0 5px 0; }

ul { padding: 0 0 0 20px; }
ul li { padding: 0 0 5px 0; }

th { font-weight: bold; }
td { padding: 3px 0; }

img { border: none; }
option{ margin-right: 10px;}

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

#header {
	height:93px;
	margin:0;
	padding:30px 0 0 0;
}

	.logo {float:left;margin:0;padding:0;}
	.navigation {margin:30px 0 0 0;padding:0;text-align:right;}
	.navigation ul {margin:0;padding:0;}
	.navigation li  {color:#555555;display:inline;margin:0;padding:0 30px 0 0;font-family:"Lucida Grande", "Lucida Sans MT", Helvetica, Arial, Verdana, sans-serif;font-weight:bold;}
	.navigation li.last {border:none !important;margin:0 !important;padding:0 !important;}
	.navigation li a {text-decoration:none;color:#555555;}

#feature_images {
	height:224px;
}

#back_to {border-bottom:1px dotted orange;margin:0 0 15px 0;padding:0;}

#main_content {
	background-image:url('/images/bg_main_content.gif');
	background-repeat:repeat-x;
	background-color:#EEECEB;
}

	.main_col {
		float:left;
		width:62%;
		margin:0 0 0 0;
		padding:30px 40px 0 20px;
	}
	
		.dotted { border-bottom:1px dotted orange; margin:0 0 12px 0;}
		.mission {font-size:13px;}
		
	
	#right_col {
		padding:30px 0 0 0;
		float:left;
	}
	
	.blog_block {
		background-color:#fff;
		padding:20px 30px 30px 30px;
		margin:20px 0 30px 0;
	}
	
		.blog_block h2 {
			font-weight:normal;
			font-size:1.7em;
			color:#333;
			margin:0 0 0 0;
			padding:5px 0 10px 0;
		}
		
			.field_journal {
				font-weight:normal;
				font-size:2.4em;
				color:#333;
				margin:0 0 0 0;
				padding:5px 0 30px 0;
			}
		
		.blog_block h3 {
			padding:0;
			margin:0;
		}
		
		.floated_pic_l {float:left;margin:0 7px 0 0;padding:2px;border:1px solid #ccc;overflow:hidden;}
		.floated_pic_r {float:right;margin:0 0 0 7px;padding:2px;border:1px solid #ccc;overflow:hidden;}
		
		.details {margin:0;padding:3px 0 6px 0;font-size:11px;}
		.blog_title {margin:0;padding:0 0 2px 0;}
		.blog_title_large {margin:0;padding:0 0 2px 0;font-size:24px;}

.children_profiles {		
		background-color:#666;
		padding:20px 20px 31px 20px;
		margin:30px 0 30px 0;
		text-align:center;
		width:228px;
		}
		
		.children_profiles img {border:7px solid #fff;border-bottom:10px solid #fff;}
		.children_profiles p {color:#fff;margin:0;padding:0;}
		.children_profiles a {color:orange;margin:0;padding:20px 0 3px 0 !important;}
		.profiles_description {font-size:11px;}
		
.profiles_header_hp {
	font-weight:normal;
	font-size:14px;
	color:#fff;
	text-align:left;
}

#flickr_strip {
	background-color:#EEECEB;
	padding:14px 10px 10px 10px;
	width:908px;
	margin:15px 0 15px 0;
	text-align:center;
}

	#flickr_strip img {
		margin:6px;
		padding:0;
		border:1px solid #ccc;
	}

/************ styles for notice/error divs ************/
#notice { background-color: #A4E7A0; border: 1px solid #26722D; }
#error { background-color: #F0A8A8; border: 1px solid #900; }
#notice, #error { width: 90%; margin: 0 auto 10px auto; padding: 5px; }
#notice p, #error p { margin-left: 20px; padding: 0; font-size: .75em; color: #000; }
#notice a, #error a { text-decoration: none; padding: 0 3px; }
#notice a { border: 1px solid #26722D; color: #26722D; }
#error a { border: 1px solid #900; color: #900; }
#notice a:hover, #error a:hover { color: #333; border: 1px solid #333; }

/**************************************************
						CLASSES
**************************************************/
.clear { clear: both; }
.formfield { width: 250px; font-size: 16px; margin: 0; padding: 2px; }


/************ styles for pagination ************/
.pagination {
	font: normal .75em/150% Arial, Verdana, Arial,sans-serif;
	padding: 3px;
	margin: 3px;
	text-align: center;
}
.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;
	text-decoration: none;
	color: #666;
	font-size: 1.0em !important;
}
.pagination a:hover, .pagination a:active { border: 1px solid #000; color: #000; }
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;
	font-weight: bold;
	background-color: #666;
	color: #FFF;
}
.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #DDD;
	color: #999;
}
/************************/

