/* CSS Document */

/*  Basic vanilla definitions, with no layout elements (see leftnav or topnav css for that

*/

html * {
	border: 0;
	margin: 0;
	}
	
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	}
	
h1 { 
	font-size: 120%;
	}
	
h2 {
	margin-top: 5px;
	font-size: 115%;
	}
	
h3 {
	font-size: 95%;
	}
	
p, li {
	font-size: 85%;
	}
	
ul, ol {
	margin: 0;
	list-style: none;
	padding-left: 0;
	}
	
.border {
	border: 2px solid #000;
	}
	
.clear {
	clear: both;
	}
	
.clearright {
	clear: right;
	}
	
.clearleft {
	clear: left;
	}
	
a:link {
	text-decoration: none;
	font-weight: bold;
	color:#900;
	}
	
a:visited {
	text-decoration: none;
	font-weight: bold;
	color:#090;
	}
	
a:hover, a:active {
	text-decoration: underline;
	}
	
/* _____________________________________________________________________= main wrapper __*/
#wrapper {

	}
	
/* ____________________________________________________________= main navigation styles __*/
#mainnav {
	font-size: 138%;
	background: #ff9;
	padding: 0;
	float : left;
	}
	
#mainnav ul { /* all list items */
	font-size: 75%;
	list-style: none;
	float: left;
	}
	
#mainnav li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.75em;
	margin-bottom : -1px;
	width: 160px;
	}
	
#mainnav li ul { /* second-level lists */
	position : absolute;
 	margin-left : 160px; 
	left: -999em;
	background: #ff9; 
	}
	
#mainnav #subnav li { /* second-level list items */
	line-height: 2.5em; 
	}	
	
#mainnav a:link, #mainnav a:visited {
	text-decoration: none;
	}

#mainnav a:hover, #mainnav a:active {
	text-decoration: underline;
	background: #900;
	color: #ff9;
	}

#mainnav li:hover, #mainnav li.sfhover {  /* with suckerfish class */
	background: #900;
	color: #ff9;
	}
	
#mainnav li:hover ul,  
#mainnav li.sfhover ul { /* lists nested under hovered list items, with suckerfish class */
		left: 0;
		top: 0;
	}
		
/* _______________________________________= body class matches with main nav elements __ */	
.home #mainnav #home a, 
.cats #mainnav #cats a, 
.showcats #mainnav #showcats a,
.aboutus #mainnav #aboutus a,
.events #mainnav #events a,
.morenews #mainnav #morenews a,
.links #mainnav #links a, 
.temp #mainnav #temp a {
	color: #00c;
	}
	
/* news page gets a main nav match and hides latest news panel */
.morenews #news {
	visibility: hidden;
	}

/* _________________________________________________________________________= columns __*/

.rightcol {
	background: #ccc;
	}
	
/* ______________________________________________________________= Main header styles __ */
	
#header {
	background: #cff;
	}

/* _______________________________________________________________= maincontent styles __*/

#maincontent {
	background: #fc9;
	}


/* ___________________________________________________________________= footer styles __*/

#footer {
	font-size: 65%;
	text-align: center;	
	background: #fc6;
	}
	
#footer ul {	
	list-style: none;
	}

#footer ul li {

	}

/* match wrapper class with footer elements */	
.terms #footer #terms a,
.contact #footer #contact a {
	color: #00c;
	}