@import "gallery/flavors/default/spgm_style.css";

body { 
	background: #2b2b2b;
	margin: 0;
	color: #cccccc;
	font: 80% Arial, Verdana, Helvetica;
}




A:link { color: #85BFCD }
A:visited { color: #81A0A7 }
A:active, A:hover { color: #E2CCAE }

h1 { 
	color: #636363;
	font: 150% Georgia, Times New Roman, Times;
}
h2 {
	color: #b2b2b2;
	font: 150% Georgia, Times New Roman, Times;
}
h3 {
	color: #b2b2b2;
	font: italic 140% Georgia, Times New Roman, Times;
}
h4 {
	color: #b2b2b2;
	text-transform: uppercase;
	font: bold italic 120% Georgia, Times New Roman, Times;
}
h5 {
	color: #b2b2b2;
	font: bold italic 120% Arial, Helvetica, Verdana;
}
h6 {
	color: #b2b2b2;
	font: bold 100% Arial, Helvetica, Verdana;
}
hr {
	height: 1px;
	color: #b2b2b2;
}

/* div layout info */
#top {
	width: 100%;
	height: 54px;
	background: url('images/top-bg.gif') repeat-x bottom #3f3f3f;
}

#body1 {
	width: 100%;
	height: 333px;
	background: #ffffff;
}

#menu {
	width: 210px;
	height: 333px;
	float: left;
	padding: 5px 0px 5px 15px;
}
	.button {
		padding: 2px 0px 2px 0px;
	}

#homepics {
	padding: 6px 5px 6px 0px;
}
	#homepics img {
		margin-right: 5px;
	}
	
#body2 {
	background: url('images/shadowbg.gif') repeat-x top;
	padding: 10px 7px 10px 3px;
}
#body3 {
	background: url('images/shadowbg.gif') repeat-x top;
}

#body {
	width: 100%;
	color: #444444;
	background: #ffffff;
	min-height: 333px;
}

.bodyblack { 
	background: white;
	margin: 0;
	color: #2B2B2B;
	font: 80% Arial, Verdana, Helvetica;
}



#gallery {
	width: 100%;
	color: #444444;
	background: #ffffff;
	min-height: 333px;
}

#content {
	padding: 10px;
	margin-left: 210px;
}
	html>body #content { margin-left: 225px; }

.box1 {
	width: 380px;
	background: #3f3f3f;
	float: left;
	margin: 2px;
	border: solid 1px #c9c9c9;
	padding: 8px;
}
	.box1 object, .box1 embed {
		margin-bottom: -5pt;
	}
	
#footer {
	clear: both;
	margin-top: 5pt;
	padding: 5px;
	border-top: solid 1px #b2b2b2;
	font: 85% Arial, Verdana, Helvetica;
}

.hidden { display: none }