@charset "UTF-8";
/* CSS Document */

body {
	color: black;
}
input.editMode {
background-color : #FFFF99;
}
textarea.editMode {
background-color : #FFFF99;
}
.savingAjaxWithBackground {
background-color : #FFFF99;
}
.superBigSize {
font-size: 30px;
font-weight: bold;
}
td.underlinedTD {
border-bottom:1px #000000 dashed;
}
table.infoBox {
background-color:#F6F6F6;
border:#999999 double 1px;
font-size:11px;
padding:2px;
}

html, body
{
	background-image: url('../images/bg2.jpg');
	background-repeat: repeat-x;
	background-color: #E3E1E2;
	border: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: medium;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
body
{
	position: relative;
}
p {
	font-family: Helvetica, Arial, sans-serif;
}

a.blue:link, a.blue:visited
{
	color: #269BDB;
}

a.blue:hover
{
	color: #999999;
}

#wrap
{
/* border: 3px solid green; */
	margin: 0 auto;
	position: relative;
	width: 1000px;

	background-image: url('../images/side-center-column.png');
	background-repeat: repeat-y;
	
}

#trim
{
	font-size: 1.5em;
	margin: 20px auto 0 auto;
	padding: 0;
	text-align: center;
}

#centerColumn
{
/* border: 3px solid purple; */
	background: #FFF url("../images/longgreybg.jpg") 0 0 repeat-y;
	margin: 0 20px;
	position: relative;
}

img, div { 
	behavior: url('iepngfix.htc');
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #333333;
}

#navigation li *
{
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;
	display: block;
	font-size: 0.01em;
	text-indent: -20000px;
}

#navigation li a.home
{
	background-image: url("../images/buttons/home.jpg");
	height: 28px;
	width: 80px;
}

#navigation li a.myaccount, #navigation li a.myaccount_hover
{
	background: url("../images/buttons/myaccount.jpg");
	height: 28px;
	width: 83px;
}

#navigation li a.myaccount:hover, #navigation li a.myaccount_hover
{
	background-position: -83px 0;
}

#navigation li a.join, #navigation li a.join_hover
{
	background: url("../images/buttons/join.jpg");
	height: 28px;
	width: 83px;
}

#navigation li a.join:hover, #navigation li a.join_hover
{
	background-position: -83px 0;
}

#navigation li a.about, #navigation li a.about_hover
{
	background: url("../images/buttons/about.jpg");
	height: 28px;
	width: 82px;
}

#navigation li a.about:hover, #navigation li a.about_hover
{
	background-position: -82px 0;
}

#navigation li a.events, #navigation li a.events_hover
{
	background: url("../images/buttons/events.jpg");
	height: 28px;
	width: 82px;
}

#navigation li a.events:hover, #navigation li a.events_hover
{
	background-position: -82px 0;
}

#navigation li a.publications, #navigation li a.publications_hover
{
	background: url("../images/buttons/publications.jpg");
	height: 28px;
	width: 107px;
}

#navigation li a.publications:hover, #navigation li a.publications_hover
{
	background-position: -107px 0;
}

#navigation li a.thefield, #navigation li a.thefield_hover
{
	background: url("../images/buttons/thefield.jpg");
	height: 28px;
	width: 82px;
}

#navigation li a.thefield:hover, #navigation li a.thefield_hover
{
	background-position: -82px 0;
}

#navigation li a.media, #navigation li a.media_hover
{
	background: url("../images/buttons/media.jpg");
	height: 28px;
	width: 82px;
}

#navigation li a.media:hover, #navigation li a.media_hover
{
	background-position: -82px 0;
}

#navigation li a.members, #navigation li a.members_hover
{
	background: url("../images/buttons/members.jpg");
	height: 28px;
	width: 144px;
}

#navigation li a.members:hover, #navigation li a.members_hover
{
	background-position: -144px 0;
}

#navigation li a.contact, #navigation li a.contact_hover
{
	background: url("../images/buttons/contact.jpg");
	height: 28px;
	width: 82px;
}

#navigation li a.contact:hover, #navigation li a.contact_hover
{
	background-position: -82px 0;
}

/*
.style2 {color: #999999}
.style3 {color: #269BDB}
.style4 {color: #666666}
.style6 {font-size: 12px !important}
.style8 {font-size: 12px; color: #666666; }
*/


#header
{
/* border: 3px solid yellow; */
	background-color: #e3e1e2;
	height: 224px;
	width: 960px;
	margin: 0 auto;
}

div#content
{
/* border: 3px solid red; */
	min-height: 900px;
	padding: 0 10px 20px 10px;
	margin-left: 290px;
	width: 630px;
}

div#content p, ol, li {
	font-size: 12px;
	line-height: 15px;
	color: #787878;
	background: none;
}

