* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Verdana, sans-serif;
	background-color: #096EB3;
	min-width: 994px;
}

#abovelogo { /*above the logo with the title of the site*/
	background-color: #096EB3;
	background-position: top center;
	background-repeat: repeat-y;
	padding: 8px;
}

#abovelogo h1 {/*The header that has the name of the site*/
	color: #0000A0;
	text-align: center;
	font-family: Times, Georgia, serif;
}

#logo {/*a repeating gradient to fit with the logo*/
	height: 112px;
	background-color: #096EB3;
	background-image: url(images/side-logo.jpg);
	background-repeat: repeat-x;
}

#logo div {/*this has the logo and is positioned in the middle */
	position: relative;
	height: 112px;
	background-image: url(images/logo2.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	max-width: 1150px;
	margin: 0 auto;
}

#logowrap #logoleft {/*on the left and right sides of the logo, there are smaller logos*/
	height: 112px;
	background-image: url(images/logoleft3.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-left: 7%;
}

#logowrap #logoright {
	position: relative;
	top: -20px;
	height: 112px;
	background-image: url(images/logoright3.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin-right: 7%;
}

#wrap {/*wrap around everything except the logo*/
	background-image: url(images/background-gradient.jpg);
	background-repeat: repeat-x;
	background-color: #19;
	min-height: 500px;
	position: relative;/*let things get positioned absolutely inside it*/
}

* html #wrap {
	height: 500px; /*Hack to fix IE6 min-height problems*/
}

#search {/*ad on left side*/
	position: absolute;
	left: 10px;
	top: 40px;
	width: 120px;
	color: white;
	font-size: 75%;
	text-align: right;
}

#search .text {/*search box*/
	font-size: 95%;
	width: 114px;
	border: 2px solid #4663bf;
	background-color: #CCCCDD;
	padding: 1px 2px;
}

#search .submit {
	margin: 3px 0 2px 2px;
	
}

#adleft {/*ad on left side*/
	position: absolute;
	left: 10px;
	top: 100px;
	border: none;
}

#adright {/*ad on right side*/
	position: absolute;
	right: 10px;
	top: 100px;
	border: none;
}

#adleft img, #adright img {border:none;}

#contentwrapwrap {/*Give it a margin*/ margin: 0 140px 90px 140px;}

#contentwrap {/*Wraps around the content*/
	max-width: 1070px;
	position: relative;
	top: 50px;
	margin: 0 auto;
	background-color: #6670f6;
	background-image: url(images/faux.gif);
	background-repeat: repeat-y;
}

#primarynav {/*The main navigation. it has tabs on the top*/
	background-color: #293744;
	border-top: 1px solid #555;
	border-right: 1px solid #555;
	border-left: 1px solid #555;
	font-size: 90%;
}

* html #primarynav {height: 19px;position: relative;}

#primarynav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
}

#primarynav li {
	display: inline;
}

#primarynav a {/*The tabs*/
	float: left;
	display: block;
	position: relative;
	height: 15px;
	border: 1px solid #555;
	line-height: 15px;
	background-color: #292929;
	margin: -27px 3px 19px 3px;
	padding: 5px 7px;
	color: #ddd;
	text-decoration: none;
	background-image: url(images/tabback.jpg);
	
}

#primarynav a:hover {/*When you hover over a tab*/
	background-color: #445555;
	background-image: url(images/tabbackhover.jpg);
}

#primarynav .selected {/*If a certain tab is selected*/
	height: 16px;
	border-bottom: none;
	background-color: #293744;
	background-image: url(images/tabbackhover.jpg);
	cursor: default;
}

#secondarynav {/*The secondary navigation. its on the left side*/
	position: relative;
	float: left;
	clear: both;
	width: 186px;
	padding: 8px 0 8px 8px;
	font-size: 85%;
	z-index: 50;
}

#secondarynav ul {
	list-style-type: none;
}

#secondarynav li {
	display: inline;
}

#secondarynav a {/*The rules for each link*/
	display: block;
	margin: 10px 20px 10px 5px;
	background-color: #7866c4;
	padding: 2px 0 2px 5px;
	color: #0c003f;
	text-decoration: none;
	border: 1px solid #6758a8;
	position: relative;
}

#secondarynav li.selected a {/*when a link is selected, do some special things to it*/
	font-weight: bold;
	background-color: #809fff;
	border-right: none;
	margin-right: -5px;
}

#secondarynav li.selected a:hover {cursor:default;background-color: #809fff;}
#secondarynav .selected .smaller {margin-right: 20px; border-right: 1px solid #6758a8;}


#secondarynav a:hover {/*change the background color when the link is hovered*/
	background-color: #877ac3;
}

#content {/*The box containing the content*/
	font-size: 85%;
	overflow: hidden;
}

* html #content {
  zoom: 1;
  position: relative;
  left: -2px;
  margin-right: -1px;
}


#contentbackground {
	background-image: url(images/contentside.gif);
	background-position: top left;
	background-repeat: repeat-y;
	background-color: #809fff;
	padding-bottom: 35px;
	padding-left: 20px;
	padding-top: 8px;
	margin-left: 1px;
	padding-right: 15px;
	position: relative;
	z-index: 25;
}

* html #contentbackground {margin-left: 0;}

#content ul {
	margin-left: 20px;
}

#secondarycontent {
	padding-left: 15px;
	padding-bottom: 8px;
	padding-right: 14px;
	position: relative;
	z-index: 80;
}

