@charset "UTF-8";
/* Quail Creek Crossing website, Robson Publishing, 2009. */

/*Main Page Attributes*/

html, body  {
   padding: 0px;
   margin: 0px;
   background: #FFFFFF url(../images/exteriortile.gif) center top repeat-y;
}

/* Top Nav formatting */

#topnav  {
	font: bold 13px "Trebuchet MS";
	height: 18px;
	list-style: none;
	text-align: center;
	color: #146734;
	margin: 0px;
	position: inherit;
	padding-top: 2px;
	width: 500px;
	}

#topnav a  {
   	font-weight: bold;
	text-decoration: none;
   	color: #146734;
	}

	#topnav a:hover  {
   	color: #FF9900;
	}

/* Main horizontal NavBar formatting */

#mainnav  {
	font: bold 12px "Trebuchet MS";
	height: 18px;
	list-style: none;
	text-align: center;
	color: #fff;
	margin: 0px;
	padding-top: 2px;
	width: 500px;
	background-color: #146734;
	}

#mainnav a  {
   	text-decoration: none;
   	color: #fff;
	}

#mainnav a:hover  {
   	color: #FF9900;
	}
	
/* Side Nav */

#sidenav  { 
	font: bold 12px/16px "Trebuchet MS"; 
	margin: 0; 
	padding: 0 0 0 5px; 
	list-style: none; 
	text-align: left; 
	letter-spacing: 1px; 
	color: #fffefe; 
	}

#sidenav_head { 
	font: bold 18px "trebuchet ms"; 
	color: #fff; 
	text-align: center; 
	letter-spacing: 8px; 
	}

#sidenav li  {
   	display: block;
   	margin: 0px;
	}
	
#sidenav li a  {
  	text-decoration: none;
   	color: #FFFEFE;
   	display: block;
	}

#sidenav li a:hover  {
   	color: #FF9900;
	}
	
/* This Month's Featured Edition */

#featured {
	font: 14px/22px "Trebuchet MS";
	width: 500px;
	text-align: center;
	}

#featured a  {
   	font-weight: bold;
	text-decoration: none;
   	color: #FF3300;
	border: none;
	}

#featured a:hover  {
	color: #003300;
	}
	
#featured a:visited  {
	color: #ff3300;
	}
	
#featured img {
	border: none;
	}
	
/* Ads and Community Links */

#ad_links  {
   	font: bold 12px/16px "Trebuchet MS";
   	margin: 0;
   	padding: 0 0 0 10px;
   	list-style: none;
   	text-align: left;
   	letter-spacing: 1px;
   	color: #fff;
	}
	
#ad_links_head { 
	font: bold 18px "Trebuchet MS"; 
	color: #fff; 
	text-align: center; 
	letter-spacing: 8px; 
	}

#ad_links li  {
   	display: block;
   	margin: 0px;
	}

#ad_links li a  {
  	text-decoration: none;
   	color: #fff;
   	display: block;
	}

#ad_links li a:hover  {
   	color: #003300;
	}


/* Story formatting */
		
#story  {
	font: 14px/22px "Trebuchet MS";
	width: 500px;
	}

#story a  {
   	font-weight: bold;
	text-decoration: none;
   	color: #FF3300;
	}

#story a:hover  {
	color: #003300;
	}
	
#story a:visited  {
	color: #ff3300;
	}

#story .headline { 
	color: #003300;
	font: 24px/30px  "Georgia";
	font-weight: bold;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 10px;
	}
		
#story .subhead { 
	font: 18px "Georgia";
	font-weight: bold;
	font-style: oblique;
	text-align: left;
	color: #003300;
	padding-bottom: 1em;
	}
		
#story .subhead-story1 { 
	font: 16px "Georgia";
	font-weight: bold;
	color: #003300;
	}
	
#story .subhead-story2 { 
	font: 16px "Georgia";
	font-weight: bold;
	font-style: oblique;
	color: #003300;
	}
	
#story .picture-caption { 
	font: 14px/18px;
	text-align: center;
	font-weight: bold;
	font-style: oblique;
	color: #003300; 
	margin-top: 0px;
	padding-top: .5em; padding-bottom: .5em;
	}
	
#story .byline { 
	font: "Georgia";
	font-size: 14px; 
	font-weight: bold; 
	color: #000000; }
	
	
/* Out & About */

#story .event-header {
	font: "Trebuchet MS";
	font-size: 18px;
	font-weight: bold;
	color: #003300; }
	
/* Phone Numbers */

#phone {
	font: 18px/30px "Trebuchet MS";
	text-align: center;
	width: 500px; }
	
#phone a {
	color: #FF3300; 
	text-decoration: none;
	font: bold;
	}
	
#phone a:hover {
	color: #003300;
	}
	
#phone .alt {
	background-color: #DCDFFF;
}

#phone .header {
	font: 22px "Trebuchet MS" bold; }

	
	
/* Footer */

#footer  {
	font: bold 14px/20px "Trebuchet MS";
	text-align: center;
	color: #003300;
	margin: 0px;
	}
	
#footer a  {
   	font-weight: bold;
	text-decoration: none;
   	color: #003300;
	}

#footer a:hover  {
   	color: #FF3300;
	}
	
	/* Advertiser table */

td {
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
}

th {
	color: #000;
	font-weight: bold;
	font-size: 16px;
	padding: 0 5px;
}

td {
	padding: 4px 5px 2px 5px;
	
}
	
.even {
	background-color:#B3DEBA;
	}

.odd {
	background-color:#EEE;
	}
	
.sortable {
	cursor: pointer;
}
.sortable:hover {
	color: #F30;
}