/* This was the base style sheet for the BlueGill Flame Website*/
/*thanks to jeff for giving it to me, I took it and made it my own*/

/* ----- BASIC ELEMENTS ----- */
body{
	background:    url(images/main/bg.gif);/*places the background image that tiles over the entire web browser window*/
	}
a:link {
	color: #006B7A;
	text-decoration: none;
	}
a:visited {
	color: #006B7A;
	text-decoration: none;
	}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
a:active {
	color: #000000;
	text-decoration: none;
	}
li {
	list-style-type: square;
	font: 12px/16px Georgia, serif;
	color: #1A2A1D;
	padding: 0px 12px 7px 0px;
	}
/* ----- MAIN CONTAINERS (these are IDs) ----- */
#holder {
	width: 750px;/* sets the width of the page area*/
	margin: auto auto;/* centers the page area in the window*/
	padding: 20px 0px;
	margin-bottom: 60px;
	}
#banner {
	width: 750px;/*sets the width of the banner image*/
	height: 121px;/*sets the hight the div will be locked too*/
	}
#content {
	width: 750px; 
	margin: auto auto;
	background:    url(images/main/cbg.gif);/*places the image that fills in your page area's background*/
	}
#footer {
	float: left;
	width: 750px;
	height: 46px;
	margin: 20 auto;
	background:    url(images/main/foot.gif) bottom left no-repeat;
	/*formating for the text in the footer*/
	font: 11px/15px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #606060;
	}
	
/* ----- SUB CONTAINERS (these are IDs) ----- */
/* The image for a page and its caption is placed in the Left column */
#leftcolumn { /*holds links to other pages*/
	float: left; /*places this div on the left side of page*/
	width: 160px;
	background:    url(images/main/left.gif);
	text-align: center;
	}
#rightcolumn { /* main content here */
	float: left;
	width: 585px;
	margin-left: 5px;
	margin-bottom: 10px;
	}
	
#rightedge {
	float: left;
	width: 200;
	margin-left: 5px;
}

/* ----- INDIVIDUAL DIVS TO HOLD INFORMATION ON MAIN PAGE (these are Classes) ----- */
.centertext { /* Used to format the text which is held in the right column */
	float: left;
    width: 380px;
    font: 12px/16px Arial, Helvetica, sans-serif;
	color: #232330; 
	text-align: justify;
	}
	
.fullpagetext { /* Used to format the text which is held in the right column when there aren't any pictures on the far right */
	float: left;
    width: 550px;
    font: 12px/16px Arial, Helvetica, sans-serif;
	color: #232330; 
	text-align: justify;
	text-align: center;
	}

/* ----- TYPOGRAPHY AND LINKS ----- */
.title { /* titles */
	font: 20px/24px Arial, Helvetica, sans-serif;
	color: #006B7A;
	text-align: left;
	font-weight: bold;
	}
	
.date { /* titles */
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #606060;
	text-align: left;
	}
	
.newstitle {
	font: 14px/18px Arial, Helvetica, sans-serif;
	color: #00444E;
	text-align: left;
	}



/* ----- HACKS USED ----- */
/* clearing hack by Tony Aslett for CONTENT area divs */
.clearfix:after {
    content: "."; display: block; height: 0; 
    clear: both; visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */