﻿@import url("layout.css");
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #EDEDED;
	background-image: url('../images/bg_b.gif');
	background-repeat:repeat-x;
	/* background-color: #00224F;
	background-image: url('../images/xmasbackground.jpg');
	background-repeat:repeat-x; */
	padding-top: 5px;
	font-size: small;
}
#container {
	background-color: #fff;
}
/* Mastheads */
#masthead {
	background-image: url('../images/NewTitle1a.jpg');
	/*background-image: url('../images/NewTitle14a.jpg');*/
	background-repeat: no-repeat;
}
#masthead2 {
	background-image: url('../images/NewTitle2a.jpg');
	background-repeat: no-repeat;
}
#masthead3 {
	background-image: url('../images/NewTitle3a.jpg');
	background-repeat: no-repeat;
}
#masthead4 {
	background-image: url('../images/NewTitle17a.jpg');
	background-repeat: no-repeat;
}
#masthead5 {
	background-image: url('../images/NewTitle5a.jpg');
	background-repeat: no-repeat;
}
#masthead6 {
	background-image: url('../images/NewTitle6a.jpg');
	background-repeat: no-repeat;
}
#masthead7 {
	background-image: url('../images/NewTitle16a.jpg');
	background-repeat: no-repeat;
}
#masthead8 {
	background-image: url('../images/NewTitle8a.jpg');
	background-repeat: no-repeat;
}
#masthead9 {
	background-image: url('../images/NewTitle9a.jpg');
	background-repeat: no-repeat;
}
#masthead10 {
	background-image: url('../images/NewTitle10a.jpg');
	background-repeat: no-repeat;
}
#masthead11 {
	background-image: url('../images/NewTitle11a.jpg');
	background-repeat: no-repeat;
}
#masthead12 {
	background-image: url('../images/NewTitle12a.jpg');
	background-repeat: no-repeat;
}
#masthead13 {
	background-image: url('../images/NewTitle13a.jpg');
	background-repeat: no-repeat;
}
#masthead14 {
	background-image: url('../images/NewTitle1aa.jpg');
	background-repeat: no-repeat;
}
#masthead15 {
	background-image: url('../images/NewTitle15a.jpg');
	background-repeat: no-repeat;
}
/* Navigation Backgrounds */
#navigation {
	background-image: url('../images/NewTitle1b.jpg')
	/*background-image: url('../images/NewTitle14b.jpg')*/
}
html>body #navigation {
	overflow: hidden;
}
#navigation3 {
	background-image: url('../images/NewTitle2b.jpg')
}
html>body #navigation3 {
	overflow: hidden;
}
#navigation4 {
	background-image: url('../images/NewTitle3b.jpg')
}
html>body #navigation4 {
	overflow: hidden;
}
#navigation5 {
	background-image: url('../images/NewTitle17b.jpg')
}
html>body #navigation5 {
	overflow: hidden;
}
#navigation6 {
	background-image: url('../images/NewTitle5b.jpg')
}
html>body #navigation6 {
	overflow: hidden;
}
#navigation7 {
	background-image: url('../images/NewTitle6b.jpg')
}
html>body #navigation7 {
	overflow: hidden;
}
#navigation8 {
	background-image: url('../images/NewTitle16b.jpg')
}
html>body #navigation8 {
	overflow: hidden;
}
#navigation9 {
	background-image: url('../images/NewTitle8b.jpg')
}
html>body #navigation9 {
	overflow: hidden;
}
#navigation10 {
	background-image: url('../images/NewTitle9b.jpg')
}
html>body #navigation10 {
	overflow: hidden;
}
#navigation11 {
	background-image: url('../images/NewTitle10b.jpg')
}
html>body #navigation11 {
	overflow: hidden;
}
#navigation12 {
	background-image: url('../images/NewTitle11b.jpg')
}
html>body #navigation12 {
	overflow: hidden;
}
#navigation13 {
	background-image: url('../images/NewTitle12b.jpg')
}
html>body #navigation13 {
	overflow: hidden;
}
#navigation14 {
	background-image: url('../images/NewTitle13b.jpg')
}
html>body #navigation14 {
	overflow: hidden;
}
#navigation15 {
	background-image: url('../images/NewTitle15b.jpg');
}
html>body #navigation15 {
	overflow: hidden;
}
/* Columns */
#column_l {
	width: 620px;
	padding: 15px;
	background-color: #fff;
}
html>body #column_l {
	width: 620px;
	padding: 15px;
	background-color: #fff;
}
#column_r {
	width: 150px;
	padding: 10px 5px;
	background-color: #fff;
}
html>body #column_r {
	width: 150px;
	padding: 10px 5px;
	background-color: #fff;
}
#content {
	background-color: #fff;
}
#footer {
	text-align: right;
	padding-bottom: 10px;
}
html>body #footer {
	text-align: center;
	padding-bottom: 0;
}
/* Navigation Styles*/
#navigation ul {
	list-style-type: none;
	width: 820px;
	margin: 0px 10px 15px 0px;
	padding: 10px 0px 10px 0px;
}
#navigation li {
	float: left;
}
#navigation a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px;
}
#navigation a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #99CCFF;
}
#navigation0 ul {
	list-style-type: none;
	width: 820px;
	margin: 0px 10px 15px 0px;
	padding: 10px 0px 10px 0px;
}
#navigation0 li {
	float: left;
}
#navigation0 a {
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
}
#navigation0 a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #99CCFF;
}
#navigation1 ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 10px;
}
#navigation1 li {
	float: left;
	width:140px;
	height:25px;
}
#navigation1 a {
	font-weight: bold;
	font-size:small;
	text-decoration: none;
	color: #FF9933;
	padding: 5px;
}
#navigation1 a:hover {
	font-weight: bold;
	font-size:small;
	text-decoration: none;
	color: #FF6600;
	padding: 5px;
}
#navigation2 ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 10px;
}
#navigation2 li {
	float: left;
	width:148px;
	height:25px;
}
#navigation2 a {
	font-weight: bold;
	font-size:small;
	text-decoration: none;
	color: #FF9933;
	padding: 5px;
}
#navigation2 a:hover {
	font-weight: bold;
	font-size:small;
	text-decoration: none;
	color: #FF6600;
	padding: 5px;
}
#navigation3 ul {
	list-style-type: none;
	width: 820px;
	margin: 0px 10px 0px 15px;
	padding: 10px 0px 10px 0px;
}
#navigation3 li {
	float: left;
}
#navigation3 a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px;
}
#navigation3 a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #99CCFF;
}
#navigation4 ul {
	list-style-type: none;
	width: 820px;
	margin: 0px 10px 15px 0px;
	padding: 10px 0px 10px 0px;
}
#navigation4 li {
	float: left;
}
#navigation4 a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px;
}
#navigation4 a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #99CCFF;
}
#navigation5 ul {
	list-style-type: none;
	width: 820px;
	margin: 0px 10px 15px 0px;
	padding: 10px 0px 10px 0px;
}
#navigation5 li {
	float: left;
}
#navigation5 a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px;
}
#navigation5 a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #99CCFF;
}
#navigation6 ul {
	list-style-type: none;
	width: 820px;
	margin: 0px 10px 15px 0px;
	padding: 10px 0px 10px 0px;
}
#navigation6 li {
	float: left;
}
#navigation6 a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px;
}
#navigation6 a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #99CCFF;
}
#navigation7 ul {
	list-style-type: none;
	width: 820px;
	margin: 0px 10px 15px 0px;
	padding: 10px 0px 10px 0px;
}
#navigation7 li {
	float: left;
}
#navigation7 a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px;
}
#navigation7 a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #99CCFF;
}
#navigation8 ul {
	list-style-type: none;
	width: 820px;
	margin: 0px 10px 15px 0px;
	padding: 10px 0px 10px 0px;
}
#navigation8 li {
	float: left;
}
#navigation8 a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px;
}
#navigation8 a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #99CCFF;
}
#navigation9 ul {
	list-style-type: none;
	width: 820px;
	margin: 0px 10px 15px 0px;
	padding: 10px 0px 10px 0px;
}
#navigation9 li {
	float: left;
}
#navigation9 a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px;
}
#navigation9 a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #99CCFF;
}
#navigation10 ul {
	list-style-type: none;
	width: 820px;
	margin: 0px 10px 15px 0px;
	padding: 10px 0px 10px 0px;
}
#navigation10 li {
	float: left;
}
#navigation10 a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px;
}
#navigation10 a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #99CCFF;
}
#navigation11 ul {
	list-style-type: none;
	width: 820px;
	margin: 0px 10px 15px 0px;
	padding: 10px 0px 10px 0px;
}
#navigation11 li {
	float: left;
}
#navigation11 a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px;
}
#navigation11 a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #99CCFF;
}
#navigation12 ul {
	list-style-type: none;
	width: 820px;
	margin: 0px 10px 15px 0px;
	padding: 10px 0px 10px 0px;
}
#navigation12 li {
	float: left;
}
#navigation12 a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px;
}
#navigation12 a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #99CCFF;
}
#navigation13 ul {
	list-style-type: none;
	width: 820px;
	margin: 0px 10px 15px 0px;
	padding: 10px 0px 10px 0px;
}
#navigation13 li {
	float: left;
}
#navigation13 a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px;
}
#navigation13 a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #99CCFF;
}
#navigation14 ul {
	list-style-type: none;
	width: 820px;
	margin: 0px 10px 15px 0px;
	padding: 10px 0px 10px 0px;
}
#navigation14 li {
	float: left;
}
#navigation14 a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px;
}
#navigation14 a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #99CCFF;
}
#navigation15 ul {
	list-style-type: none;
	width: 820px;
	margin: 0px 10px 15px 0px;
	padding: 10px 0px 10px 0px;
}
#navigation15 li {
	float: left;
}
#navigation15 a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px;
}
#navigation15 a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #99CCFF;
}
/* Site typography */
h1 {
	font-size: xx-large;
	color: #800;
}
h2 {
	font-size: x-large;
	font-family: Souvenir Lt BT, Verdana, Arial, sans-serif;
	color: #000099;
	padding-top:0px;
	padding-bottom:10px;
}
h3 {
	font-size: small;
	text-align: center;
	color: #999999;
}
h5 {
	color: #FF6600;
	font-family: Souvenir Lt BT, Verdana, Arial, sans-serif;
	font-size: large;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0;
	padding: 3px;
}
h6 {
	font-size: small;
	font-weight:bold;
}
/* Sidebar Links */
h4 {
	font-size: medium;
	color: #500;
}
/* Footer */
#footer p {
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url('../images/BottomBorderNew.jpg');
	background-repeat:no-repeat;
	width: 840px;
	height: 106px;
	color: #000;
	padding-top: 15px;
}
/* Fieldsets */
fieldset {
border: 0px solid #000099;
padding: 15px;
}

