body {
	margin: 0px;
	
	font-family:"Century Gothic", verdana, arial, sans-serif; 
	background:url(g1.jpg) repeat-x left top; 

	font-size: 1.2em;
	padding: 0px;
}

h1,h2,h3,h4,p { margin:0; } 
h1 { font-size:1.9em; color:#122A73; text-align:center; }
h2 { font-size:1.4em; color:#841C18; text-align:center; font-weight: bold; }
h3 { font-size:1.1em; color:#841C18; text-align:center;}
h4 { font-size:0.8em;  color:#122A73; text-align:center; }


/* Styles for DIV tags */
#container {
    width: 840px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	font-size: 1em;
}
#masthead {
	width: 780px;
	background-color:transparent;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;

}

#sidebar  {
	width: 168px;
	float:left;
	margin-top: 5px;  			
	border-top: 6px solid #122A73;
	background-color: transparent;								
}

#story   {
       width: 570px;
       background-color:transparent;
       padding: 15px;
       margin-left: auto;
       margin-right: auto;
}

.center  {margin: 10px auto 10px 100px;}

#navigation { 
	display:inline; 
	font-size: 0.8em; 
	margin-bottom: 10px;
	background-color: transparent;
}

html>body #navigation {
	overflow: hidden;
}

#extra  {
	display:block; 
	font-size: 0.8em; 
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: transparent;				
}


#content_container {
	width: 100%;
	background-color: transparent; 
	padding: 0px;
	background: url("bkgsingle.jpg") repeat-y; 
}             

#column {
	float: left;
	width: 672px;
	background-color: transparent;
	margin-top: 5px;
	border-top: 6px solid #122A73;

}




#footer {
        width:100%	
        background-color: blue;
	color: black;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 6px solid #122A73;
}

/* Styles for Masthead */
#masthead h1 {
	margin: 0px;
}

#masthead h3 {
	margin-top: .4em;
	margin-bottom: 0px;
	font-style: normal;
	font-weight: normal;
}

/* Styles for Navigation */
#navigation ul {
	list-style-type: none;
	margin: 12px 10px 10px 0px;
	padding: 0;
	border: 0;
	border-top: 2px solid #000000;
}
#navigation li {
	border-bottom: 2px solid #000000;
	margin: 0;
	padding: .3em;
	text-indent: 0em;
}
#navigation a {
	margin: 0 1px;
	text-decoration: none;
}

#navigation a:link {color:black;}
#navigation a:visited {color:gray;}
#navigation a:hover {color:#CCFFFF;}
#navigation a:active {color:#CC6600;}

/* a and p Styles for Column */

#content_container p {
    margin:5px 10px;
	font-size: 0.8em;
}

/* Styles for Single Column */

#column a:link {color:darkblue;}
#column a:visited {color:firebrick;}
#column a:hover {color:white;}
#column a:active {color:#122A73;}

*.photo-link  {
    float: left;
    width: 150px;
    height: 60px;		
    margin: 5px 15px 5px 15px;
    padding: 10px; 		
}


/* Styles for Footer */
#footer p {
	margin: 0;
	font-size: 0.6em;
	text-align: center;
}

/* THE ALSETT CLEARING METHOD */
<style type="text/css"> 

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

</style><!-- main stylesheet ends, CC with new stylesheet below... -->

<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>
<![endif]-->