/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Georgia, Verdana, Times, serif;
	font-size: small;
	font-weight: normal;
	background-color: #F1FFF7;
	color: #572E16;
}

body.popup { background-color: #ffffff;}
	
/*** TEXT ***/

a { color: #cfb363; }
a:hover { color:#689485; }
.one_colB a { color:#689485; }
.one_colB a:hover { color: #cfb363; }

h1 {
	font-size: 1.7em;
	color: #986828;
	font-family: Times, 'Times New Roman';
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: .01em;
	margin: .75em 0 .75em 0;
}

.one_col h1 {
	color: #689485;
	font-size: 2.3em;
}

.one_colB h1 {
	color: #cfb363;
	font-size: 2.3em;
}

.popup h1 { color: #689485; }

h2 {
	color: #689485;
	font-family: Times, 'Times New Roman';
	font-size: 1.2em;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 1px;
	margin: 1.5em 0 .5em 0;
}

p {
	margin: 0;
	padding: 0;
	font-size: .95em;
	line-height: 1.6em;
	margin: 0 0 1em 0;
}
	
ul#navigation {
	position: relative; 
	text-decoration: none;
	list-style-type: none;
	margin: 15px 0 15px 0;
}
	
	#navigation li {
		display: inline;
		margin: 0 10px 0 0;
		font-size: .95em;
		font-weight: bold;
		font-family: Times;
	}
		
		#navigation li a {
			color: #572E16;
			text-decoration: none;
		}
		#navigation li a:hover { color: #cfb363; }
		#navigation li.on a { color: #689485; }
		
		body.two_col #navigation li.on a { color: #cfb363; }
		body.two_col #navigation li a:hover { color: #cfb363; }
		
		.gallery #navigation li a { color: #689485; }
		.gallery #navigation li.on a { color: #572E16; }
		.gallery #navigation li a:hover { color: #cfb363; }
		
/*** DIV STRUCTURE ***/

#wrapper {
	width: 760px;
	position: relative;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	border: 2px solid #A6D1C6;
	background-color: #ffffff;
}

.popup #wrapper {
	position: relative;
	width: 97%;
	height: 100%;
	margin: 1%;
}
	
	#header {
		width: 760px;
		height: 60px;
		margin: auto;
		background-color: #c8e2d8;
	}
	
	.gallery #header { background-color: #e8dab6; }
	
	.popup #header {
		width: 100%;
		text-align: center;
	}
	
		h1.logo {
			height: 67px;
			position: absolute;
			top: 9px;
			left: 65px;
			margin: 0;
		}
	
		h1.logo a {
			height: 0px;
			padding-top: 67px;
			float: left;
			overflow: hidden;
		}
		
		h1.logo a { background: url(/images/structure/logo_blue.gif) no-repeat; }
		.gallery h1.logo a { background: url(/images/structure/logo_brown.gif) no-repeat; } 
		
		.popup h1.logo {
			left: 135px;
		}
		
		#contact_info {
			width: 375px;
			position: absolute;
			top: 40px;
			left: 380px;
			font-size: 12px;
			font-family: Georgia;
		}
		
	#inner_wrapper {	
		width: 743px;
		margin: auto;
		border: 2px solid #986828;
		padding-bottom: 30px;
		margin-bottom: 8px;
	}
	
	.popup #inner_wrapper {
		position: relative;
		width: 96%;
		height: 100%;
		border-width: 1px;
		border-top: none;
		padding: 15px 0 0 0;
		margin: 0 2% 1% 2%;
	}
		
		#nav {
			height: 30px;
			text-align: right;
		}
			
		#content {
			padding: 0 30px 0 30px;
			clear: both;
		}
			
			.gallery_nav {
				text-align: center;
				padding-left: 30%;
				font-family: Times;
				font-size: 1.1em;
			}
			
				.gallery_nav a {
					text-decoration: none;
					color: #cfb363;
				}

				.gallery_nav a:hover, .gallery_nav a.on { color: #572E16; }
			
			/*** change the body class for each type of page (one column, two column, gallery) ***/
			
			body.gallery #col1 {
				width: 325px;
				float: left;
				text-align: center;
			}
				
			body.gallery #col2 {
				width: 325px;
				float: right;
			}
				
			body.one_col #col1 {
			}
			
				#col1 table {
					table-layout: fixed;
					border: none;
					width: 680px;
					font-size: .95em;
					line-height: 1.6em;
				}
				
				#col1 table td {
					vertical-align: top;
					padding: 0 0 1em 0;
				}
				
				#col1 table td.tcol_1 {
					width: 160px;
					color: #689485;
					text-align: right;
				}
				
				#col1 table td.tcol_2 {
					padding-left: 30px;
				}
				
				body.one_colB #col1 table td.tcol_1 {
					color: #cfb363;
				}
			
			body.one_col #col2 {
				display: none;
			}
				
			body.two_col #col1 {
				float: left;
				width: 160px;
			}
				
			body.two_col #col2 {
				width: 500px;
				float: right;
			}	
				
		.clear { clear:both; }
				
/*** IMAGES ***/

.img_sidebar {
	border: 2px solid #572E16;
}

.popup #content img { margin: 0 5px 10px 0; }

.popup #content img.collage {
	border: 1px solid #A6D1C6;
	text-align: center;
}

img.right {
	float: right;
}