body {font: .8em verdana, arial, sans-serif; margin: 0 10px }
* {margin: 0 10px; padding:0;}
div#main_wrapper {min-width:760px; max-width:100%;  margin-left:auto; margin-right:auto;} /* centers layout when > max width */
div#header {
	width:auto;
	}
#threecolwrap {
  float:left;
  width:100%;
  }
#twocolwrap {
 	float:left;
	width:100%;
	display:inline; /* stops IE doubling  margin on float*/
	margin-right:-230px; /* CWS - neg margin move */
  }
#nav {
 	float:left;
 	width:230px;
	display:inline; /* stops IE doubling  margin on float*/
        border-top: 1px solid #fff;
 	}
#content {
 	width:auto;
 	margin-left:230px;
 	margin-right:270px;
 	}
#contentTwoColumns {
 	width:auto;
 	margin-left:230px;
 	margin-right:40px;
 	}
#promo {
 	float:left;
 	width:230px; 
        border-top: 15px solid #fff;
	}
 #footer {
 	width:100%;
        padding: 5px 0 20px 0;
 	clear:both; 
 	}
/* end of structural styles */ 

/* inner div margin */
#header_inner, #nav_inner, #content_inner, #promo_inner {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
#header_inner {
        margin: 0;
        width: 100%;
        height: auto;
	}
#logo { margin-top: 15px; margin-left: 20px; height: 41px; background: transparent url(graphics/logo.gif) no-repeat top left; }
#logo a { width: 280px; height: 41px; display: block; }
#logo h1 { display: none; }

#header_inner h1 {
        display: none;
        }
#nav_inner {
	padding:.5em .5em 1em 1em;
	}
#content_inner {
	padding:0 1em 1em 1.5em;
	}
#footer_inner {
	padding:.5em 5em;
	text-align:center;
	}
/* end inner div margins */

#content_inner ul { font-size: .8em }

/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
	margin:0;
	padding:0;
	}
body {
	font: 1em Lucida, Arial, sans-serif; /* 1em = 16pts */
}
.float_left {float:left; margin: 0 .3em .3em 0;}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */

/* DEFAULT TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body {background-color:#FFF;}
#main_wrapper {background-color:#FFF;}
#header {background-color:#FFF;}
#nav {background-color:#fff; border-right: 1px solid #ccc; margin-top: 15px }
#content, #contentTwoColumns {background-color:#FFF; margin-top: 15px}
#promo { background-color:#fff; }
#footer {background-color:#FFF;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family: Arial, Helvetica, sans-serif;
	} 
/* TEXT COLORS */
h1 {
	color:green;
        margin: 5px 0 20px 0;
	}
h2, h3, h4, h5 {
	color:#808073;
        margin: 0;
	}
h6 {
	color:#000000;
	}
p {
	color:#000;
	}
ul, ol, dl, blockquote, cite {
	color:#808073;
	}
#nav ul, #nav a {
	color:#777;
        font-size: .975em;
	}
#nav a.current, #nav ul li a.current {
	font-weight: bold;
        color: green;
	}
#nav ul, #nav a:hover {
        color: #333;
	}
#nav ul li ul li a {
        color: #666;
        }
#freedomForum h2 a, h2 a:hover, h2 a:visited { color: #3B5998; font-size: .75em }
table, form {
	color: #333;
	font-size: 1em;
	}
a {
	color:#3B5998;
	}
a:hover {
	color:#000;
	}
#content a, #contentTwoColumns {
        color: #3B5998;
        font-weight: bold
        }	
#footer p {
	margin:0;
	}

/* FONT SIZES */
h1 {font-size:1.5em; /* 24pt */
	}
h2, {font-size:1.375em; /* 22pt */
	line-height:1.25;
	}
h3 {font-size:1.125em; /* 18pt */
	line-height:1.25;
	}
h4 {font-size:1.125em; /* 18pt */
	}
h5 {font-size:.9em; /* 16pt */
	}
h6 {font-size:.875em; /* 14pt */
	}
p  {
	font-size:.8em; /* 12pt */
	line-height:1.25; /* on 15pt */
	margin-bottom:.75em; /* 12pts of space */
 	}
a { text-decoration:none }
a:hover { text-decoration:underline }
/* basic list styling - more-styled lists in list.css */
ul.main_menu_left li {
        font-size: .9em;
        padding: 0px 5px 10px 5px;
        }
