@charset "UTF-8";
/* CSS Document */

*{ padding: 0; margin: 0; }

/************/
/*** MAIN ***/
/************/

body {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Geneva, sans-serif;
	font-size: 62.5%; 
	color: #301B08;
	background-color: #BCB678;
	background-image: url(../images/bg_main.jpg);
	margin: 0; padding: 0;
	text-align: center;
	}
	

#wrap_header { 
	width: 1100px;
	height: 130px;
	margin: 0 auto;
	text-align: left;
	}	
	
#header {
	margin: 0 0 0 0;
	height: 130px; width: 650px;
	float: left;
	z-index: 0;
	}
	
#logos {
	margin: 0 50px 0 0;
	height: 50px; width: 300px;
	float: right;
	z-index: 0;
	}
	
#wrap_outside {
	width: 1010px;
	margin: 0 auto; padding: 0;
	border-left: 10px solid #333333;
	border-right: 10px solid #333333;
	position: relative;
	z-index: 1;
	}
	
#content {
	width: 960px;
	padding: 20px 20px 20px 20px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
	border-left: 5px solid #999999;
	border-right: 5px solid #999999;
	z-index: 1;
	position: relative;
	}
	
/************/
/*** DIVS ***/
/************/

#left {
	width: 560px;
	float: left;
	/*background-image: url(../images/left_bg.jpg);*/
	background-repeat: repeat-y;
	margin: 0px; padding: 0;
	}
	
#comment {
	border-top: 2px solid #301B08;
	margin: 10px 0 0 0;
	padding: 10px 0 10px 0;
	clear: both;
	}
	
#comment_left {
	width: 175px;
	float: left;
	}
	
#comment_left p, #comment_right p {
	font-size: 1.2em;
	}
	
#comment_right {
	width: 375px;
	float: right;
	}
	
#right {
	width: 370px;
	float: right;
	background-color: #FFFFFF;
	}
	
#right_left {
	width: 180px;
	float: left;
	}
	
#right_right {
	width: 170px;
	float: right;
	}
	
.clear {clear: both;}

/***********/
/*** NAV ***/
/***********/
	
#nav {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	}
	
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	}
	
#nav ul li {
	float: right;
	margin: 0;
	padding: 0;
	outline: none;
	list-style: none;
	border: none;
	}
	
#nav ul li a {
	float: left;
	padding: 5px 10px;
	margin: 0;
	text-decoration: none;
	font-size: 1.6em;
	font-style: bold;
	border-top: 5px solid transparent;
	outline: none;
	color: #352F0F;
	}
	
#nav ul li a:hover {
	background-color: #FFFFFF;
	color: #6A5D19;
	border-top: 5px solid #6A5D19;
	}
	
#home li#nav_home  a, 
#overview li#nav_overview a, 
#students li#nav_students a,
#blogs li#nav_blogs a,
#share li#nav_share a
 	{
	background-color: #FFFFFF;
	color: #6A5D19;
	border-top: 5px solid #6A5D19;
	} /* Sets active state for Top Navigation if Body ID and top nav ID match */

	
/**********************/
/*** STUDENT BLOCKS ***/
/**********************/

#student_block {
	width: 525px;
	float: left;
	list-style: none;
	padding: 0px;
	border: none;
	}

#student_block li {
	width: 246px;
	height: 164px;
	background-color: #333333;
	margin: 0 0 20px 0; padding: 0px;
	float: left;	
	display: inline;
	border: none;
	}
	
#student_block li.first {
	margin-right: 25px;
	}
	
/* ---- show-hide elements ---- */
		
#student_block li .show {
			display:block;
			width:246px;
			height:164px;
			margin: 0px; padding: 0px;
			border: none;
			}
			
#student_block li .hide {
			text-align: left;
			height: 0;
			overflow: hidden;
			background:url(../images/bg_student_block.jpg) repeat-y;
			color: #FFFFFF;
			margin: 0px; padding: 0px;
			border: none;
			}
		
#student_block li:hover .hide, #student_block li.over .hide {
			width:246px;
			height: 164px;
			}
		
#student_block li:hover .show, #student_block li.over .show {
			height: 0;
			overflow: hidden;
			margin: 0px; padding: 0px;
			}
		
#student_block li a {
			color: #FFFFFF;
			border: none;
			}
		
#student_block li a:hover {
			background-color: #003798;
			color: #FFFFFF;
			}
			
.hide p, .hide h2 {
	margin: 5px;
	color: #FFFFFF;
	}

/*************/
/*** FONTS ***/
/*************/

h1 {
	font-size: 3em;
	font-weight: bold;
	font-family: Tahoma, 'Myriad Pro', Verdana, Arial, sans-serif;
	color: #57311A;
	padding: 0px;
	margin: 0 0 10px 0;
	line-height: 28px;
	letter-spacing: -1px;
	/*border-top: 2px solid #57311A;
	border-bottom: 2px solid #57311A;*/
	}
	
