/* -------------------------------------------------- page layout -------------------------------------------------- */
body {
 font-family: Verdana, Geneva, Arial, sans-serif;
 font-size: 0.8em;
 font-weight: normal;
 color: #000000;
 background: #ffffff url('../_images/layout/bg_top.jpg') repeat-x top center;
 margin: 0px;
 }

/* centered container for all content */
#outer {
 width: 990px;
 margin: auto;
 }

/* header contains header_login and header_menu */
#header {
 position: relative;
 width: 990px;
 height: 250px;
 background: transparent url('../_images/layout/header.jpg') no-repeat top center;
}
#header_menu  {position: absolute; bottom: 59px; left: 20px;  width: 950px;}
#header_login  {position: absolute; bottom: 9px; left: 20px;  width: 950px; height: 41px;}
#header_logo {position: absolute; top: 1px; left: 50px;  width: 150px; height: 140px;}
#header_image {position: absolute; top: 0px; right: 15px;  width: 480px; height: 141px;}

/* content can (but doesn't have to) contain content_left and content_right or gallery_left and gallery_right */
#content {
 background: transparent url('../_images/layout/content_middle.jpg') repeat-y top center;
 overflow: hidden;
 text-align: justify;
 width: 930px;
 padding: 0 30px 20px 30px;
}
#content_left   {float: left; overflow: hidden; text-align: justify; width: 578px;}
#content_right {float: right; overflow: hidden; text-align: justify; width: 322px;}

#gallery_left   {float: left; overflow: hidden; text-align: justify; width: 280px;}
#gallery_right {float: right; overflow: hidden; text-align: justify; width: 640px;}

#footer {
 clear: both;
 background: #ffffff url('../_images/layout/footer.jpg') no-repeat top center;
 padding: 5px 20px 0 20px;
 width: 950px;
 height: 80px;
 font-size: 0.8em;
 color: #000000;
 }

.clear {clear: both;}

/* container for rotating images on the homepage */
.homepageimage {float: left; padding: 6px 10px 6px 0;}

/* ----- the forum pages ----- */
.breadcrumb     {clear: left; float: left; height: 20px; padding: 3px 0 3px 0; font-size: 1.1em;}		/* breadcrumb links to identify which board is being displayed*/
.displayrange {clear: right; float: right; height: 20px; padding: 3px 0 3px 0; font-size: 0.9em;}	/* contins the drop-down list used to limit display range */
.buttons           {clear: left; float: left; height: 30px; padding: 3px 0 3px 0; width: 400px;}			/* contins forum buttons */
.pagenav           {clear: right; float: right; height: 20px; padding: 8px 0 8px 0; font-size: 0.9em;}	/* page number navigation at top and bottom of page */
.foruminfo       {clear: left; float: left; padding: 28px 3px 8px 3px; font-size: 0.8em;}				/* contains random forum information */

/* -------------------------------------------------- presentation styles -------------------------------------------------- */

