html {font-size: 125%;}

body {
	font-size: 50%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	background: url(../graphics/bg.gif) repeat-y center #0055a5;
	line-height: 16px;
}

body.admin {
	font-size: 50%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	background: #ffffff;
	line-height: 16px;
}


p {margin-bottom: 0px;}

h1 {color: #0055a5; font-size: 1.8em; padding-bottom: 3px; border-bottom: 1px solid #0055a5; display: block; margin: 0px; line-height: normal;}
h2 {color: #0055a5; font-size: 1.6em; margin-bottom: 0px; line-height: normal;}
h3 {color: #0055a5; font-size: 1.4em; margin-bottom: 0px; line-height: normal;}

a {color: #0000FF; text-decoration: underline;}
a:visited {color: #000099; text-decoration: underline;}
a:hover {color: #FF0000; text-decoration: underline;}

#header {
	width: 780px;
	height: 130px;
	margin: 0px auto;
	border-bottom: 3px solid #e6343c;
	background: url(../graphics/madewithpride.jpg) right no-repeat #ffffff;
}

	#logo {width: 341px; height: 95px; padding: 35px 0px 0px 15px;}

		#logo a {width: 326px; height: 60px; display: block; background: url(../graphics/logo.gif);}
		#logo h1 {margin: 0px; border-bottom: none; display: compact;}
		
#body {
	width: 780px;
	margin: 0px auto;
}

	#leftNav {width: 190px; float: left; font-size: 1.2em;}
		.leftnavul {margin: 0px; padding: 0px; list-style: none;}
		.leftnavul li {margin: 0 0 0 0; padding: 0; list-style: none; text-align: center;}
			.leftnavul li a {width: 190px; height: 27px; padding: 10px 0 0 0; background: url(../graphics/bg_nav.gif) no-repeat; display: block; text-decoration: none; color: #FFFFFF; font-weight: bold;}
			.leftnavul li a:visited {color: #FFFFFF; text-decoration: none;}
			.leftnavul li a:hover, .leftnavul li a.bigger:hover {background: url(../graphics/bg_nav.gif) 0px -37px no-repeat; color: #ffed59; text-decoration: none;}
			.leftnavul li a:active, .leftnavul li a.bigger:active {background: url(../graphics/bg_nav.gif) 0px -74px no-repeat;}
			.leftnavul li a.bigger {height: 39px; padding: 9px 0px 0px 11px;}
			
			.leftnavul li a.on {color: #ffed59;}
			.leftnavul li a.on:visited {color: #ffed59; text-decoration: none;}
			.leftnavul a.biggeron {color: #ffed59; height: 39px; padding: 9px 0px 0px 11px;}
			.leftnavul a.biggeron:hover {color: #ffed59;}
			
				.leftnavulul {margin: 15px 0 15px 10px; padding: 0; list-style: none;}
				.leftnavulul li {margin: 0; padding: 0; list-style: none; font-size: .9em; text-align: left;}
				.leftnavulul li a {color: #ffffff; text-decoration: underline; display: block; background: none; width: auto; padding: 0; border: none;}
				.leftnavulul li a:visited {color: #ffffff; text-decoration: underline; background: none;}
				.leftnavulul li a:hover {color: #ffed59; text-decoration: underline; background: none;}
				.leftnavulul li a:active {color: #ffffff; text-decoration: underline; background: none;}
				
				.leftnavulul li a.on {color: #ffed59; text-decoration: underline; background: none;}
				.leftnavulul li a.on:visited {color: #ffed59; text-decoration: underline; background: none;}
				.leftnavulul li a.on:hover {color: #ffed59; text-decoration: underline; background: none;}
				.leftnavulul li a.on:active {color: #ffed59; text-decoration: underline; background: none;}
				
					
					.leftnavululul {margin: 5px 0 5px 10px; padding: 0; list-style: none;}
					.leftnavululul  li {margin: 0; padding: 0; list-style: none; font-size: .9em; text-align: left;}
					.leftnavululul  li a {color: #ffffff; text-decoration: underline; display: block; background: none; width: auto; padding: 0; border: none;}
					.leftnavululul  li a:visited {color: #ffffff; text-decoration: underline; background: none;}
					.leftnavululul  li a:hover {color: #ffed59; text-decoration: underline; background: none;}
					.leftnavululul  li a:active {color: #ffffff; text-decoration: underline; background: none;}
				
					.leftnavululul  li a.on {color: #ffed59; text-decoration: underline; background: none;}
					.leftnavululul  li a.on:visited {color: #ffed59; text-decoration: underline; background: none;}
					.leftnavululul  li a.on:hover {color: #ffed59; text-decoration: underline; background: none;}
					.leftnavululul  li a.on:active {color: #ffed59; text-decoration: underline; background: none;}
				
				
			
	#content {
		width: 552px;
		padding: 15px;
		font-size: 1.2em;
		float: right;
	}
	
		#content ul {margin: 15px 0px 0px 12px; padding: 0px; list-style: none;}
		#content ul li {margin: 2px 0px; padding: 0px 0px 0px 10px; list-style: none; background: url(../graphics/bullet_blue.gif) no-repeat;}
	
.clearfloats {clear: both;}
.hiddenspan {display: none;}

.galSelected {padding: 3px; background-color: #ee3a42; width: 50px; height: 50px; display: block; margin: 0px;}
.galSelected:hover {background-color: #0055a5;}
.galNormal {padding: 3px; background-color: #0055a5; width: 50px; height: 50px; display: block; margin: 0px;}
.galNormal:hover {background-color: #ee3a42;}

#form, #textarea {width: 200px; padding: 2px; font-size: 1em; font-family: Arial, Helvetica, sans-serif;}
#textarea {height: 98px;}

#contactList {width: 728px; border: 1px solid #d1d1d1; background-color: #f5f5f5; padding: 10px; margin: 15px 0px 0px 0px; font-size: 1.1em;}



/*==================== PHOTO GALLERY ========================*/

/*/////////CLEARFIX///////////////////////////////////////*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
*html .clearfix {height: 1%;}
.clearfix {display: block;}

#gallery {
	width: 552px;	
	/*border: 1px solid #8fa0b3;*/
	position: relative;
	/*background: #5a677d;*/
	margin: 1em auto;
	line-height: normal;
	font-size: 1.1em;}
#gallery a img, #gallery img {border: 3px white solid;}

#gallery h3{
	display: none;}
	#gallery div{float: left;}
		#sectionThumbs{
			width: 120px;}
			#sectionThumbs a {
				display: block;
				margin: 5px;
				padding: 10px 0;
				text-align: center;
				text-decoration: none;}
				#gallery a{color: #000000;}
				#gallery a:hover{
					background: #003d7d;
					color: #ffffff;}
				#sectionThumbs a span{
					display: block;}
		#gallery td{/*background: blue;*/}
		#photoThumbs, #photoView{width: 100%; padding: 5px 0;}
		#photoThumbs {padding: 0 0 5px;}
		#galleryRight{
			width: 552px;
			/*border-left: 1px solid #48546a;*/
			}
		#photoThumbs{/*border-bottom: 1px solid #48546a;*/}
			#photoThumbs a {margin: 10px 4px 0 4px; padding: 5px; display: block; float: left; background-color: #0055a5; border: 3px double #ffffff;}
			*html #photoThumbs a {padding: 4px; background-color: #0055a5; border: 3px double #0055a5;}
			#photoThumbs a:hover {background-color: #ee3a42; border: 3px double #ffffff;}
			*html #photoThumbs a:hover {background-color: #ee3a42; border: 3px double #ee3a42;}
			#photoThumbs a img {border: 2px solid #ffffff;}
			#photoView img {
				position: relative;
				margin: 10px auto 0 auto;
				display: block;
				background-color: #2b62b0;
				border: 3px double #ffffff;
				padding: 7px;
				}
			*html #photoView img {
				padding: 6px;
				background-color: #2b62b0;
				border: 3px double #2b62b0;
			}		
			#photoView p {
				margin: 0;
				padding: 0;
				width: auto;
				text-align: center;}
			
/*==================== END PHOTO GALLERY ========================*/