/* CSS Document */
      /*
      Theme Name: Our Golden Thread
      URI: www.ourgoldenthread.com
      Description: a-brief-description
      Author: studiolk
      Author URI: www.studiolk.com
      */ 
	  
      [Table Of Contents] 
      0- Reset 
      1- Global 
      2- Links 
      3- Headings 
      4- Header 
      5- Navigation 
      6- Middle 
      7- Forms 
      8- Extras 
      9- Footer   
	  ==-2showPegNextMeeting

      /* =0 Reset
      –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
      @import url('reset.css'); 
/* =1 Global  (a work in progress)
------–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
# body {
	line-height: 1;
	font: normal 12px Arial, Helvetica, sans-serif; 
	vertical-align: top; 
	background: #fff;
	color: #000;} 
.right { 
	float: right;} 
.left { 
	float: left;} 
.align-left { 
	text-align: left; } 
.align-right { 
	text-align: right; } 
.align-center { 
	text-align:center; } 
.justify { 
	text-align:justify;} 
.hide { 
	display: none; } 
.clear { 
	clear: both;} 
.bold { 
	font-weight:bold; } 
.italic { 
	font-style:italic;} 
.underline { 
	border-bottom:1px solid; } 
.highlight { 
	background:#ffc;} 
img.centered { 
	display: block; 
	margin-left: auto; 
	margin-right: auto;} 
img.alignleft { 
	float:left; 
	margin:4px 10px 4px 0; } 
img.alignright { 
	float:right; 
	margin:4px 0 4px 10px;} 
.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;} 
.clearfix {display: block;} 
html[xmlns] .clearfix {display: block;} 
* html .clearfix {height: 1%;} 
td{ padding:2px 2px 2px 5px;} 
table{width:500px; margin: 0px 0px 30px 0px; color:#CCCCCC;}
	
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited {color: #5a6673;  text-decoration:none;}
a:hover {color: #dfc572;}
a:active {color: #dfc572;}
	
/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1, h2, h3, h4, h5 {font-style:bold; padding:10px 0px 5px 0px; color:#5a6673;}
h1 {font-size: 1.5em; font-family:Arial, Helvetica, sans-serif; color:#5a6673; padding:10px 0px 5px 0px;}
h2 {font-size: 1.25em; 
	font-family:Arial, Helvetica, sans-serif;
	 color:5a6673;}
h3 {font-size: 1em;}
h4 {font-size: .5em;}
h5 {font-size: .9em;}
hr {color:#CCCCCC; width: 500px;}

/* =4 Header 
------–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
.header {background-color: #576067; width: 100%; height: 87px; }
.ourGoldenThread {background-image:url(images/OurGoldenThreadlogo.gif); width:100%; height:100px; background-repeat:no-repeat;}
/* =5 Navigation
------–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
.nav li{display:inline; font-family:Arial, Helvetica, sans-serif; padding:20px; border-bottom: 2em, #CC3300;}
/* =6 Middle 
------–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
.content {width:550px; line-height: 1.5em; font-size:.75em; font-family: Arial, Helvetica, sans-serif; padding: 15px 0px 0px 25px; color: #5a6673;}
.indent {padding: 0px 0px 0px 20px;}
==
li {display:list-item; list-style: disc; }
.toc {border:double; width: 500px; margin: 5px 0px 5px 0px;}
.section {border-bottom:#cccccc; width:50px;}
.title { color:#666666;}
/* =7 Form
------–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
/* =8 Extra 
------–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
.beads{ position: absolute; left: 555px; top: 90px; background-image:url(images/beads.jpg); width: 242px; height:538px;}
/* =9 Footer
------–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
.footer{ color: #666;}