/* CSS Document */
#nav{display:block;}
*{margin: 0; padding: 0;}
html {
	font: 125% Arial, Helvetica, sans-serif;
}
body {
	font-size: 50%;
	background: url(img/bg.gif);
}
.hiddenSpan{display: none;}
.left{float: left; display: block; margin: 0 5px 5px 0}
.right{float: right; display: block; margin: 0 0 5px 5px}
/*/////////LAYOUT///////////////////////////////////////////*/

#wrapper {width:990px; margin:0 auto;}



#container{
	float:left;
	width: 770px;
	margin: 0;
	position: relative;
	padding: 0 4px;}
	#container .extraDiv{
		background: #274a9d;
		padding: 20px 0;
		}

#header{width:770px;}
		h1{
			float: left;
			}
			h1 a{
				display: block;
				background-image: url(img/topButtons3.gif);
				width: 100%;
				height: 112px;}
			h1.progressPlus a{width: 246px; background-position: 0 0;}
			h1.riverHeights a{width: 313px; background-position: -246px 0;}
			h1.inverGrove a{width: 211px; background-position: -557px 0;}
				h1.progressPlus a:hover, h1.progressPlus a.on{width: 246px; background-position: 0 -113px;}
				h1.riverHeights a:hover, h1.riverHeights a.on{width: 313px; background-position: -246px -113px;}
				h1.inverGrove a:hover, h1.inverGrove a.on{width: 211px; background-position: -557px -113px;}
			#header ul{
				padding: 1px;
				margin: 0 20px;
				height: 2em;
				clear: both;}
			#header li{
				display: inline;}
				#header li a{
					display: block;
					float: left;
					font-size: 1.5em;
					color:#b2c3ea;
					text-decoration: none;
					margin: 0 .4em;
					padding: .2em;}
					#header li.on a{color: white;}
					#header a:hover{
						color: white;}
					#header .home{margin-right: 140px;}
					
	#middle{
		float:left;
		width:730px;
		background: #e7e7e7;
		margin: 0 20px;
		padding: 15px 0;}
	#middle div{
		background: url(img/line.gif) repeat-y 190px 0;}
		#middle div div{margin: 0; background: none;}
		#nav{
			width: 185px;
			float: left;
			margin: 0;
			position: relative;
			}
		#nav ul{
			list-style: none;
			padding: 5px 0 1px;}			
			#nav ul a{
				display: block;
				width: 159px;
				margin: 0 6px 0 0;
				text-decoration: none;
				font-size: 1.4em;
				padding: 1px 0;
				color:#666666;
				padding-left: 15px;}
				#nav a:hover{
					background: #C8CDFB url(img/hoverLine.gif) repeat-y 0 0;}
				#nav ul .on a{
					background: white url(img/hoverLine.gif) repeat-y 0 0;}
					#nav ul .on li a{
						background: none;
						}
					#header li, #nav li{margin:0;font-size: 1em;}					
			#nav ul ul{
				padding-top: 0;
				margin: 0;
				}
			#nav ul ul a{
				width: 149px;
				font-weight: normal;
				margin: 0 0px 0 0px;
				padding: 1px 0 1px 35px;
				/*background: white;*/
				font-size: 1.3em;}
				
		#content{
			font-size: 1.2em;
			float: left;
			width: 500px;
			padding: 5px 15px;
			margin: 0;}
			
		#sideBar{
			float: left;
			width: 182px;
			}
			#subContent{}
	#bottomNav{}
	#bottom{
		}
	#footer{
		clear:both;
		text-align: center;
		padding-top: 10px;}

#rightCol {margin:0; padding:0 4px 0 4px; width:200px; float:left; background:url(img/bgShadowRightCol.png) top repeat-y;}
#rightCol #bluebg {padding:20px; background:#274a9d;}
#rightCol #bluebg #greybg {/*inline style in include file*/}
#rightCol #bluebg #greybg h2 {margin-bottom:15px; text-align:center;}
#rightCol #bluebg #greybg img {margin-bottom:15px; text-align:center;}