#thirdnav {/*the third navigation. it has tabs on the top*/
	background-color: #293744;
	border-top: 1px solid #555;
	border-right: 1px solid #555;
	border-left: 1px solid #555;
	margin-left: -14px;
	position: relative;
	top: -1px;
	padding-left: 15px;
	height: 17px;
	margin-bottom: 5px;
	margin-right: -14px;
	font-size: 90%;
}

#thirdnav li {
	display:inline;
}

#thirdnav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position:relative;
}

#thirdnav a {/*The tabs*/
	float: left;
	position: relative;
	float: left;
	height: 15px;
	border: 1px solid #555;
	line-height: 15px;
	background-color: #292929;
	margin: -27px 3px 19px 4px;
	padding: 5px 10px;
	color: #ddd;
	text-decoration: none;
	background-image: url(images/tabback.jpg);
}

#thirdnav a:hover {/*When you hover over a tab*/
	background-color: #293744;
	background-image: url(images/tabbackhover.jpg);
}

#thirdnav .selected {/*If a certain tab is selected*/
	height: 16px;
	border-bottom: none;
	background-color: #293744;
	background-image: url(images/tabbackhover.jpg);
	cursor: default;
}

/*MISC*/

h2 {
	font-size: 120%;
	margin: 0 2px 5px 17px;
	border-bottom: 1px dotted #5e68f6;
	padding: 13px 8px 2px 2px;
}

* html h2 { /*Make the bottom border show up for IE*/
  height: 1%;
  position: relative;
}

h3 {
	font-size: 90%;
	margin: 0 2px 5px 17px;
	padding: 13px 8px 2px 2px;
}

p {
	padding: 4px 7px 4px 4px;
}

fieldset {
	margin: 5px 5px;
	padding: 7px;
	border: 1px dotted #4663bf;
}

legend {
	font-weight: bold;
	font-size: 120%;
}

label {
	display: block;
}

label.horizontal {
	display: block;
	float: left;
	margin-top: 2px;
	width: 7em;
}

td { padding: 1px 7px;}

img {
	position: relative;
}

.text {
	border: 2px solid #4663bf;
	background-color: #CCCCDD;
	padding: 2px 3px;
}

.center {
	text-align: center;
	margin: 0 auto;
}

.mainphoto {
	display: block;
	margin: 10px auto;
}

.photolayout {
	min-width: 950px;
}

.thumbnail img {
	border: 1px solid black;
	margin: 5px;
}

.thumbnail:hover img {
	border: 3px solid black;
	margin: 3px;
}

* html .thumbnail:hover img {
	border: 1px dashed black;
}

a:link {
	color: #660033;
	text-decoration: underline;
}

a:visited {
	color: #440033;
	text-decoration: underline;
}

a:hover {
	color: #990033;
	text-decoration: none;
}

a:active {
	color: #990033;
	text-decoration: none;
}

table.cal td {/*CSS properties for the event calendar table*/
	width: 12%;
	height: 50px;
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: black;
	margin: 0;
}

table.cal {
	width: 95%;
	border-width:1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	margin-bottom: 20px;
}

table.cal caption {
	font-weight: bold;
	font-size: larger;
	margin-bottom: 5px;
}

table.membersonly td {/*CSS properties for the members only tables*/
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: black;
	margin: 0;
}

table.membersonly {
	width: 95%;
	border-width:1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	margin-bottom: 20px;
	margin-top: 20px;
}

table.cal, table.membersonly {
	font-size: 80%;
}

label.membersonly {
	float:left;
	width: 6em;
	padding-top: 3px;
}

table.membershipform input.text {
font-size: 90%;
}

#contentbackground legend {
	background-color: #809fff;
}

#secondarycontent legend {
	background-color: #6670f6;
}

table{position:relative;}

@media handheld
{/*CSS rules for handheld devices*/
#abovelogo,#logowrap,#logo,#logoleft,#logoright,#adleft,#adright{display: none;}
* {
	float:none !important;
	background: white !important;
	position: static !important;
	margin: 0 !important;
	padding: 0 !important;
	color: black !important;
	width: auto !important;
	height: auto !important;
	font-size: 100% !important;
}

#primarynav ul { list-style-type: square !important;}
#primarynav li { display: block !important;}
#primarynav a {display:inline !important;color: blue !important;}
#secondarynav a {color: blue !important;}
#thirdnav ul { list-style-type: square !important;}
#thirdnav li { display: block !important;}
#thirdnav a {display:inline !important;color: blue !important;}
#primarynav {margin-bottom: 20px !important;}
#secondarynav a {display: block !important;}
#secondarynav {margin-bottom: 20px !important;}
#thirdnav {margin-bottom: 20px !important;}
#primarynav a.selected {font-weight: bold !important;}
#thirdnav a.selected {font-weight: bold !important;}
td {border: 2px solid black !important;}
table {border-collapse: collapse !important;}
h2, a, #primarynav, #thirdnav {border: none !important;}
}

@media print
{/*CSS for printing*/
#abovelogo,#logowrap,#logo,#logoleft,#logoright,#adleft,#adright,#search,#secondarynav a, #thirdnav a, #primarynav a {display: none;}
#secondarynav {width: 100px;}
#contentwrap {margin: 0;}
#primarynav a.selected,#secondarynav li.selected a,#thirdnav a.selected {display: block;}
* {
	background: white !important;
}
#primarynav a {color: black !important;}
#thirdnav a {color: black !important;}
}

p.caption {text-align: center; font-style: italic;}