div#content-full
{
	padding: 0 20px 20px 20px;
}

div#content div.section, div#content-full div.section
{
	color: #827878;
	padding: 20px 0;
	position: relative;
}

div.sectionTitle {
	padding-left: 10px;
}

div.event
{
	border-bottom: 2px solid #D6D6D6;
	color: #555;
	position: relative;
	width: auto;
	padding-bottom: 25px;
	clear: both;
}

div.event:last-child
{
	border-bottom: none;
}

div#content div.section a.viewAll, div#content-full div.section a.viewAll
{
	background: transparent url("../images/view-all.png") 0 0 no-repeat;
	border: none;
	display: block;
	font-size: 0.01em;
	height: 29px;
	position: absolute;
	right: 10px;
	text-indent: -20000px;
	top: 20px;
	width: 70px;
}

div#content div.section a.viewAll:hover, div#content-full div.section a.viewAll:hover
{
	background-position: -70px 0;
}

div#contactInfo
{
	float: left;
	width: 250px;
}

form#contactForm label
{
	display: block;
	float: left;
	padding-top: 8px;
	width: 250px;
}

form#contactForm .section
{
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px !important;
}

form#contactForm .submit
{
	margin-left: 250px;
	margin-top: 15px;
}

#arrangeEvents {
	
	float: left;
	width: auto;
	margin-right: 50px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 20px;
}

#showEvents {
	float: right;
	width: auto;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 20px;
	margin-right:10px;
}

*.event *.image {
	width: auto;
	padding-top: 20px;
	float: left;
}
#eventImage {
	padding-right: 20px;
	padding-bottom: 20px;
	float: left;
	width: auto;
	position: relative ;
}
#eventCopy {
	width: 50%;
	float: left;
}

*.event *.title {
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bolder;
	color:#666;
	font-size:14pt;
	padding-left:10px;
	padding-top: 15px;
	padding-bottom: 5px;
	border-bottom-style:solid;
	border-bottom-color:#CCC;
	border-bottom-width:1px;
}

*.event *.subHeadline {
	font-size:10pt;
	font-weight:400;
	color:#666;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	border-bottom-style:solid;
	border-bottom-color:#CCC;
	border-bottom-width:1px;
}

*.event *.date, .time, .location, .cost, .author {
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	color:#666;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	margin-bottom: 10px;
	border-bottom-style:solid;
	border-bottom-color:#CCC;
	border-bottom-width:1px;
	clear: both;	
}

*.event *h3 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14pt;
	font-weight:700;
	margin-top: 0px;
}

*.event *h4 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12pt;
	font-weight:700;
	color:#269BDB;
}


*.event *.content {
	width: 100%;
	float: left;
}

*.event *.content p {
	font-size: 12px;
	line-height: 15px;
	background: none;
	font-family: Helvetica, Arial, sans-serif;
}

*.event *.content *.wrapper 
{
	padding: 20px;
}

div.event div.content div.wrapper *.label
{
	font-weight: bold;
}

*.clear
{
	clear: both;
}

div#positions
{
	background: transparent url('../images/positions_middle.png') 0 0 repeat-y;
	color: #666666;
	font-size: 0.8em;
	margin-bottom: 15px;
	margin-left: 15px;
	left: 0;
	width: 278px;
	font-family: Helvetica, Arial, sans-serif;
	position: absolute;
}

div#positions p.section
{
	font-size: larger;
	font-weight: bold;
	padding-top: 10px;
}

