/******************************  global settings ***********************************/

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	overflow: hidden;
	width: 100%;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
}

/* 
NOTE:
- h4 and h5 are reserved for the side bar titles
- h6 is reserved for the navigation 
*/

h1, h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #a9432a;
	text-align: left;
	text-transform: uppercase;
}

h1 {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 40px;
}

h2 {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 20px;
}

hr {
	background-color: #a9432a;
	border: 0;
	color: #a9432a;
	height: 1px;
	margin-bottom: 10px;	
	margin-top: 10px;	
	text-align: left;	
	width: 100%;

}

p { margin-bottom: 20px; }

img { border: none; }

/****************************** background ****************************************/

#background {
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
}

/****************************** content wrapper ****************************************/

#content {
	height: 100%;
	overflow: auto;
	position: absolute;
	width: 100%;
	z-index: 2;	
}

/****************************** navigation ****************************************/

#navigation {
	background-image: url(../images/red_trans_block.png);
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
	height: 30px;	
	min-width: 960px;
	padding-top: 10px;
	text-align: center;
	text-transform: uppercase;
}

h6 {
	display: inline;
	font-size: 1.5em;
	margin-right: 40px;
	width: auto;
}

h6 a {
	color: #FFFFFF;
	text-decoration: none;
}

/*
#navigation ul {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1.6em;
	list-style: none;
	padding-top: 10px;
	width: auto;
}

#navigation li {
	display: inline;
	margin-right: 40px;
}
*/

.nav_link:hover a { 
	text-decoration: underline; 
}

.nav_link_selected a {
	color: #000000;
}


/****************************** main content *********************************************/

#content_body {	
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 940px;
	

	color: #000000;
	font-size: 1.5em;
	line-height: 1.8em;
	text-align: justify;
}

#main_title {
	color: #000000;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	height: 80px;
	margin-bottom: 20px;
	margin-top: 40px;
	min-width: 960px;
	text-align: center;
}

.main_title_small, .main_title_large {
	font-weight: bold;
	text-transform: uppercase;
}

.main_title_small {
	font-size: 2em;
	margin-bottom: 0;
}

.main_title_large {
	line-height: 0.8em;
	font-size: 6.75em;
}

/****************************** background info (about the photo) + side bar ******************************/

.photo_about {
	color: #444444;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: right;
	margin-top: 40px;
}

.photo_about a,
.photo_about a:link,
.photo_about a:active,
.photo_about a:hover,
.photo_about a:visited
{
	color: #a9432a; 
	text-decoration: none;
	border-bottom: 1px dotted #a9432a;
}

.photo_description {
	font-size: 0.8em;
	line-height: 1.5em;
}

h4 {
	font-size: 1em;
	line-height: 1.5em;
	text-transform: uppercase;
}

h5 {
	color: #000000;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1em;
	line-height: 1.5em;
	margin-bottom: 20px;
}

.side_bar_logo {
	float: left; 
	margin-top: 3px;
}

.side_bar_link {
	float: right; 
	text-decoration: none; 
	font-size: 0.8em; 
	color: #a9432a; 
	text-transform: uppercase;
}

/****************************** footer ****************************************/

#footer {
	background-image: url(../images/red_trans_block.png);
	height: 150px;
	margin-top: 80px;
	min-width: 960px;
	text-align: center;
}

#signature {
	position: relative;
	left: 330px;
	top: -40px;
}

#logos img {
	margin-right: 38px;
}

/****************************** class settings ******************************/

.first_paragraph { 
	float: right; 
	width: 450px; 
}
.portrait_image {
	border: 1px solid #dcceab;
	float: left;
	padding: 10px;	
}

.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.normal_text { text-transform: none; }


.hidden { visibility: hidden; }
.clear { clear: both; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.note { 
	font-size: 0.8em; 
	color: #000000; 
}

.small { font-size: 0.85em; }
.citation { line-height: 2em; text-align: left; text-indent: -1.5em; width: 620px; margin-left: 1.5em; }


/**************** layout classes STARTS here ******************/
.auto_margin {
	float: none !important;
	margin-left: auto;
	margin-right: auto;
}
.line_height_half { line-height: 0.5em; }
.line_height_full { line-height: 1.5em; }
.min_height { min-height: 450px; }
.no_margin { margin: 0; }
.with_right_margin { margin-right: 20px; }
.with_left_margin { margin-left: 20px; }
.with_top_margin { margin-top: 20px; }
.with_bottom_margin { margin-bottom: 20px; }
.with_background { background-color: #F9ECC9; }
.first_item { margin-top: 80px; }

/* without padding */
.column_1 {
	float: left;
	width: 60px;
}

.column_2 {
	float: left;
	width: 140px;
}

.column_3 {
	float: left;
	width: 220px;	
}

.column_4 {
	float: left;
	width: 300px;	
}

.column_5 {
	float: left;
	width: 380px;
	
}

.column_6 {
	float: left;
	width: 460px;	
}

.column_7 {
	float: left;
	width: 540px;	
}

.column_8 {
	float: left;
	width: 620px;	
}

.column_9 {
	float: left;
	width: 700px;
}

.column_10 {
	float: left;
	width: 780px;
}

.column_11 {
	float: left;
	width: 860px;
}

.column_12 {
	float: left;
	width: 940px;
}

/* with padding */



.column_3_with_padding {
	float: left;
	padding: 10px;	
	width: 200px;	
}

.column_4_with_padding {
	float: left;
	padding: 10px;	
	width: 280px;	
}

.column_5_with_padding {
	float: left;
	padding: 10px;	
	width: 360px;	
}

.column_6_with_padding {
	float: left;
	padding: 20px;	
	width: 420px;
}

.column_7_with_padding {
	float: left;
	padding: 20px;	
	width: 500px;
}

.column_8_with_padding {
	float: left;
	padding: 20px;	
	width: 580px;
}

.column_9_with_padding {
	float: left;
	padding: 20px;	
	width: 660px;
	min-height: 450px;
}

.column_9_with_10_padding {
	float: left;
	padding: 10px;	
	width: 680px;
	min-height: 450px;
}

.column_12_with_padding {
	float: left;
	padding: 20px;	
	width: 900px;
}

/**************** layout classes ENDS here ******************/