html * {
margin: 0;
padding: 0;
}

body {
font: 78%/150% "Lucida Grande","Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
color: #000;
background: #3b3a3c;
/*  background: #3b3a3c url("/public/img/background.gif") no-repeat bottom left; */
}

/* Global ----------- */

a { 
font-weight: normal;
color: #c11d1b;
 }
 
a:hover { 
text-decoration: none;
 }

p {
padding: 0 0 12px 0;
}

img { border: 0; }

h1 {
font-size: 24px;
font-family: Georgia, Times, Garamond, Serif;
font-weight: normal;
color: #000;
margin: 0 0 10px 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #000;
}

h2 {
font-size: 18px;
font-family: Georgia, Times, Garamond, Serif;
font-weight: normal;
color: #000;
margin: 0 0 10px 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #000;
}
}

h3 {
font-size: 16px;
font-family: Georgia, Times, Garamond, Serif;
font-weight: normal;
color: #000;
margin: 0 0 10px 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #000;
}
}

h4 {
font-size: 14px;
font-family: Georgia, Times, Garamond, Serif;
font-weight: normal;
color: #000;
margin: 0 0 10px 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #000;
}


/* Container(s) ----------- */

#container {
width: 819px;
margin: 0 auto;
padding: 0;
background: #3b3a3c url("/public/img/background.gif") repeat-y;
}


/* header ----------- */

#header {
width: 731px;
margin: 0 auto;
padding: 0;
clear: both;
}

		#header h1 { 
		margin: 0;
		width: 295px;
		padding: 0;				
		}
		
		#header h1 a {				
		height: 131px;
		background: url("/public/img/logo.gif") no-repeat;
		text-decoration: none;
		text-indent: -999em;
		display: block;				
		}
				

/* navigation -------------- */

#navigation {
width: 731px;
height: 62px;
margin: 0 auto;
padding: 17px 0 0 0;
color: #fff;
background: url("/public/img/bkg_header_navigation.jpg") no-repeat;
text-align: right;
clear: both;
}

		#navigation ul {	
		width: 701px;
		margin: 0;
		padding: 0;
		list-style: none;
		clear: both;
		}

			#navigation li { 	
			margin: 0;
			padding: 0;
			display: inline;	
			}
			
			#navigation li a {			
			padding: 0 0 0 22px;
			margin: 0;
			display: inline;
			color: #fff;
			font-family: Georgia, Times, Garamond, Serif;
			font-size: 16px;
			text-decoration: none;						
			}
			
			#navigation li a:hover {			
			color: #c11d1b;
			text-decoration: none;						
			}



#subnav {
width: 215px;
margin: 25px 0 0 0;
padding: 0;
background: #ccc;
}

	#subnav ul {
	margin: 0;
	padding: 10px 0;
	list-style: none;
	}
	
	#subnav li a {
	margin: 0 0 8px 15px;
	padding: 0;
	display: block;
	color: #000;
	font-size: 14px;
	text-decoration: none;
	}
	
	#subnav li a:hover {
	color: #c11d1b;
	}


/* content -------------- */

#content {
width: 681px;
margin: 0 auto;
padding: 0 25px;
background: #fff;
clear: both;
}

	#col1 {
	width: 425px;
	margin: 0 35px 0 0;
	padding: 0;
	float: left;
	}
	
		#col1 ul{
		margin: 0 0 8px 35px;
		padding: 0;
		}
		
		#col1 ol{
		margin: 0 0 8px 35px;
		padding: 0;
		}
		
	#col1wide {
	width: 681px;
	margin: 0;
	padding: 0;
	float: left;
	}
	
		#col1wide ul{
		margin: 0 0 8px 35px;
		padding: 0;
		}
		
		#col1wide ol{
		margin: 0 0 8px 35px;
		padding: 0;
		}
	
	#col2 {
	width: 215px;
	margin: 0;
	padding: 0;
	float: left;
	}
	
	#spacer {
	margin: 0;
	padding: 0;
	clear: both;
	}
	

		
	/*-- breadcrumb ----- */

	#breadcrumb {
	
	margin: 0;
	padding: 0 0 10px 0;
	
	}
	
	
			#breadcrumb ul {
			
			list-style: none;
			margin: 0;
			padding: 0;
			
			}
			
			#breadcrumb li { 
			
			margin: 0;
			display: inline; 
			
			}
			
					#breadcrumb li a {
					
					color: #5b8900;
					font-size: 11px;
					background: url("/public/img/more_arrow.gif") 100% 63% no-repeat;
					padding: 0 10px 0 0;
					
					}
					
					#breadcrumb li a.active { 
					
					color: #a45d2e;
					background-image: none;
					font-weight: normal;
					text-decoration: none;
					
					}
						
	

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

#footer {
width: 681px;
margin: 0 auto;
padding: 0 25px;
background: #000;
color: #fff;
clear: both;
}

	#footer_content {
	width: 681px;
	padding: 20px 0;
	margin: 0 25px 0 0;
	text-align: right;
	}
	
	#footer a {	
	font-weight: bold;
	color: #fff;	
	text-decoration: underline;	
	margin: 0 0 0 8px;
	}

	
	#footer a:hover { 	
	text-decoration: none;	
	}



#space { clear: both; margin: 0; padding: 0; }

/* Gallery --- */

#gallerylist ul { 
	
	float: left; 
	
	}

#gallerylist ul , #gallerylist ul li {

list-style: none;
padding: 0;
margin: 0;

}

#gallerylist ul li img.thumbnail {

float: left;
margin: 0 9px 9px 0;
padding: 4px;
border: solid 1px #ddd;

}

#gallerylist ul li {

border-bottom: solid 1px #eee;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
clear: both;


}

#gallerylist ul li h3 {
	
	padding: 0 0 9px 0;
		
}

#gallerylist ul li h3 a {
	
	font-weight: normal;
	
	
}


#gallery h3 {
	
	font-size: 18px;

	padding: 0 0 10px 0;

	
}

#gallery .gallerymeta {
	
	float: right;
	font-size: 11px;
	
}

#photocontainer p {
	
	font-size: 11px;
	
}

#photocontainer {
	
	width: 464px;
	margin: 0 auto;
	text-align: center;
}

#photocontainer p {
	
	text-align: left;
	
}

#photocontainer p.photonav {
	
	padding: 4px 0 4px 0;
	text-align: center;
	
}

#currentphoto {

padding: 6px;
border: solid 1px #ddd;

}

* html #currentphoto { width: 266px; }

.thumbnail {

vertical-align: top;
padding: 3px;
border: solid 1px #ddd;

}

#thumbnails {
	
	width: 464px;
	margin: 0 auto;
	
}

#thumbnails p.back {
	
	font-size: 11px;
	padding: 0;
	
}

#thumbnails a {

text-decoration: none;

}

#thumbnails .active {

border: solid 1px #333;
padding: 3px;
}

/* from http://www.positioniseverything.net/easyclearing.html --------------------- */

.clearfix:after {

    content: ".";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#editContent {
	
	background: #fff;
	padding: 12px;
	
}