* {
	margin: 0;
	padding: 0;
}

html, body {
height: 100%
}

body {
	  background: #000000 url(images/bg.jpg) repeat-y top center;
	font: 78.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	word-spacing:1px;
	color:#333;
}

h1, h2, h3, h4 {
	padding-left: 25px;
	text-decoration: none;
	color: #333333;
	font:100% Georgia;
}

h1, h2 {
	margin-bottom: 20px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing:1px;
}
hi, h2 {
	border-bottom: 10px solid #eeeeee; 	
	padding: 0 0 2px 25px;
}

/*h2 {
	background: url(images/h2bg.jpg) no-repeat;
	}*/

h1 {
	font:152% Georgia;
}

h2 {
	font:152% Georgia;
}

h3 {
	font: 145% Georgia;
	letter-spacing:1px;
	margin-bottom: 15px;
	
}
h4 {
	font: 125% Georgia;
	letter-spacing:1px;
	margin-bottom: 10px;
	
}

ul, ol {
	margin-bottom: 20px;
	line-height: 1.8em;
}
p {
	margin:15px 0;
	padding-left: 25px;
	line-height:20px;
}

ul, ol {
	margin-left: 3em;
}

blockquote {
	padding-left: 3em;
	background: url(images/img08.gif) no-repeat;
	font-style: italic;
}

DIV.rule {
	background-image:url("images/divide.jpg");
	background-repeat:no-repeat;
	width:431px;
	height:24px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
DIV.rule HR {
	display:none;
}

a {
text-decoration: none;
font-weight: bold;
}

a:link {
	color: #ad8329;
}

a:active {
	color: #ED5C0C;
}

a:visited {
	color: #ad8329;
}

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

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 10px 0;
}
.photo {
border-width: 8px 8px 20px 8px;
border-style: solid;
border-color: #eeeeee;
float: right;
margin-left: 20px;
margin-bottom: 20px;
}



/* Menu */

#menu {
	width: 960px;
	height: 65px;
	margin: 0 auto;
	border-right: 1px solid #666666;
	background-color: #6f0304;
}

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

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 136px;
	height: 45px;
	padding: 20px 0 0 0;
	border-left: 1px dotted #2e394f;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font:100% Georgia;
	letter-spacing:2px;
	background: #6f0304 
	color: #ffffff;
}

#menu a:hover {
	background: #880404;
	font:105% Georgia;
	color: #ad7542;
}

#menu .active a {
	background: #6f0304;
	color: #fff;
}

/* Header */

#header {
	width: 960px;
	height: 250px;
	margin: 0 auto;
	background: url(images/img02.jpg) no-repeat;
}

#header h1 {
	float: left;
	width: 408px;
	height: 100px;
	margin: 0;
	padding: 70px 0 0 0;
	text-align: center;
	font-size: 36px;
}

#header h2 {
	float: right;
	width: 530px;
	height: 86px;
	margin: 0;
	padding: 84px 20px 0 0;
	text-align: right;
}

#header a {
	text-transform: lowercase;
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 960px;
	margin: 0 auto;
	padding: 0 0;
	background: #ffffff;
	/*background: url(images/mainbgphoto.jpg) repeat-y;*/
}

/* Content */

#content {
	float: left;
	width: 670px;
	padding-top: 10px;
	
	
}
#lipsum {
padding-left: 25px;
}


.post {
	margin-bottom: 20px;
	padding: 0 20px;
}

.hr {
	border-bottom: 1px solid #EDEBD5;
}


/* login */

#login  {

padding-left: 40px;

}

/* Sidebar */

#sidebar {
	width:250px;
	float:right;
	padding:10px 10px 30px 10px;
	border-left:0px solid #eee;
	border-right:0px solid #eee;
	border-bottom:0px solid #eee;
}

#sidebar h2 {
	letter-spacing:2px;
	font:120% "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	font-weight: bold;
	color:#336699;
	 background : #ffffff; 
	border-bottom:3px solid #f6f6f6;
	padding:35px 0 20px 10px;
}

#sidebar h3 {
	font-size: 85%;
	color: #FFFFFF;
}

#sidebar p {
	margin:15px 0;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 100%;
	line-height:18px;
	color: #666666;
}

#sidebar ul {
	list-style:none;
	margin:0 0 20px 0;
}

#sidebar li {
	padding:10px;
	background-color: #fff;
	border-bottom:1px dotted #cccccc;
}

#sidebar li a {
	font:110% "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	color:#3399cc;
	text-decoration:none;
}

