/* CSS Document Demo Site */
/* Basic structure of the pages */

#page {
	width:900px;
	margin:0 auto;
	padding:0 35px 0 35px;
	}
	
#header{
	width: 900px;
	height: 140px;
	margin:0;
	padding:0;
	}
#header img {
	margin-bottom:0;
	padding-bottom:0;
	}
#logo{
	margin: 0px;
	padding-top:15px;
	padding-bottom:0;
	float: left;
	}
	
#search {
	width: 378px;
	float: right;
	padding:0;
	margin: 0;
	font-size: 80%;
	}
#maincol {
	margin:0 225px 0 225px;
	}
#main2col {
	margin:0 0 0 225px;
	padding-right:5px;
	}
		
#main1col {
	margin:0px;;
	}
#clearmaincol {
	clear:both;
	}
	
#col1 {
	float:left;
	width:225px;
	}
#col1 p {
	font-size: 83%;
	line-height: 1.4em;
	padding:0;
	}
#col1 hr {
	height:1px;
	border-bottom: 1px solid #ccc;
	}
#col1 a {
	text-decoration:none;
	color:#3ea7b6;
	font-weight:normal;;
	}
#col1 a:hover {
	text-decoration:underline;
	}
#col1 a:visited {
	}
#col1 a:link {
	}

#col2{
	clear:right;
	float:right;
	width:220px;
	}
#col2 h1 {
	padding: 0 0 20px 0;
	font-size: 160%;
	font-weight:normal;
	margin: 0px 15px 15px 15px;
	color:#666;
	border-bottom: 2px solid #666;
	}
#col2 h2 {
	color:#666;
	font-size: 110%;
	margin: 0px;
	padding: 0 15px 0 15px;
	}
#col2 h3 {
	padding: 0 15px 0 15px;
	font-size: 90%;
	margin: 0px;
	}
#col2 h4 {
	border-bottom: 2px solid #666;
	color:#666;
	font-size: 90%;
	font-weight: bold;
	margin: 15px;
	padding: 0 0 5px 0;
	}
#col2 h5 {
	padding: 0 15px 0 15px;
	font-size: 85%;
	margin: 0px;
	}
#col2 h6 {
	padding: 0px;;
	font-size: 83%;
	margin: 15px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	}
#col2 p {
	font-size: 83%;
	line-height: 1.4em;
	padding:0;
	}
#col2 hr {
	height:1px;
	border-bottom: 1px solid #ccc;
	}
#col2 li {
	font-size: 83%;
	}
#col2 a {
	text-decoration:none;
	color:#3ea7b6;
	font-weight: bold;
	}
#col2 a:hover {
	text-decoration:underline;
	}
#col2 a:visited {
	}
#col2 a:link {
	}

#footer {
	border-top: 1px solid #666;
	clear:both;
	margin:0pt auto;
	padding: 0px;
	width:890px;
	}
		
/* MEMBERS */
#MembersLogin {
	margin-top:30px;
	font-size:100%;
	}
#MembersLogin a:link{
	color:#000066;
	font-weight:normal;
	font-size:90%;
	}

/* SEARCH */
#search p {
	padding: 5px;
	text-align:right;
	margin: 0px;
}
#search a {
	text-decoration:none;
	color:#fff;
	font-weight: bold;
}
#search a:hover{
	text-decoration:none;
	color: #000;
}
#search a:visited{
}
#searc a:link{
}

/*--------------------------------------------------------*/
/* lists */
/*--------------------------------------------------------*/
#listcontainer {
	width: 320px;
	}
ul#list {
	margin: 0px;
	padding: 0px;
	}
#list li {
	list-style-type:none;
	border-bottom: 1px solid #FFFFFF;	
	}
#list a {
	display: block;
	font-size: 80%;
	padding: 4px 4px 6px 20px;
	margin: 0px 10px 0px 10px;
	color:#666666;
	border-bottom: 1px  dotted;
	background-image:url(../images/bulletGreen.gif);
	background-repeat:no-repeat; 
	vertical-align:middle;
	}