legend {
font-weight: bold;
font-size: medium;
font-family: Arial, Tahoma, sans-serif;
color: #000099;
padding: 5px;
}

select {
font-weight: normal;
font-size: small;
font-family: Arial, Tahoma, sans-serif;
}

form.event fieldset {
border: 2px solid #000099;
padding: 10px;
}

form.event legend {
font-weight: bold;
font-size: medium;
font-family: Arial, Tahoma, sans-serif;
color: #000099;
padding: 5px;
}

form.event select {
font-weight: normal;
font-size: small;
font-family: Arial, Tahoma, sans-serif;
}
/* Links */
a {
	color:#0099FF;
	text-decoration: underline;
}
a:hover {
	color: #0000FF;
	text-decoration: underline;
}
/* Styles */
.cap { color: #808080; font-size: x-small; font-style: italic; text-align: right; margin-bottom: 3px; }

.event_news_pics_l {
    BORDER-RIGHT: #534c46 2px solid;
	BORDER-TOP: #534c46 2px solid;
	MARGIN: 0px 15px 0px 0px;
	BORDER-LEFT: #534c46 2px solid;
	BORDER-BOTTOM: #534c46 2px solid;
	float: left;
}
.event_news_pics_r {
    BORDER-RIGHT: #534c46 2px solid;
	BORDER-TOP: #534c46 2px solid;
	MARGIN: 0px 0px 0px 15px;
	BORDER-LEFT: #534c46 2px solid;
	BORDER-BOTTOM: #534c46 2px solid;
	float: right;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
.style_submit {
	font-style: italic;
	font-size: small;
	color: #000099;
}
.style_yardies {
	font-size: small;
	font-style: italic;
	color: #999999;
	text-align: center;
}
.style_top {
	font-size: x-small;
	font-style: italic;
	color: #999999;
	text-align: left;
}
.style_bmark {
	text-decoration: none;
	font-weight:bold;
	}
.style_notes {
	font-size: x-small;
	font-style: italic;
	color: #666666;
}
.style_members_form {
	text-align: left;
	vertical-align: top;
}
.style_members_form2 {
	text-align: center;
	vertical-align: top;
	width: 200px;
}
.style_members_form3 {
	text-align: center;
	vertical-align: middle;
	width: 175px;
}
.style_members_form4 {
	text-align: left;
	vertical-align: middle;
}
.style_members_table {
	width: 500px;
	padding: 5px;
}
.style_members_table_1 {
	width: 400px;
	text-align: center;
}
.style_members_table_2 {
	width: 400px;
	padding: 5px;
}
.style_info { 
	color: #FFFFFF;
	background-color: #666666;
	font-size: x-small;
}
.style_site1 {
	font-size: large; 
	color: #0033CC;
}
.style_site2 {
	font-size: large;
	font-style: italic; 
	color: #666666;
}
.style_site3 {
	font-size: medium;
	font-style: italic; 
	color: #999999;
}
.style1 {
	text-align: right;
}
.style2 {
	text-align: center;
}
.style2a {
	text-align: center;
	font-size: medium;
	font-family: Arial, Tahoma, sans-serif;
	color: #000099;
	font-weight: bold;
}
.style3 {
	text-align: center;
	font-size: x-small;
	font-style: italic;
	color: #999999;
}
.style3a {
	text-align: center;
	font-size: x-small;
	font-style: italic;
	color: #0033CC;
}
.style6 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.style7 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #FF0000;
	font-size: x-large;
	font-family:Arial, Helvetica, sans-serif
}
.style8 {
	width: 250px;
	height: 25px;
}
.style9 {
	font-size: small;
	font-style: italic;
	color: #800000;
	text-align: center;
	font-weight: bold;
}
.style10 {
	background-image: url('../images/Webdes.jpg');
	background-repeat: no-repeat;
	text-align: right;
	font-weight: bold;
	height: 25px;
	color: #0099FF;
	font-size: large;
	font-family: Souvenir Lt BT, Verdana, Arial, sans-serif;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
height:375px;
background:#FFFFFF url('../images/Silverhill%20Webdesign%20Logo%20v1.jpg') 225px 50px no-repeat;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img{
border: 1px #000000;
margin: 5px 5px 5px 5px;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px #003366;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
border: 1px dashed #FF6600;
visibility: hidden;
color: black;
text-decoration: none;
text-align: center;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 140px; /*position where enlarged image should offset horizontally */
z-index: 50;
}