#sidebar li a:hover {
	color:#336699;
}

SidebarMid 

#sidebarmid {
	width:256px;
	float:right;
	padding:10px 10px 30px 10px;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}

#sidebarmid h2 {
	letter-spacing:2px;
	font-size:1.4em;
	color:#333;
	border-bottom:1px solid #f6f6f6;
	padding:0 0 3px 0;
}

#sidebarmid h3 {
	font-size: 85%;
	color: #FFFFFF;
}

#sidebarmid p {
	margin:15px 0;
	padding-left: 1em;
	line-height:22px;
	color: #000000
}

#sidebarmid ul {
	list-style:none;
	margin:0 0 20px 0;
}

#sidebarmid li {
	padding:3px;
	border-bottom:1px solid #f6f6f6;
}

#sidebarmid li a {
	color:#333;
	text-decoration:none;
}

#sidebarmid li a:hover {
	color:#336699;
}



.bluebox {
	background: url(images/img05.jpg) no-repeat;
}

.bluebox h2 {
	background: url(images/img06.jpg) no-repeat;
}

/* Footer */

#footer {
	clear: both;
	margin: 0 auto;
	height: 100px;
	width: 960px;
	padding: 25px 0;
	background: #6f0304 /* url(images/img04.gif) repeat-x;*/
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 77%;
}

#footer a {
	color: #666666;
}

/*MembershipList*/

#MembershipList p {
	margin:3px 0;
	padding-left: 25px;
	line-height:14px;
}

#MembershipList ul {
margin-top: 20px;
}

.memberentry {
clear: left;
}

.membership {
font-style: italic;
font-size: 75%;
}

.name {
font-weight: bold;
}
.members {
border-width: 8px 8px 20px 8px;
border-style: solid;
border-color: #eeeeee;
float: left;
margin-right: 20px;
margin-bottom: 20px;
margin-top: 20px;
}

/*News page ======================== */



/*
  First define a content are width and position, if needed. I'm centering
  the 623px wide shell
*/
#clb-shell {
  margin : auto;
  width : 619px;
}

/* 
  My main experiment sub-heading. Just setting color
*/
#clb-shell h2 {
  color : #333333;
}

/*
  Now I'm resetting the paragraph padding (it was zeroed). I'm also clearing
  the p, but I don't really need this for the top one, only the bottom. The 
  top has no effect (it'll clear the heading by default), but it is needed 
  for the bottom (depending on the shell width versus the ul width). It may 
  not be needed at all. Your situation will determine.
*/
#clb-shell p {
  padding : 10px;
  clear : both;
}

/*
  I define the width of the ul, set the height (in ems!) align the text and
  remove list styles. The last may not be needed on most browsers
*/
ul#clb {
  width : 619px;
  height : 9em;
  margin-left: 0px;
  text-align : center;
  list-style-type : none;
}

/*
  Now I style the individual boxes (li)
*/
ul#clb li {
  margin : 0 2px;
  border : 1px solid #cccccc;
  width : 200px;
  height : 300px;
  background : #cccccc url(images/clb_li_back.jpg);
  float : left; 
  display : inline;
}

/*
  Style the li links
*/
#clb-shell a {
  color : #cccccc;
}
#clb-shell a:hover, #clb-shell a:focus, #clb-shell a:active {
  color : #000;
  text-decoration : none;
}
#clb-shell a:focus, #clb-shell a:active {
  background-color : #fff;
}

/*
  Style the h3 links
*/

#clb-shell h3 {
	padding-left: 0px;
	text-decoration: none;
	color: #ffffff;
	font:100% "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	font-weight: bold;
}



#clb-shell ul#clb h3 a {
  color : #336699;
  display : block;
  width : 194px;
  padding : 10px 3px;
  background : #ffffff url(images/clb_h3_back.jpg) repeat-x; 
  border-bottom : 1px solid #cccccc;
  text-decoration : none;
}
#clb-shell ul#clb h3 a:hover, #clb-shell ul#clb h3 a:focus, #clb-shell ul#clb h3 a:active {
  background : #ffffff url(images/clb_h3_back_over.jpg) repeat-x;
  color : #ffffff;
}

/*
  This tyles the text p content within the li separately. The most important 
  thing here is to re-kill the padding and add the margin to create good gutters
*/
ul#clb p {
  font-size : 80%;
  font-style: italic;
  padding : 0;
  line-height: 15px;
  margin : 5px;
}