div#positions span.position
{
	font-size: 0.9em;
	font-style: italic;
	font-weight: lighter;
}

div#positions div.content
{
	padding: 5px 20px;
}

div#positions div.top
{
	background: transparent url('../images/positions_top.png') 0 0 no-repeat;
	width: 100%;
}

div#positions div.bottom
{
	background: transparent url('../images/positions_bottom.png') 0 0 no-repeat;
}

div#positions span.title
{
	font-weight: bold;
}

#middletext {
	width: 900px;
	margin: 0 auto;
}

.bodytext{
	font-size: 9pt;
	font-weight: normal;
	color: #666666;
	text-align: justify;
}

.searchbox{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	color: #269ADB;
	width: 200px;
	background-image: url(../images/searchbg.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 5px;
}

p.message
{
	border: 1px dotted #ACACAC;
	color: #2dace3;
	padding: 5px 10px;
	text-align: center;
	width: 530px;
	margin: 0 auto 5px;
	font-size: 14px;
	display: inline-block;
}
.logout{
	
	text-transform: uppercase;
	font-weight: bold;
	border-left: 1px dotted #ACACAC;
	padding-right: 10px;
	padding-left: 20px;
	margin-left: 10px;
	color: #b41100;
/*	display: inline-block;	*/
}


#extraJunk
{
	background-color: #FFF;
	clear: both;
	display: inline-block;
}
#additionalInfo{
	height: 75px;
	margin: 0 auto 0 auto;
	width: 945px;
}

#logpass{
	width: auto;
	height: auto;
	float: left;
	margin-top: 25px;
	margin-left: 25px;
	margin-right: 30px;
}

#searchbox
{
	width: auto;
	height: auto;
	float: right;
	margin-top: 25px;
	margin-right: 20px;
}

#searchbox form
{
	display: inline;
	float: right;
}

.tablebodytext{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #666666;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	text-align: justify;
}

.tablehead1{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #269BDB;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.memberlevels{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15pt;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
}

.formfields{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}

.tablehead2{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	color: #666666;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
}

.tableblue{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #666666;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
}

.register{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #666666;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}

input.textInput
{
	font-family: Helvetica, Arial, sans-serif;
	color: #269BDB;
	font-size: 8pt;
	font-weight: lighter;
}

.tableblue1{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #666666;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
}

.pictures{
}



.addresstext{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #666666;
	text-align: left;
}
/*
.board1{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #666666;
	text-align: left;
}

.board2{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #666666;
	line-height: 1.5;
}

.board3{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
	line-height: 2;
}
*
#middletext{
	background-image: url(../images/longgreybg.jpg);
	background-repeat: repeat-y;
	padding: 20px 20px 130px 0;
	margin: 20px;
}
*/

#navigation
{
	height: auto;
	margin: 7px auto 0 auto;
	width: 920px;
	padding-top: 10px;
}

#navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#navigation li {
	height: 28px;
	float: left;
	list-style-type: none;
	padding: 0;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0;
}

#topnav
{
	height: 50px;
	margin: 7px auto 0 auto;
	width: 902px;
	display: none;
}


#topnav2
{
	position: absolute;
	top: 234px;
	z-index: 4;
	height: 36px;
	left: 601px;
	margin-left: -475px;
	display: none;
}

*.center
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}



input.loginButton
{
	background: #FFF url('../images/loginup.jpg') 0 0 no-repeat;
	border: none;
	font-size: 0.01em;
	height: 29px;
	text-indent: -20000px;
	width: 177px;
}

input.loginButton:hover
{
	background-image: url('../images/loginover.jpg');
}

div#footer
{
	background-color: #666;
	clear: both;
	color: #FFF;
	font-size: smaller;
	padding: 20px;
	margin: 0 auto;
}

div#footer p
{
	margin: 5px 0;
}

table#memberships
{
	font-size: 2em;
	font-weight: bold;
}

table#memberships td
{
	padding: 15px 20px 5px 0;
}

table#memberships .number
{
	color: #129DEB;
}

table#memberships .name
{
	color: #666;
}

table#memberships .amount
{
	color: #999;
}