/* Overall site/layout styles */

html, body {
font-family: arial, helvetica, sans-serif;
color: #000000;
background-color: #333333;
margin: 0;
padding:0;
text-align: center;    /* was text-align: left;  */
font-size:1.0em;
}

.container {
margin: 0 auto;
width:960px;
background-color:#FFFFFF;
padding: 0px;
text-align:left;
background-image:url(../img/container-bkgd2.gif);    /* was container-bkgd.jpg -- put it in the html so could link  */
background-position:top center;
background-repeat:repeat-y;
}

/* for 2 column template */
.container .main-2column {
padding:5px 10px 10px 25px;
display:inline;
float:left;
width:675px;
}

.container .main-2column ul li {
list-style-type:disc;
line-height:1.3em;
margin-left:20px;
}

.main-2column ul ul {
list-style-type: square;
line-height:1.1em;
margin-left:30px;
}

.container .sidebar-2column {
padding:5px 5px 10px 20px;   /* top right bottom left */
display:inline;
float:left;
width:215px;
}

.container .sidebar-2column-ad {
padding:15px 0px 10px 10px;   /* top right bottom left */
margin:0;
display:inline;
float:left;
width:240px;    /* was 215px */
}


.container .sidebar {
padding-top:10px;
display:inline;
float:left;
margin:0 10px 0 10px;
width:220px;
}


.container .sidebar ul li {
list-style-type:disc;
line-height:1.4em;
margin-left:13px;
}

.sidebar table h2, .sidebar table p {
/* color: #FEAF72; */
}



/* Overall tag styles */


	a	{
		color: #f9000c;      /* ywchac red */
		font-weight:bold;
		text-decoration: none;
		background-color: transparent;
		}

	a:link	{
		color: #f9000c;      /* ywchac red */
		text-decoration: none;
		background-color: transparent;
		} 

	a:visited	{
		color: #f9000c;      /* ywchac red */
		text-decoration: none;
		background-color: transparent;
		} 

	a:active	{ 
		color: #f9000c;      /* ywchac red */
		text-decoration:underline;
		background-color: transparent;
		} 

	a:hover		{ 
		color: #f9000c;      /* ywchac red */
		text-decoration:underline; 
		background-color: transparent;
		} 
		
	img	{
		padding: 0px;
		border: 0px;
		margin: 0px;
		}
		
	h1	{
		font-family: helvetica, arial, sans-serif;
		font-size: 1.4em;
		color:#f9000c;    /* ywchac red */
		line-height:1.2em;
		font-weight: bold;
		padding: 5px 0 3px 0;    /* top right bottom left */ 
		margin: 0px;
		}
		
	h1.pagename	{
		font-family: helvetica, arial, sans-serif;
		font-size: 1.4em;
		font-stretch: expanded;
		background-color:#F9000C;    /* ywchac red */
		color:#FFFFFF;
		line-height:1.2em;
		font-weight: bold;
		padding: 10px 0 10px 10px;    /* top right bottom left */ 
		margin: 15px 0 10px 0;
		height:20px;
		}
			

	h2	{
		font-size: 1.0em;
		font-family: arial, helvetica, sans-serif;
		color:#f9000c;    /* ywchac red */
		line-height: 16px;
		font-weight: bold;
		padding: 15px 0px 3px 0px;
		border: 0;
		margin: 0;
		line-height:1.2em;
		font-style:italic;
		}		

	h3	{
		font-size: .9em;
		font-family: arial, helvetica, sans-serif;
		color:#f9000c;    /* ywchac red */
		line-height: 16px;
		font-weight: bold;
		padding: 15px 0px 3px 0px;
		border: 0;
		margin: 0;
		line-height:1.2em;
		}
		
	h4	{
		font-size: .9em;
		font-family: arial, helvetica, sans-serif;
		color:#f9000c;    /* ywchac red */
		line-height: 13px;
		font-weight: bold;
		padding: 15px 0px 3px 0px;
		border: 0px;
		margin: 0px 0px 0px 0px;
		line-height:1.2em;
		}


	p	{
		font-size:0.8em;
		padding: 0 0 10px 0;  /*  top right bottom left */
		line-height:1.4em;
		vertical-align:top;
		}
		
	.eggshell	{
		color:#FEAF72;
		}
		
	img	{
		margin: 0px;
		padding: 0px;
		}