#list a:link,#list a:visited {
	}
#list a:hover {
	background-image:url(../images/bulletOrg.gif);
	background-repeat:no-repeat;
	}

/*--------------------------------------------------------*/
/* homepage columns */
/*--------------------------------------------------------*/
.headBHome {
	color:#32ADBF;
	font-size:120%;
	margin: 4px 6px 8px 4px;
	padding: 5px;
	border-bottom: 3px solid #666;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	font-weight:normal;
	}
#narrowCol{
	float:right;
	margin-top: 1px;
	}
#boxDoubleB {
	width: 650px;
	}
#boxDoubleB P {
	font-size: 80%; 
	font-weight:normal;
	margin:5px 0 5px 0;
	color:#666;
	}
#boxDoubleB hr {
	border:1px solid #ccc;
	height:1px;
	}

/*---- columns ---*/	
.columnAHome {
	float:left;
	margin-right:0px;
	padding:0px;
	width:320px;
	}
.columnAHome p {
	padding:2px;
	}
.imgPad {
	margin-right:5px;
	margin-bottom:15px;
	}
.columnBHome {
	float:left;
	padding:0px;
	width:455px;
	}
.contentHome {
	color:#666;
	float:left;
	width:310px;
	margin-left:5px;
	margin-top:15px;
	font-size:80%;
	}
.contentHome h2 {
	color:#663333;
	margin: 4px 0px 8px 0px;
	padding: 5px;
	font-weight:normal;
	font-size: 160%; 
	border-bottom: 3px solid #FF6600;
	font-family:Arial, Helvetica, sans-serif;
	}
#moreBtn a, #moreBtn a:link, #moreBtn a:visited {
	display: block;
	font-size: 80%;
	padding: 4px 4px 6px 2px;
	margin: 10px 10px 10px 10px;
	color:#666666;
	text-decoration:underline;
	border-top: 1px dotted;
	text-align:right;
	}
#moreBtn a:hover {
	text-decoration:none;
	}

/* MAIN NAVIGATION */
#mainNav{ 
	float:left;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #666;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size:80%;
	height: 39px;
	clear:both;
	}
#mainNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: white;
	float: left;
	}
#mainNav li {
	display: inline;
	font-weight: bold;
   	float: left;
	border-right: 1px solid #999;
	font-size:100%;
	list-style-type:none;
	padding: 0;
	margin-top: 5px;
	}
#mainNav li a {
	padding: 5px 10px 5px 10px;
	color: #fff;
	text-decoration: none;
	margin: 0;
	}
#mainNav li a:hover {
	color: #d9e139;
 	}
#mainNav li a:visited {
 	}
#mainNav li a:link {
	}
	
#subnavlist ul {
	margin: 0;
	padding: 0;
	color: white;
	}
#subnavlist li {
	font-weight:  normal;
	list-style-type:none;
	padding: 0;
	}
#subnavlist li a {
	padding: 0;
	color: #666;
	text-decoration: none;
	text-indent:20px;
	padding-left: 10px;
	}
#subnavlist li a:hover {
	color: #d9e139;
 	}
#subnavlist li a:visited {
 	}
#subnavlist li a:link {
	}

/* CRUMBTRAIL */
#crumbtrail {
	width:900px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #000;
	}
#crumbtrail p {
	font-size: 80%;
	line-height:normal;
	margin: 0px;
	padding: 5px 5px 5px 0;
	}
#crumbtrail a	{
	color:#666666;
	text-decoration:none;
	}
#crumbtrail a:link, #crumbtrail a:visited {
	color:#666666;
	text-decoration:none;
	}
	
#crumbtrail a:hover {
	text-decoration:none;
	color:#DADD52;
	}	

#maincontent {
	padding: 15px 0 0 0;
}
/* containers for the 4 boxes*/	
#frontLeft{
	float:left;
	width:450px;
	}
#frontRight{
	float:right;
	width:450px;
	}

