/* Take a peek!  CSS rocks.  You are very welcome to check out my code for tips and hints, but
don't steal design or code! */



/* Globals --------------------------------------------------------- */
body {
	background-color: #5b5d48;
	text-align:center;
}

p {
	margin:0px;
	padding:0px;
}

a img {
	border:none;
	margin:0px;
	padding:0px;
}
img {
	margin:0px;
	padding:0px;
	border:none;
}

/* Container Div and Attributes ------------------------------------ */
#container {
	width:800px;
	margin:0 auto;
}

/* Header Div and Attributes --------------------------------------- */
#header {
	background:url(images/img_bg_header-large.jpg) no-repeat;
	height:314px;
}
#header-small{
	background:url(images/img_bg_header.jpg) no-repeat;
	height:172px;
}	

/* Content Div and Attributes -------------------------------------- */
#content {
	background:url(images/img_bg_main.jpg);
	min-height: 300px;
}
.breadcrumbs {
	color:#000;
	font-weight:bold;
	font-size:.8em;
	}
.breadcrumbs a{
	font-weight:bold;
	text-decoration:underline;
	}
#gallery img{
	padding:10px;
}
	

	/* Columns and their attributes -------------------------------- */
	#main {
		font: .9em Arial, Verdana, Helvetica, sans-serif;
		color:#000;
		text-align:left;
		float:left;
		margin:10px 0 0 60px;
		padding:10px 0 0 0px;
		width: 450px;
		display:inline;
	}
	#main p{
		padding-bottom:.8em;
		}
	#main a{
		color:#000;
		font-weight:bold;
		text-decoration:underline;
		}
	#main a:hover {
		color:#666666;
		}
	#main h1{
		font-size:1.5em;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		color:#660000;
		font-weight:bold;
	}
		
	/*--------------------------*/
	#side {
		font: .9em Arial, Verdana, Helvetica, sans-serif;
		color:#000;
		text-align:left;
		margin:10px 0px 30px 0px;
		padding:10px 30px 0 0;
		float:right;
		width: 170px;
		}
				#sidetop{
					background:url(images/img_bg_sidebar_top.jpg);
					min-height:32px;
					width:170px;
					}
				#sidemiddle{
					background:url(images/img_bg_sidebar_middle.jpg);
					min-height:150px;
					width:170px;
					text-align:center;
					}
				#sidecontent{
					width:140px;
					margin:auto;
					text-align:left
					}
					#sidecontent h1{
						font:1em Arial, Verdana, Helvetica, sans-serif;
						font-weight:bold;
						color:#660000;
						padding:0px 0px 0px 0px;
						margin:0px;
					}
					#sidecontent ul{
						text-decoration:none;
						list-style:none;
						margin:0px;
						padding:10px 0px 0px 0px;
					}
					#sidecontent li{
						color:#000;
						text-decoration:none;
						font-weight:bold;
						font-size:.95em;
						padding:10px 0px 0px 0px;

						}					
					#sidecontent li a{
						color:#000;
						text-decoration:none;
						font-weight:bold;
						font-size:.95em;
						}					
					#sidecontent li a:hover{
						text-decoration:none;
						font-weight:bold;
						color:#666;
					}					

					
				#sidebottom{
					background:url(images/img_bg_sidebar_btm.jpg);
					min-height:27px;
					width:170px;
					}
	/* ----------------------- */
	#widemain {
		font: .9em Arial, Verdana, Helvetica, sans-serif;
		color:#000;
		text-align:left;
		margin:auto;
		padding:20px 0px 0px 0px;
		width: 680px;
	}
	#widemain p{
		padding-bottom:.8em;
		}
	#widemain a{
		color:#000;
		font-weight:bold;
		text-decoration:underline;
		}
	#widemain a:hover {
		color:#666666;
		}
	#widemain h1{
		font-size:1.5em;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		color:#660000;
		font-weight:bold;
	}

/* Footer Div and Attributes -------------------------------------- */
#footer {
	background: url(images/img_bg_footer.jpg);
	min-height: 27px;
}

/* Footer Div and Attributes -------------------------------------- */
#navbar{
	border:none;
	margin:0px;
	padding:0px;
	height:40px;
}
#navbar a{
	border:none;
	margin:0px;
	padding:0px;
	height:40px;
}


/* Miscellaneous Classes -------------------------------------- */
.metadata {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:.6em;
	text-align:center;
	}
.metadata a{
	color:#fff;
	}

/* Various hacks for IE because it sucks -------------------------- */

/* min-height for Internet Explorer */
/*\*/
* html #header {
height: 314px;
}
/**/

/* min-height for Internet Explorer */
/*\*/
* html #content {
height: 300px;
}
/**/

/* min-height for Internet Explorer */
/*\*/
* html #footer {
height: 27px;
}
/**/

/*\*/
* html #sidetop {
height: 32px;
}
/**/

/*\*/
* html #sidemiddle {
height: 150px;
}
/**/

/*\*/
* html #sidebottom {
height: 27px;
}
/**/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

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