ul.main_menu_left li ul li {
        padding: 0;
        font-weight: normal;
        }
ul, dl, ol {
		margin:0 1em .75em 1em; /* lists without specific classes */
		font-size:1em;
                font-weight: bold;
		line-height:1.3;}
li, dd {
		padding:0em 0; /* lists without specific classes */
		margin-left:2em;
		}
#nav ul, #nav dl, #nav ol {
		margin:0em .5em 0em .5em; /* lists without specific classes */
		}
#nav li {
	list-style-type:none;
	margin-left:0
	}
#promo ul, #promo dl, #promo ol {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
		}
#promo li {
	list-style-type:none;
	margin-left:0
	}		
dt {font-weight:bold;}

code {font-size:1.25em;}
* html code {font-size:1.1em;} /* default size is smaller in IE */
	
cite {
	font-size:.85em;
	font-style:italic;
	}
blockquote {
	border-top:2px solid;
	border-bottom:2px solid;
	width:50%;
	margin:1em 0 1em 20%;
	padding:.3em 1em;
	}
blockquote p {
	margin-bottom:.1em;
	}
blockquote p:before { /* IDWIMIE 6 and 7 */
	content: open-quote;
	color:#cccc8f;
}
blockquote p:after {  /* IDWIMIE 6 and 7 */
	content: close-quote;
	color:#366;
}
blockquote cite {
	font-size:.85em;
	}
abbr, acronym {
	border-bottom:1px dashed #000;
	cursor:default;
	}
address {
	margin:0 1em .75em 1em;
	}
img {
	border:0;
	}

/* basic table styling  - more-styled tables in tables.css */
table caption {
	font-weight:bold;
	font-size:1em;
	margin-top:.6em;
	}
table {
	margin: .3em 0em .3em 0em;
	border-collapse:collapse;
	font-size:.9em;
	}
table th	{
	padding: .3em .5em .3em .5em;
	}
table td	{
	padding: .1em 0em .1em 0em;
	}
/* THE ALSETT CLEARING METHOD */
	.clearfix:after {
 content: ".";
 display: block; 
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */

.newsListPublishline {
 color: #666;
 font-weight: bold;
}

#menuTop { font-size: .75em; float: right; vertical-align: bottom; }
ul.menu_top { margin-top: 40px; border: 0; padding: 0; list-style: none; line-height: 25px; }
ul.menu_top li { margin:0 8px; border: 0; padding: 0; float: left;/*Gecko*/ display: inline; list-style: none; position: relative; }

#menuForum { font-size: .75em; vertical-align: bottom; margin-left: -5px }

#header_nav {
 background-color: khaki;
 width: 100%;
 height: 25px;
}

/* MenuBegin:menu_books */
ul.menu_books { margin: 0; border: 0; padding: 0; list-style: none; line-height: 25px; }
ul.menu_books li { margin: 0; border: 0; padding: 0; float: left;/*Gecko*/ display: inline; list-style: none; position: relative; }
ul.menu_books ul { margin: 0; border: 0; padding: 0; list-style: none; width: auto; display: none; position: absolute; top: 25px; left: 0; background-color: khaki }
ul.menu_books ul li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ position: relative; }