.imgPaddingRight { 
	clear:both;
	margin-right:10px;
	margin-top:5px;
	border:1px solid #666;
	}

/*  more button */
#morebutton{
	float:right;
	padding:3px;
	background-color:#666;
	color:#fff;
	clear:both;
	}
#morebutton a:link, a:visited{
	color:#fff;
	}

/*styles only needed if the box doesn't contain an image*/
#frontBoxes{
	width: 900px;
}
#frontBoxes h1{
	 font-size: 110%;
	 font-weight: bold;
	 margin-top: 0px;
	 color: #FFFFFF;
	 padding: 8px;
}
#frontBoxes ul {
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	}
#frontBoxes li {
    float: left;
   	display: block;
	margin:0px;
	padding:0px;
	list-style:none;
	}
#frontBoxes li a {
    float: left;
	margin: 0;
	padding: 0;
	}
#frontBoxes p{
	font-size: 83%;
	font-weight: bold;
	color: #FFFFFF;
	padding: 8px;
	margin: 0px;
	}
#frontBoxes a {
	font-weight: bold;
	text-decoration:none;
}
#frontBoxes a:hover {
}
#frontBoxes a:visited {
}
#frontBoxes a:link {

}
.columnA {
	float:left;
	margin-right:0px;
	padding:0px;
	width:225px;
	height:180px;
}

/*Add an additional pixel here to close the gap*/
.columnB {
	float:left;
	margin-right:0px;
	padding:0px;
	width:225px;
	height:180px;
}
.columnC {
	float:left;
	margin-right:0px;
	padding:0px;
	width:225px;
	height: 180px;
	background-image:url(../images/imgIntro.jpg);
	background-repeat:no-repeat;
}

/*--------------------------------------------------------*/
/* secondary navigation on list pages*/
/*--------------------------------------------------------*/
#secondaryNav {
	width: 225px;
	}
#secondaryNav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	}
#secondaryNav a {
	color: #666666;
	display: block;
	font-size: 83%;
	width: 215px;
	padding: 3px;
	background-color:#fff;
	border-bottom: 1px  solid #ccc;
	}
#secondaryNav a:link, #secondaryNav a:visited {
	padding: 4px 2px 6px 4px;
	}
#secondaryNav a:hover {
	border-bottom: 1px  solid #000;
	color:#d9e139;
	}	

/* for the box with html text */
.innerHead {
	height: 130px; 
}
.innerBot {
	text-align: right;
}

/* styles for the main usually central column */
/* CSS Document */

#maincol h1, #main2col h1 {
	padding: 0 0 20px 0;
	font-size: 160%;
	font-weight:normal;
	margin: 0px 15px 15px 15px;
	color:#666;
	border-bottom: 2px solid #666;
	}
#maincol h2, #main2col h2 {
	color:#666;
	font-size: 120%;
	margin: 0;
	padding: 0 15px 0px 15px;
	font-weight:normal; 
	line-height:1.3em;
	}
#maincol h3, #main2col h3  {
	padding: 10px 15px 0 15px;
	font-size: 90%;
	margin: 0px;
	}
#maincol h4, #main2col h4 {
	border-bottom: 2px solid #666;
	color:#666;
	font-size: 90%;
	font-weight:normal;
	margin: 15px;
	padding: 0 0 5px 0;
	}
#maincol h5, #main2col h5 {
	padding: 0 15px 0 15px;
	font-size: 85%;
	margin: 0px;
	}
#maincol h6, #main2col h6 {
	padding: 0px;;
	font-size: 83%;
	margin: 15px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	}
#maincol p, #main2col p {
	padding: 0 15px 0 15px;
	font-size: 83%;
	line-height: 1.4em;
	}
#maincol table, #main2col table {
	font-size: 83%;
	margin-left:15px;
	}
#maincol hr, #main2col hr {
	height:1px;
	border-bottom: 1px solid #ccc;
	}
#maincol li, #main2col li {
	font-size: 83%;
	}