/*/////////CUSTOM/////////////////////////////////////////*/
#gallery {
	width: 500px;	
	border: 1px solid #8fa0b3;
	position: relative;
	background: #5a677d;
	margin: 1em auto;}
#gallery a img, #gallery img{border: 3px white solid;}

#gallery h3{
	display: none;}
#gallery h4{
	text-align: center;
	border-bottom: 1px solid #666666;}
	#gallery div{float: left;}
		#sectionThumbs{
			width: 120px;}
			#content #sectionThumbs a{
				display: block;
				margin: 5px;
				padding: 10px 0;
				text-align: center;
				text-decoration: none;}
				#gallery a{color: white;}
				#gallery a:hover{
					background: #C8CDFB;}
				#sectionThumbs a span{
					display: block;}
		#gallery td{background: blue;}
		#photoThumbs, #photoView{width: 100%; padding: 5px 0;}
		#photoThumbs {padding: 0 0 5px;}
		#galleryRight{
			width: 379px;
			border-left: 1px solid #48546a;
			}
		#photoThumbs{border-top: 1px solid #48546a;}
			#content #photoThumbs a{margin: 0 2px; padding: 2px; display: block; float: left;}
			#photoView img{
				position: relative;
				margin: 0 auto;
				display: block;
				}
			#photoView p{
				margin: 0;
				padding: 0;
				width: auto;
				text-align: center;}
/*/////////GRAPHICAL BUTTONS//////////////////////////////*/
fieldset{
	padding: 1em;
	position: relative;}
label{
	margin: 0 .5em;
	}
label.align{
	display: block;
	float: left;
	width: 60px;}
input[type="checkbox"]{
	margin-left: .5em;}

/*/////////TYPOGRAPHY/////////////////////////////////////*/
img{
	border: 3px solid #CCCCCC;}
#sideBar p{
	line-height: 1em;
	margin: 1em .5em;}
h3{
	font-size: 1.8em;
	font-weight: lighter;
	line-height: 1em;
	margin: .2em 0 .3em;}
#sideBar h3, #sponsors h3{
	display: block;
	padding: 5px;
	background: #2c429b;
	color: white;
	margin: 0;
	font-weight: normal;
	font-size: 1.5em;
	text-transform:uppercase;
	letter-spacing: .02em;
	border: 1px solid #000066;}
#sideBar h4{
	font-size: 1.3em;
	padding: 0 3px 0;
	margin: .5em 0;
	display: block;
	text-decoration: underline;
	font-weight: normal;}
#content a, #sideBar a{
	padding-right: 7px;
	color: #2c429b;
	font-weight: bold;
	text-decoration: none;
	background: url(img/link.gif) no-repeat right .5em;}
	#content a:hover, #sideBar a:hover{
		text-decoration: underline;}
p{
	margin: 1em 0;}
h4{
	margin: 1em 0 0;
	border-bottom: 1px solid gray;}
li{
	margin-left: 5em;
	font-size: 1.2em;
	}
/*/////////CLEARFIX///////////////////////////////////////*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
*html .clearfix {height: 1%;}
.clearfix {display: block;}

.clear-both {clear: both;}

			.list-photo-gallery, .list-design-thumbs {
				margin: 15px 0 0 0;
				padding: 0;
			}
			
				.list-photo-gallery li, .list-design-thumbs li {
					margin: 0 6px 4px 0;
					padding: 0;
					list-style: none;
					float: left;
				}
				
					#content .list-photo-gallery li a, #content .list-design-thumbs li a {padding: 0;}
				
					.list-photo-gallery li a img, .list-design-thumbs li a img {
						border: 1px solid #b4ab93;
					}
					
						.album-description {
							width: 118px;
							height: 42px;
							text-align: center;
							font-size: .75em;
						}
						
							.album-description a {font-weight: normal;}