/* standard hyperlinks */
a             {color: #336799; text-decoration: underline;}
a:hover {text-decoration: none;}

/* hyperlinks in the footer */
#footer a             {text-decoration: none; color: #000000; border-bottom: 0;}
#footer a:hover {text-decoration: none; color: #336799; border-bottom: 0;}

/* styles for the gallery hyperlinks */
#gallery_left a             {text-decoration: none; color: #000000; border-bottom: 0;}
#gallery_left a:hover {text-decoration: underline; color: #336799; border-bottom: 0;}
#gallery_right a             {text-decoration: none; color: #000000; border-bottom: 0;}
#gallery_right a:hover {text-decoration: none; color: #336799; border-bottom: 0;}

/* makes the cursor become the pointer */
.cursor {cursor: pointer;}

/* used to make text red (used for error messages on forms) */
.redtext {color: #ff0000;}

/* formatted boxes used to display messages to the user */
.errorbox {background: #fff1b7 url('../_images/layout/icon_alert.gif') no-repeat 10px 10px; border: 1px dashed #ff0000; padding: 10px 10px 10px 58px; margin: 10px 0 10px 0;}
.successbox {background: #f9fff1 url('../_images/layout/icon_confirm.gif') no-repeat 10px 10px; border: 1px dashed #006600; padding: 10px 10px 10px 58px; margin: 10px 0 10px 0;}
.infobox {background: #e4fbfb url('../_images/layout/icon_info.gif') no-repeat 10px 10px; border: 1px dashed #0033cc; padding: 5px 10px 5px 58px; margin: 5px 0 5px 0;}


/* ----------------------------------------------- */
/* ----- style for login form and hyperlinks ----- */
/* ----------------------------------------------- */
.login_title {float: left; height: 19px; padding: 11px 10px; font-size: 1.2em; color: #ffffff; font-style: normal; font-weight: bold;}
.login_email, .login_password {float: left; height: 23px; padding: 9px 5px; font-family: Arial, Helvetica, sans-serif; font-size:0.8em; color: #FF6C3F; text-transform: uppercase;}
.login_submit {float: left; height: 25px; padding: 8px 5px;}
.login_forgot {float: left; height: 25px; width: 90px; padding: 8px 10px; font-size: 0.8em; text-align: center;}
.login_register {float: left; height: 29px; width: 90px; padding: 6px 10px; font-size: 0.9em; text-align: center;}
#header_login a             {text-decoration: none; color: #ffffff; border-bottom: 0;}
#header_login a:hover {text-decoration: none; color: #FF9E1F; border-bottom: 0;}
/* ----------------------------------------------- */

/* font styles used when displaying the date or author of a post */
.forum_date {font-size: 0.8em;}
.forum_by {font-size: 0.9em;}

/* heading styles */
h1			{font-size: 1.8em; color: #336799; font-style: normal; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.3em;}
h2			{font-size: 1.4em; color: #336799; font-style: normal; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.3em;}
h3			{font-size: 1.1em; color: #336799; font-style: normal; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.3em;}
h3 a			{color: #336799; text-decoration: underline;}
h3 a:hover	{text-decoration: none;}

/* links table */
table.links {
 background-color: #ffffff;
 border: 0px solid #000000;
 border-spacing: 1px;
 color: #555555;
 text-align: left;

}
table.links tr.toprow {
 background-color: #336799;
 color: #ffffff;
 font-size: 1.2em;
}
table.links td {
 padding: 3px 6px 3px 6px;
}
table.links tr.odd {
 background-color: #efefef;
 padding: 6px 6px 6px 6px;
}
table.links tr.even {
 background-color: #e0e8ef;
 padding: 6px 6px 6px 6px;
}

/* newsletter table */
table.newsletter {
 background-color: #ffffff;
 border: 0px solid #000000;
 border-spacing: 1px;
 color: #555555;
 text-align: left;
 font-size: 0.9em;
}
table.newsletter tr.toprow {
 background-color: #336799;
 color: #ffffff;
}
table.newsletter td {
 padding: 3px 6px 3px 6px;
}
table.newsletter tr.odd {
 background-color: #efefef;
 padding: 6px 6px 6px 6px;
}
table.newsletter tr.even {
 background-color: #e0e8ef;
 padding: 6px 6px 6px 6px;
}

/* members list table */
table.memberslist {
 background-color: #ffffff;
 border: 1px solid #000000;
 border-spacing: 1px;
 color: #555555;
 text-align: left;
 font-size: 0.9em;
}
table.memberslist tr.toprow {
 background-color: #336799;
 color: #ffffff;
}
table.memberslist td {
 padding: 3px 6px 3px 6px;
}
table.memberslist tr.odd {
 background-color: #efefef;
 padding: 6px 6px 6px 6px;
}
table.memberslist tr.even {
 background-color: #e0e8ef;
 padding: 6px 6px 6px 6px;
}

/* forum table for boards, topics and posts */
table.forumtable {
 background-color: #ffffff;
 border: 1px solid #000000;
 border-spacing: 1px;
 color: #555555;
 text-align: left;
 vertical-align: middle;
}
table.forumtable tr.toprow {
 background-color: #336799;
 color: #ffffff;
}
table.forumtable tr.odd {
 background-color: #efefef;
 padding: 6px 6px 6px 6px;
}
table.forumtable tr.even {
 background-color: #e0e8ef;
}
table.forumtable td {
 padding: 6px 6px 6px 6px;
}
table.forumtable td.member {
 vertical-align: top;
 font-size: 0.8em;
}
table.forumtable td.posteddate {
 height: 10px;
 vertical-align: middle;
 font-size: 0.8em;
}
table.forumtable td.post {
 vertical-align: top;
}
.topictitle {float: left;}	/* added because IE8 screws up the display!*/
.pagenav2 {clear: both; float: left; background: url('../_images/forum/pages_icon.gif') no-repeat bottom left; padding: 3px 0 1px 12px; font-size: 0.8em; margin-left: 30px;}/* page number navigation within topic list */
.postcontainer {width: 699px; overflow: auto;} /* the purpose of this div is to constrain the post within the table */
.postby {font-size: 1.5em; font-weight: bold; margin-bottom: 0.2em;}
.signature {font-size: 0.9em; font-style: italic; border-top: 1px dotted #cccccc; margin: 30px 5px 5px 5px; padding-top: 5px;}
.avatar {margin-top: 10px; width: 202px; max-height: 152px; overflow: hidden;}
.avatarimage {background-color: #ffffff; border: 1px solid #000000;}


/* table to contain the compose forms for news, messages and forum */
table.composetable {
 background-color: #ffffff;
 border: 1px solid #000000;
 border-spacing: 1px;
 color: #555555;
 text-align: left;
}
table.composetable td {
 background-color: #efefef;
 padding: 6px 6px 6px 6px;
}

/* page navigation table used on board and topic pages */
/*
table.pagenavtbl {
 background-color: #efefef;
 border-collapse: collapse;
 border-spacing: 1px;
 color: #555555;
}
table.pagenavtbl td {
 border: 1px solid #336799;
 padding: 3px 6px 3px 6px;
}
table.pagenavtbl td.highlight {
 background-color: #e0e8ef;
}
*/

/* page navigation used on board and topic pages */
.pagenav a, .pagenav span {
    display: block;
    float: left;
    padding: 2px 5px;
    margin: 0 2px;
    border: 1px solid #ffffff;
    background: #ffffff;
}

.pagenav span.current {
    border: 1px solid #336799;
    font-weight: normal;
    background: #336799;
    color: #ffffff;
}
.pagenav span.disabled {
     border: 1px solid #E0E8EF;
     color: #E0E8EF;
}

.pagenav a {
    border: 1px solid #E0E8EF;
    text-decoration: none;
}

.pagenav a:hover {
    border-color: #336799;
	background: #E0E8EF;
}

.pagenav a.nextprev {
    font-weight: normal;
}

.pagenav span.nextprev {
    color: #666;
    border: 1px solid #ddd;
    color: #999;
}

/* table for displaying the emoticons when composing a post, a message or news article */
table.emoticons {
 border: 0;
}

table.emoticons td {
 border: 0;
 padding: 3px 3px 3px 3px;
}

/* modified blockquote style, used on topic pages when a message quotes a previous message */
blockquote {
 margin: 5px 15px 5px 15px;
 padding: 3px 3px 3px 3px;
 border: 1px solid #555555;
 font-style: italic;
}

/* a 'tooltip' like span on the epsadmin members.asp page */
a.info{position:relative; z-index:24;  text-decoration:none}
a.info:hover{z-index: 25;}
a.info span{display: none;}
a.info:hover span{ /*the span will display just on :hover state*/
 display: block;
 position: absolute;
 bottom: 10px;
 left: 25px;
 white-space: nowrap;
 border: 2px solid #000000;
 background-color: #ffffff;
 color: #000000;
 padding: 10px;
 text-align: left;
}

/* newsletter lists */
.newsletter_year {float: left; width: 232px; height: 425px;}
.newsletter_year ul {margin-left: 0; padding-left: 0; list-style-type: none;}
.newsletter_year a {display: block; padding: 6px 0 0 35px; width: 180px; height: 24px; background: transparent url("../_images/logo_pdf.gif") no-repeat 0 0; border-bottom: 1px solid #aaaaaa;}
.newsletter_year a:link, .newsletter_year a:visited {color: #336799; text-decoration: none;}
.newsletter_year a:hover {background-color: #336799; color: #ffffff;}

/* buttons */

.newsletter_button {
 float: right;
 padding: 9px 3px 9px 51px;
 height: 32px;
 text-align: left;
 cursor: pointer;
 color: #336799;
 background-repeat: no-repeat;
 background-position: 1px 1px;
}
.newsletter_button:hover {text-decoration: underline;}

/* ----- Gallery ----- */
.gallery_thumbnail {
 float: left;
 width: 210px;
 padding: 0px;
 margin-bottom: 5px;
 text-align: center;
}

.gallery_button {
 float: right;
 padding: 9px 3px 9px 51px;
 height: 32px;
 text-align: left;
 cursor: pointer;
 color: #336799;
 background-repeat: no-repeat;
 background-position: 1px 1px;
 font-size: 0.9em;
}
.gallery_button:hover {text-decoration: underline;}

.gallery_button_small {
 cursor: pointer;
 color: #ff0000;
 font-size: 0.9em;
}
.gallery_button_small:hover {text-decoration: underline;}


/* OLD calendar table */
table.calendar {
 background-color: #ffffff;
 border: 1px solid #000000;
 border-spacing: 1px;
 color: #555555;
 text-align: left;
 font-size: 0.9em;
}
table.calendar tr.toprow {
 background-color: #336799;
 color: #ffffff;
}
table.calendar td {
 padding: 3px 6px 3px 6px;
}
table.calendar tr.odd {
 background-color: #efefef;
 padding: 6px 6px 6px 6px;
}
table.calendar tr.even {
 background-color: #e0e8ef;
 padding: 6px 6px 6px 6px;
}

/* ---------- Calendar Stylesheet ---------- */
table.mycalendar {border-collapse: collapse; border: 1px solid #236476; font-size: 0.7em; font-weight: normal; color: #236476;}
table.mycalendar th {
	font-size: 1.4em;
	border: 1px solid #236476;
	width: 135px;
	height: 30px;
	text-align: center;
	background-color: #336799;
	color: #ffffff;
}
table.mycalendar td {
	border: 1px solid #236476;
	width: 135px;
	height: 90px;
	text-align: center;
	padding: 0;
}
table.mycalendar td.othermonth {background-color: #efefef;}
table.mycalendar td.weekend 	{background-color: #ffffdf;}
table.mycalendar td.thismonth 	{background-color: #ffffff;}
table.mycalendar td.today 		{border: 2px dashed #DA0000;}
table.mycalendar td:hover 		{background-color: #e0e8ef;}

a.mycalendar			{text-decoration: none; color: #236476;}
a.mycalendar:hover		{text-decoration: underline;}
.calendardate:hover		{background: #336799; color: #ffffff;}
.calendardate			{padding: 2px 1px 2px 1px; font-weight: bold; font-size: 1.1em; cursor: pointer;}
.calendarbankholiday	{padding: 2px 1px 2px 1px; font-weight: bold;}
.calendarevent			{padding: 2px 1px 2px 1px;}

/* ---------- (Calendar) Baloon Tooltip Stylesheet ---------- */
.TooltipPopUp {
 text-align: justify;
 position:absolute;
 top: -500px;
 left: 0;
 padding: 5px 10px 5px 45px;
 border: 1px solid #999999;
 border-left: 0px solid #ffffff;
 font:normal 12px Verdana;
 line-height: 18px;
 z-index: 100;
 background: transparent url("../_images/layout/book.gif") repeat-y top left;
 width: 350px;
}


/* ----- Menu Stylesheet ----- */

/* main menu */
#header_menu ul {padding: 0; margin: 0; color: #ffffff; float: left; width: 100%;}
#header_menu ul li {display: inline;}
#header_menu ul li a {padding: 12px 0px 12px 40px; color: #ffffff; text-decoration: none; float: left; font-size: 1.1em; font-weight: bold; width: 95px;}
#header_menu ul li a:hover {color: #FF9E1F; }
.menu_home {background: url('../_images/layout/menu/home.png') no-repeat center left;}
.menu_rideouts {background: url('../_images/layout/menu/rideouts.png') no-repeat center left;}
.menu_calendar {background: url('../_images/layout/menu/calendar.png') no-repeat center left;}
.menu_gallery {background: url('../_images/layout/menu/gallery.png') no-repeat center left;}
.menu_forum {background: url('../_images/layout/menu/forum.png') no-repeat center left;}
.menu_links {background: url('../_images/layout/menu/links.png') no-repeat center left;}
.menu_contactus {background: url('../_images/layout/menu/contactus.png') no-repeat center left;}

/* main members menu */
#header_login ul {padding: 0; margin: 0; color: #ffffff; float: left; width: 100%;}
#header_login ul li {display: inline;}
#header_login ul li a {color: #ffffff; text-decoration: none; float: left; font-size: 1em; font-weight: bold; width: 95px;}
#header_login ul li a:hover {color: #FF9E1F;}
.menu_constitution {padding: 12px 0px 12px 40px; background: url('../_images/layout/menu/constitution.png') no-repeat center left;}
.menu_benefits {padding: 4px 0px 4px 40px; background: url('../_images/layout/menu/benefits.png') no-repeat center left;}
.menu_messages {padding: 12px 0px 12px 40px; background: url('../_images/layout/menu/messages.png') no-repeat center left;}
.menu_messages_unread  {padding: 5px 0px 6px 40px; background: url('../_images/layout/menu/messages_unread.png') no-repeat center left;}
.menu_newsletter {padding: 12px 0px 12px 40px; background: url('../_images/layout/menu/newsletter.png') no-repeat center left;}
.menu_members {padding: 4px 0px 4px 40px; background: url('../_images/layout/menu/members.png') no-repeat center left;}
.menu_profile {padding: 4px 0px 4px 40px; background: url('../_images/layout/menu/profile.png') no-repeat center left;}

.menu_logout {float: left; height: 25px; width: 45px; padding: 8px 5px; font-size: 0.8em; text-align: center;}


/* style for the admin menu */
#adminlist {padding-left: 0; margin-left: 0;}
#adminlist li {list-style: none; padding: 5px 5px 5px 20px; background: url(../_images/layout/arrow.gif) no-repeat 0 .5em;}