#maincol a, #main2col a {
	text-decoration:none;
	color:#3ea7b6;
	font-weight: bold;
	}
#maincol a:hover, #main2col a:hover {
	text-decoration:underline;
	}
#maincol a:visited, #main2col a:visited{
	}
#maincol a:link, #main2col a:link {
	}

/* recent posts featured box */
#recentposts {
	width: 220px;
	border:1px solid #493f0b;
	background-color:#fff;
}
#recentposts p {
	margin: 5px 10px 5px 10px;
	padding: 2px 0 3px 0;
	font-size: 73%;
	}
#recentposts h1 {
	background-color: #666;
	color:#fff;
	font-size: 80%;
	margin: 0px;
	padding:10px;
	}
#recentposts a {
	text-decoration:none;
	color:#666;
	font-weight: bold;
	}
#recentposts a:link, #recentposts a:visited {

}
#recentposts a:hover {
	text-decoration:underline;
}
#recentposts a:active {
	text-decoration:none;
	color:#3ea7b6;
}
.recentPostsHead {
	margin: 5px 10px 8px 10px;
	padding-bottom: 5px;
	font-size: 73%;
	border-top: 1px dotted #333333;
	font-weight: bold;
	color: #fff;
	border: 0px;
}

/* blogs pages */
.blogResponse {
	background-color: #f1f1f1;
	background-image:url(../images/bgBlog.gif);
	background-repeat:no-repeat;
	padding: 5px;
	margin: 0 5px 0 5px;
}
.blogResponseB {
	background-image:url(../images/bgBlog2.gif);
	background-repeat:no-repeat;
	padding: 5px;
	margin: 0 5px 0 5px;
}

/* news feed on front page */
#newsFeed {
	width: 225px;
	background-color: #f1f1f1;
}

#newsFeed p {
	margin: 5px 10px 5px 10px;
	padding: 2px 0 3px 0;
	font-size: 73%;
	border-top: 1px dotted #333333;
}
.newsFeedHead {
	margin: 5px 10px 8px 10px;
	padding-bottom: 5px;
	font-size: 73%;
	border-top: 1px dotted #333333;
	font-weight: bold;
	color: #FF6600;
	border: 0px;
}
#newsFeed a{
	text-decoration:none;
	color:#000000;
}
#newsFeed a:visited {
}
#newsFeed a:hover {
	text-decoration:underline;
}
#newsFeed a:active {
	text-decoration:none;
	color:#3ea7b6;
}

/* ---- Full page Events Calender CSS Classes ----*/

#largeBorder {
	padding:0 0 0 15px;
	}
/* LARGE CALENDAR
#calendar {
	width: 645px;
	color: #000;
	font-size: 80%;
	background-color:#f1f1f1;
	border-collapse: collapse;
	text-transform: capitalize;
	text-decoration: none;
}

#calendarMonth {
	font-size: 100%;
	}

#calendarMonth td {
	font-weight: bold;
	height:30px;
	text-align: center;
	color: #fff;
	background-color:#666;
	}

#calendarMonth a, calendarMonth a:visited {

	color: #fff;

	}

#calendarHeaders th {
	height:30px;
	text-align: center;
	color: #000;
	font-weight: bold;
	background-color:#ccc;
	font-size: 90%;
	}

#skipDays {
	text-align:left;
	background-image: url(../images/bgTdCellBlue.gif);
	background-repeat:no-repeat;
	color: #999;
	font-size: 80%;
	vertical-align:top;
	padding:8px; 
	height:40px;
	}

#calendarDays {
	width:92px;
	text-align:left;
	font-size: 85%;
	border:1px solid #e2e2e2;
	vertical-align:top;
	padding:8px;
	height:30px;
	}

.todaydate a:link {
	text-decoration:none;
	display:block;
	}

.eventtoday {
	font-size: 85%;
	color:#333;
	text-decoration:none;
	display:block;

}

.eventtoday a:link {
	font-size: 85%;
	height:19px;
	text-decoration:none;
	background-color:#e2e2e2;
	display:block;
	}
*/
#calendar {
	width: 180px;
	color: #000;
	font-size: 80%;
	background-color:#f1f1f1;
	text-transform: capitalize;
	text-decoration: none;
	float:right;
	}