h2 {
	font-size: 2em;
	font-weight: bold;
	font-family: Tahoma, 'Myriad Pro', Verdana, Arial, sans-serif;
	color: #57311A;
	padding: 0px;
	margin: 0px;
	}
	
h3 {
	font-size: 1.4em;
	font-weight: bold;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Geneva, sans-serif;
	color: #57311A;
	padding: 0px;
	margin: 0px;
	}
	
p {
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 0px;
	margin: 0 0 10px 0;
	}
	
p.small { 
	font-size: 1.2em;
	font-style: italic;
	margin: 5px 0 0 0;}
	
p.line {
	border-top: 1px solid #301B08;
	}

a:link { color: #003798; text-decoration: none; }
a:visited { color: #003798; text-decoration: none; }
a:active { color: #FFFFFF; text-decoration: none; background-color: #003798 }
a:hover { color: #FFFFFF; text-decoration: none; background-color: #003798 }

ul.square {
	margin: 0 0 10px 20px;
	font-size: 1.4em;
	}
	
ul.square li {
	list-style-type:none;
	padding: 6px 0 4px 0;
	border-bottom: 1px solid #BCB678;
	}
	
.more_arrow {
	font-size: 1.6em;
	line-height: .8em;
	letter-spacing: -5px;
	font-weight: bold;
	}
	
.more_arrow a:link, a:visited {
	text-decoration: none;
	}
	
.more_arrow a:active, a:hovered {
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: #6A5D19;
	}
	
/*************/
/*** BLOG ***/
/************/

#post {
	width: 525px;
	float: left;
	background: url(../images/bg_left.jpg) repeat-y;
	padding: 10px;
	}
	
#post_short {
	background: url(../images/bg_left.jpg) repeat-y;
	padding: 10px;
	margin-bottom: 20px;
	}
	
#post_long {
	background: url(../images/bg_left.jpg) repeat-y;
	padding: 10px;
	margin-bottom: 20px;
	}

p.gray {
	background-color:#CCCCCC;
	padding: 5px 0 5px 10px;
	}
	
p.date {
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0px;
	margin: 0 0 10px 0;
	color:#666666;
	}
	
p.information {
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0px;
	text-align: center;
	color: #666666;
	}
	
.thumb {
	float: right;
	height: 75px;
	width: 75px;
	clear: both;
	padding: 2px;
	margin: 0 0 2px 2px;
	border: 1px solid #BCB678;
	}

/**************/
/*** IMAGES ***/
/**************/

.button { border: none; }
.button a { border: none; text-decoration:none}

.student { 
	width: 180px;
	clear: both;
	}
.student img { 
	float: left;
	height: 60px;
	width: 60px;
	padding: 2px;
	margin: 0 0 5px 0;
	border: 1px solid #BCB678; 
	}
.student p {
	float: right;
	margin: 0 0 0 0;
	width: 110px;
	}
	
.student ul {
	list-style-type:none;
	}
	
.student ul li {
	font-size: 1.4em;
	}

/*  Flickr
---------------------------------------------------------- */
.flickr_badge { 
	float: left; 
	margin: 0 0 0 -5px;
	width: 350px;
	}
.flickr_badge_image img { 
	width: auto; height: 75px; 
	margin: 0 0 5px 5px;
	padding: 2px;
	border: 1px solid #BCB678; 
	float: left; 
	}
	
.flickr_badge img[src*="http://geo.yahoo.com"] { display:none }

/*  Footer 
---------------------------------------------------------- */

#footer {
	background-color:#E5E5E5;
	clear: both;
	padding-top: 10px;
	text-align: left;
	}
	
#footer_wrap {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 960px;
	text-align: left;
	background-color: #E5E5E5;
	}

.footer_col {
	position: relative;
	float: left;
	width: 239px;
	border-right: 1px solid #ffffff;
	padding-bottom: 10px;
	}
	
.footer_col_print {
	position: relative;
	float: left;
	width: 239px;
	border-right: 1px solid #ffffff;
	}

#footer_disclaimer {
	border-bottom: 1px solid #ffffff;
	padding: 0 0 10px 0;
	margin: -10px 0 0 0;
	clear: both;
	}

#footer_copyright {
	border-top: 1px solid #ffffff;
	margin-bottom: 2em;
	clear: both;
	}

#footer strong {
	font-weight: bold;
	text-transform: uppercase;
	}

#footer p {
	margin-bottom: 0.3em;
	margin-left: 10px;
	padding-top: 1em;
	line-height: 1.3;
	font-size: 1.2em;
	}

#footer_copyright p, #footer_disclaimer p {
	margin-top: 10px;
	font-size: 1.1em;
	}

#footer ul {
	margin: 0 10px;
	list-style-type: none;
	font-size: 1.2em;
	}

#footer li {
	padding-bottom: 0.3em ;
	}
	
#footer address {
	margin-bottom: 0.4em;
	margin-left: 10px;
	padding-top: 0em;
	line-height: 1.3;
	font-size: 1.2em;
	font-style: normal;
	}