ul.menu_books li.item1 { background-color: #990033; }
ul.menu_books li.item2 { background-color: #CC0033; }
ul.menu_books li.item3 { background-color: #D25400; }
ul.menu_books li.item4 { background-color: #D25400; }
ul.menu_books li.item5 { background-color: #FF7315; }
ul.menu_books li.item6 { background-color: #F4C400; }
ul.menu_books li.item7 { background-color: #FFDE59; }
ul.menu_books li.item8 { background-color: #CCCC33; }
ul.menu_books li.item9 { background-color: #333333; }

/* 1st Level */
ul.menu_books a { color: white; text-decoration: none; width: auto; border-right: 1px solid khaki; text-align: left; padding: 0px 10px; font: bold 11px/25px Verdana, Geneva, sans-serif; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ }
ul.menu_books a:hover,
ul.menu_books li:hover a,
ul.menu_books a:hover,
ul.menu_books li.over a { color: #fff; background: #999; text-decoration: none; }
ul.menu_books a.last { border-right: 0; }

/* 2nd Level */
ul.menu_books li:hover li a,
ul.menu_books li.over li a { line-height:11px; padding:7px 10px; color: #666; background: khaki; text-decoration: none; float: none; white-space: nowrap; }
ul.menu_books li:hover li a:hover,
ul.menu_books li:hover li:hover a,
ul.menu_books li.over li a:hover,
ul.menu_books li.over li.over a { text-decoration: underline; color: #333 }
ul.menu_books li:hover li:hover li a.first,ul.menu_books li.over li.over li a.first { border-top: 0; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul.menu_books li:hover ul,ul.menu_books li.over ul { display: block; }
ul.menu_books .nav ul :after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; }
/* MenuEnd:menu_books */

.menuPipeBottomLink {margin:0px 5px 0px 5px; font-size: 1em;}

/* ModuleBegin::forum */
.message a { color: #388811; }
.frame { margin: 10px 20px 0px 0px;  clear:both; }
.frame table { width:100%; text-align:center; }
.frame th { color: #ffffff; padding:0px 3px; font-weight:bold; background-color:green; height:30px; }
.frame td { padding: 5px; border-top:1px solid white; border-right:1px solid white; } 
.frame tr { background-color: #F1F1F1; } 
.frame .category td { background-color:#DDECAD; font-weight:bold; color:#388811; padding:10px 5px; font-size:12px; text-align: left; }
.frame .message { padding:10px 10px 20px 10px; font-size:1.4em; text-align:left; font-weight: normal }
.frame .messageLabel { width:150px; font-weight:bold; text-align:left; vertical-align:top; padding:10px; }
.frame .topic { font-size: 12px; text-align: left; font-weight:bold; padding-left:10px; }
.frame .author, .frame .user { font-size: 12px }
.frame .rowUnread { background-color: #eee;}
.frame .rowEven { background-color: #ddd; }
.frame .rowOdd { background-color: #ddd; }
.frame .rowEvenUnread { background-color: #eee; }
.frame .rowOddUnread { background-color: #eee; }
.seperator td { background-color:silver; height:6px; }
.backtotop { text-align: left; }
.title { font-weight: bold; text-align:left; padding-left:10px; }
.blurb { font-size: 11px; text-align:left; padding-left:10px;  padding-bottom:5px }
.post .date { font-size: 9px; } 
.messageHeader { border-bottom: 1px solid #CCCCCC; height:18px; width:99%; margin-bottom:10px; }
.messageHeader .date { float: left; font-size:11px;}
.messageHeader .subject { color: #388811; float: left; padding-left:10px; font-size:11px; font-weight:bold; }
.messageHeader .number { float: right; }
.tagSearch { background-color:#FFFFA6; font-weight:bold; }
.tagCode { background-color:black; color: white; font-family: monospace; border: 1px inset white; padding:10px; margin:10px 30px; font-size:12px; }
.tagQuote { background-color:white; color:black; border: 1px inset black; padding:20px; margin:10px 30px; font-size:12px; }
.tagQuoteBy { color:#388811; padding-bottom:5px; }
.tagQuoteName { font-weight:bold;  }
.tagCode a, .tagCode a:visited { color:white; font-weight:bold; }
.tagImage { border:0 }
.buttonBar td { background-color: #cccccc; padding: 10px; }
.bar, .pagesFrame { height:20px; } 
.bar .button { float: right;  margin-left:3px; margin-right: 10px }
.button { font-weight: bold; }
.breadcrumb { font-weight:bold; padding:5px 0px; float:left; }
.header .pagesFrame { margin-top:10px; }
.footer .pagesFrame { margin-bottom:10px; }
.pages {  float:right; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; }
.pages div { float:left; } 
.prevGroup, .prev, .next, .nextGroup { border-left:1px solid #cccccc;   padding: 3px 5px; }
.prevGroup, .nextGroup { background-color:#F1F1F1; }
.prev, .next{ background-color:#f1f1f1; }
.pagesLister { padding: 3px 0px; }
.prevnextCurrent, .prevnextWindow { padding:3px 5px;  border-left: 1px solid #cccccc; }
.prevnextCurrent{ font-weight:bold; }
#freedomForum.layouterror .frame { border:0px solid #388811; margin: 20px; }
.errorMessage { font-weight: bold; color: red;  padding-bottom: 20px; }
/* ModuleEnd::forum */

.membershipLoginBox  { background-color: khaki; margin:0; padding:20px; width: 400px; font-size: 12px }
.membershipLoginBox .loginText { text-align: right; padding-right: 5px }
.membershipLoginBox .loginInput { text-align: left }
#memberLogin { position: absolute; top: 35px; left: 350px }
#content_inner .homeBox, #promo .homeBox, #nav_inner .homeBox { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; background: url(graphics/fade.jpg) repeat-x }
#content_inner .homeBox .more { float: right; margin-right: 10px }
.newsBlurb { font-size: .75em; color: #333 }
.newsPublished {font-size: .75em; color: #666 }
.itemList {  padding-bottom: 5px }
.eventBigLink { font-size: .75em; color: #3B5998 }

.enewsWrapper { padding: 0px 10px 10px 10px }
.enewsWrapper h3 { margin-bottom: 5px }
.enewsWrapper .enewsText { font-size: .8em }
.enewsWrapper .enewsBoxEdit { height: 20px }

.facebook { margin-top: 10px }
.newsListItemCount td { font-size: 9pt }
.newsListBlurb { color:#333; line-height:125% }

hr { margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; border-left: 1px solid #fff; border-right: 1px solid #fff }

#comment h2 { font-size: 14px; margin-top: 20px }
#comment textarea, #comment input { border:1px solid #ccc }
#comment label { font-size: 12px }
#comment div.formButtons a { margin-bottom: 20px }
.commentsVotes { font-size: 10pt; color: #666; border-top:1px solid #ccc; border-bottom:1px solid #ccc }
.commentsVotes:hover { background-color: #e0e0e0 }

#voting { border-top:1px solid #ccc; margin-bottom: 20px }
#voting th { border-bottom:1px solid #ccc }
#voting td { border-bottom:1px solid #ccc; padding: 5px 0 }
#voting td.number { text-align:center }
.voteYes { color: green; font-weight: bold }
a.addthis_button { clear:left }

/* ModuleBegin::wiki */
#wiki_body { width:100%; height:300px; }
#wiki_title { width: 200px; }
#wiki_comments { width: 100%; }
#wiki_category { margin:0; }
#wiki_warning { padding: 10px 0px 10px 5px; width: 100%; border: 1px solid red; background-color: #fcc; font-weight: bold; color: red; }
#wiki_toc { list-style:none; margin:0; padding:2px }
#wiki_toc li { padding:2px 0px; }
.wikiWrapper .revisions, #wiki_discussion .revisions { color:#555; padding-top:5px; text-align:center; }
.wikiWrapper .revisions { border-top:1px solid #cfcfcf; font-size: 8pt }

#wiki_preview_title { padding-bottom: 15px; font-size: 15pt; font-weight: bold; }

#wiki_diff table { width: 100%; }
#wiki_diff .th_row { background-color: #eee; }
#wiki_diff th { padding:5px; }
#wiki_diff td { padding:3px; border-bottom:1px solid #aaa; }
#wiki_diff .history_header, .current_header { background-color: #d4d5d4; text-align: left; padding: 5px; margin: 0px 5px 0px 5px; border-bottom: 1px solid #000; }
#wiki_diff .current, .history { background-color: #eee; margin: 0px 5px 0px 5px; border: 1px solid #d4d5d4; }
#wiki_diff .inserted { background-color: #cfc; }
#wiki_diff .deleted { background-color: #f59e92; }
#wiki_diff .changed { background-color: #ffa; }
#wiki_diff .unchanged { background-color: #eee; }
#wiki_diff .back_button { width: 100%; text-align: center; padding-top: 30px; }

#wiki_diff_legend { padding-top: 30px;  vertical-align: top; }
#wiki_diff_legend .title { font-size: 10pt; border: 1px solid #aaa; background-color: #d4d5d4; width: 300px; padding: 0; margin: 0; }
#wiki_diff_legend .box { border: 1px solid #aaa; background-color: #eee; width: 300px; }
#wiki_diff_legend .changed { margin: 10px 0px 10px 0px;  padding-left: 5px; }
#wiki_diff_legend .inserted { margin: 10px 0px 10px 0px; padding-left: 5px; }
#wiki_diff_legend .deleted { margin: 10px 0px 10px 0px; padding-left: 5px; }
/* ModuleEnd::wiki */