#calendar a,#calendar a:visited,#calendar a:link {
	text-decoration:none;
	color:#3ea7b6;
	font-weight: bold;
	}
#calendar a:hover {
	text-decoration:underline;
	}
#calendar a:visited{
	}
#calendar a:link {
	}
#calendarMonth td {
	font-weight: bold;
	height:20px;
	text-align: center;
	color: #d9e139;
	background-color:#666;
	}
#calendarMonth a, calendarMonth a:visited {
	color: #d9e139;
	}
#calendarHeaders th {
	height:20px;
	text-align: center;
	color: #000;
	font-weight: bold;
	background-color:#ccc;
	font-size: 83%;
	}
#skipDays {
	text-align:left;
	background-image: url(../images/bgTdCellBlue.gif);
	background-repeat:no-repeat;
	color: #999;
	vertical-align:top;
	padding:4px; 
	height:15px;
	}
.todaydate a:link {
	text-decoration:none;
	display:block;
	}
.eventtoday {
	font-size: 85%;
	color:#333;
	text-decoration:none;
	display:block;
	}
.eventtoday a:link {
	font-size: 85%;
	height:19px;
	text-decoration:none;
	background-color:#e2e2e2;
	display:block;
	}	

/* ---- Events Display Page classes ----*/	
#furtherInformation {
	width: 420px;
	}

#furtherInformation td {
	text-align:left;
	font-size: 80%;
	border-bottom: 1px solid #ccc;
	padding: 3px 0 5px 0;
	vertical-align:top;
 }

/* A-Z Search */
#alphabg {
	border:1px solid #ccc;
	background-color:#f5f5f5;
	text-align:center;
	padding:5px;
	color:#990000;
	}
.alphabga {
	display:block; 
	text-align:center;	
	color:#990000;
	}
.skipNavigation {
	visibility:hidden;
	}
	
/* Print friendly links */
#userOptions {
	padding:5px;
	color:#666;
	font-size:83%;
	margin-bottom:10px;
	margin-left:15px;
	text-transform:capitalize;
	}
#userOptions a, #userOptions a:link, #userOptions a:visited {
	font-weight:normal;
	text-decoration:none;
	color:#666;
	}
#userOptions a:hover {
	color:#bcdd75;
	}

/* ---- Boards of Directors --- */
#directorsTbl {
	margin-left:15px;
	}
#directorsTbl td {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	}
#directors {
	margin-top: 75px;
	border-bottom: 1px solid #ccc;
	}
#directors p {
	margin: 5px 10px 5px 10px;
	padding: 2px 0 3px 0;
	font-size: 73%;
	}
#directors h1 {
	color: #d31d8c;
	font-size: 80%;
	margin: 0px;
	padding: 10px;
	}
#directors a {
	text-decoration:none;
	color: #4ea8ba;
	font-weight: bold;
	}
#directors a:link, #directors a:visited {
	}
#directors a:hover {
	text-decoration:underline;
	}
#directors a:active {
	text-decoration:none;
	color:#3ea7b6;
	}	

/* Footer styles*/
#footer p{
	font-size: 75%;
	padding: 10px;
	color:#666;
	}
#footer a {
	text-decoration:none;
	color:#666;
	font-weight: bold;
	}
#footer a:hover{
	text-decoration:underline;
	}
#footer a:visited{
	}
#footer a:link{
	}
#FooterSEO {
	font-size: 60%;
	padding: 0px 10px 10px 10px;
	color:#666;
	}
#FooterSEO a {
	text-decoration:none;
	color:#e2e2e2;
	font-weight:normal;
	}
#FooterSEO a:hover{
	text-decoration:underline;
	}
#FooterSEO a:visited{
	}
#FooterSEO a:link{
	}
