body{
	font-family: Arial,sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
		}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #223a86;
	text-decoration:none
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #804d40;
	text-decoration:none
}

p {
	font-family: Arial,sans-serif;
	color: #333333;
	font-size: 12px;
}

td {
	font-family: Arial,sans-serif;
	color: #333333;
	font-size: 12px;
}

li {
	font-family: Arial,sans-serif;
	color: #333333;
	font-size: 12px;
}

ol {
	font-family: Arial,sans-serif;
	color: #333333;
	font-size: 12px;
}

#mainpage {
	font-family: Arial,sans-serif;
	color: #333333;
	font-size: 12px;
	border-color: #999966;
	background-color: #f6f7f8;
	border-width:thick 1px 	
}

#pagetitle  {
	font-family: Arial,sans-serif;
	color: #406480;
	font-size: 16px;
	font-weight: bold;
}

h2 {
	font-family: Arial,sans-serif;
	color: #223a86;
	font-size: 16px;
	font-weight: bold;	
}

.subheader {
	font-family: Arial,sans-serif;
	color: #223a86;
	font-size: 14px;
	font-weight: bold;	
}

.linkheader  {
	font-family: Arial,sans-serif;
	color: #804d40;
	font-size: 14px;
	font-weight: bold;
}

#footer {

	border-top: 1px solid #cccccc;
	font-size: small;
	padding: 10px 10px 10px 10px;
	margin-top: 50px;
}

.contactindent {

	margin: 0px 0px 0px 10px;
		
}

#menu {
	background-color: #223a86;
	color:#FFFFFF;
	width: 790px;
	text-align:left; 
	padding: 0px 0px 2px 10px;
}

#menu a{
		color:#FFFFFF;
	
}

#menu a:hover{
	color:#cfdce6;
	
}


.smalltext { 
   	font-size: x-small;
	font-style:italic;
} 
	

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(box2.png) no-repeat bottom right; 
} 
.cssbox { 
    width: 770px !important; /* intended total box width - padding-right(next) */
    width: 770px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 10px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2{ 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 40px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 
 /* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 0px 0 15px 40px; /* mirror .cssbox_head right/left */ 
} 

body#resources a#resources,
body#coal a#coal,
body#camembers a#camembers,
body#home a#home,
body#events a#events,
body#news a#news,
 {
color: #ffff33;

}