/* Navigation Styles */

.navigation {
display:inline;
float:left;
margin: 0;    
background-color: #854800;  /* choc brown */  
}

.navigation ul {
width: 960px;
list-style: none; 
background-color: #854800;  /* choc brown */    
}

.navigation li {
float: left;
text-align:center;
margin: 0px; 
/* height: 40px; */
width: 119px;
border-left: 1px solid #CCC;   /* fix this so it doesn't display on left "home" link  */  
background-color: #854800;  /* choc brown */    
}

.navigation li a {
display: block; 
padding: 10px 0 8px 0;     /*  gives navigation top right left placement */
color: #FEAF72;         /*  eggshell   */
font-size: .9em;
text-decoration: none;
height: 1%;
text-transform:capitalize;
font-variant:small-caps;
}

.navigation li#active a {
background: #b8b89f;  /* light grey */  
color: #52656B;  /* steel blue grey */ 
text-transform: capitalize;
}

.navigation li a:hover, .navigation li#active a:hover {
color: #FFFFFF;
text-transform:capitalize;
}


/* header styles -- where is the header??  */
	
#header	{
padding: 10px;
margin: 0;
/* border-bottom: 4px solid #854800;       puts line above navigation?? */
}
		
#header	h1	{
float: left;
width: 260px;     /*  was 210px    */
padding-left: 5px;
}

#header	h4	span	{
font-weight: normal;
color: #666;
}

#header	img	{
float: left;
padding-right: 10px;
}
		
#header	p	{
float: left;
width: 350px;     /*  was 420px  */
margin: 0px;
padding: 0px;
}
		
#header	form	{
margin: 0px;
padding: 0px;
}

#header	input	{
font-family: arial, sans-serif;
font-size: 11px;
padding: 2px;
margin: 0px;
} 

#header	input.search-field {
width: 140px;
margin-right: 5px;
}

#header a {
text-decoration:none;
}
	
#mast	{
clear: both;
margin: 0px 0px 10px 0px;      /* top right bottom left  */
border: 0px;
padding: 0px;
width: 960px;
background: #F3F;
}
		
#mast img	{
margin: 0px;
padding: 0px 0px 10px 0px;      /* top right bottom left  */
}


.container .banner {       /* includes banner and navigation */
display:inline;
float:left;
/* margin-left:10px; */
/* margin-right:10px; */
width:960px;
background-color:#FFFFFF;
height:240px;   /* banner is 240px high & nav is   */ 
border-top: #000000 solid thin;
border-bottom:#663300 solid 2px;
}

/* MAIN 3 COLUMNS */

.container .events {
padding-top:15px;
display:inline;
float:left;
margin-left:20px;
margin-right:10px;
width:270px;
background-color: #FFFFFF;
}


.container .main {
padding-top:15px;
display:inline;
float:left;
border-left:dashed #999999 thin;
padding-left: 15px;
margin-right:15px;
width:388px;
/*background-color:#CCCCCC;*/
}

.main .floatedImageRight {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #111111;
}
.main .floatedImageLeft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #111111;
}

.container .footer {
/*display:inline;*/
float:left;
margin:0;
width:960px;
background-color: #82004f;  /* purple */ 
}

.container .footer p {
font-family: arial, sans-serif;
font-size: 11px;
color:#feaf72;  /* eggshell */
padding: 2px;
margin: 0px;
text-align:center;
padding: 8px 4px 7px 4px;
}

.container .footer a {
color:#feaf72;  /* eggshell */
text-decoration:none;
}

.container .footer a:hover {
color: #FFFFFF;
}



.clear	{
	clear: both;
	margin: 0px 0px 0px 0px;      /* top right bottom left  */
	padding:0;
height: 0;
line-height: 0;
/*font-size: 1px;*/
	}
	


*html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear {
background:none;
border:0;
clear:both;
display:block;
float:none;
font-size:0;
list-style:none;
margin:0;
padding:0;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}

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

.clearfix {
display:inline-block;
}

* html .clearfix {
height:1%;
}

.clearfix {
display:block;
}