/*
-----------------------------------------------
Comox Valley Recreation Guide [ www.comoxhealthandrecguide.com ]
author:   Logistica Systems
Date:  July 17 / 2007
----------------------------------------------- */

html,body,div{
	font: 15px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}



body {
  padding: 0;
  margin: 0;
  background: #FFF url(images/summer-bg-wide.jpg) no-repeat center top;

  width: 100%;
  display: table;
}



h1 {
	font: bold 15pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #05555B;
	text-indent:.5em;
	padding: 5px 0;
	background-color: #EEEEEE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}


h2 {
	font: bold 13pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #05555B;
	margin: 0 0 .5em 0;
}

p {
	font: normal 14px/130% Arial, Helvetica, sans-serif;
	color:#333333;
	margin: 0px 0px 1em 0px;
}



/*-----------------------------------------------
CONTENT STYLES
-----------------------------------------------*/


td.contentcell {
	padding:1em;
	background: #FFFFFF;
}

td.adcell {
	padding:.3em;
	background: #E0E0E0;
	border-left: solid 1px #333;
}

td.news {
	padding:.4em;
	background: #EFEFEF;
	font: normal 9pt Arial, Helvetica, sans-serif;

}

td.header_comox {
	background: #FFFFFF url(images/header_bg.jpg) no-repeat left bottom;
	height: 180px;	
}


table.border {border: solid 1px #666; background-color: #E1F6FE;}

/* Generic Link*/
a.link			{font-size: 14px; text-decoration: underline;}
a.link:link		{color: #444B6A ; text-decoration: underline;}
a.link:visited	{color: #444B6A ; text-decoration: underline; }
a.link:hover	{color: #444B6A ; background-color:#FFFFCC; text-decoration: none;}

/* SPECIAL Link*/
a.link2			{font-size: 16px; text-decoration: none;}
a.link2:link		{color: #444B6A ; text-decoration: none;}
a.link2:visited	{color: #444B6A ; text-decoration: none; }
a.link2:hover	{color: #444B6A ; background-color:#FFFFCC; text-decoration: underline;}

.small			{font-size: 10px; color:#C80000; line-height:100%}
.required		{font-size: 10px; color:#000000; }

/* Legal Classes */
td.copyright	{
	color: #333;
	padding: 1em .7em 0 0;
	font: 9px Verdana, arial, sans-serif;
	background: #FFFFFF url(images/header_bg_bott.jpg) repeat-x left bottom;
	height: 70px;
}

a.logistica		{
	color: #333;
	text-decoration: none;
	font: 9px Verdana, arial, sans-serif;
}
a.logistica:link		{color: #333;}
a.logistica:visited		{color: #333;}
a.logistica:hover		{color: #FF9900; text-decoration: underline; font-weight: normal; }

/* Banner.ad */
.banner-ad {

margin-bottom:.6em;

}


/*-----------------------------------------------
NAVIGATION STYLES
-----------------------------------------------*/

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_five */

.menu5 {padding:5px 0 0 1em; margin:0; list-style:none; height:40px; position:relative; background:transparent url(images/pro_five_0c.gif) repeat-x left bottom; font-size:11px;}
.menu5 li {float:left; height:40px; margin-right:1px;}
.menu5 li a {display:block; float:left; height:40px; line-height:35px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(images/pro_five_0a.gif) no-repeat;}
.menu5 li a b {float:left; display:block; padding:0 16px 5px 12px; background:url(images/pro_five_0b.gif) no-repeat right top;}
.menu5 li.current a {color:#000; background:url(images/pro_five_2a.gif) no-repeat;}
.menu5 li.current a b {background:url(images/pro_five_2b.gif) no-repeat right top;}
.menu5 li a:hover {color:#000; background: url(images/pro_five_1a.gif) no-repeat;}
.menu5 li a:hover b {background:url(images/pro_five_1b.gif) no-repeat right top;}
.menu5 li.current a:hover {color:#000; background: url(images/pro_five_2a.gif) no-repeat; cursor:default;}
.menu5 li.current a:hover b {background:url(images/pro_five_2b.gif) no-repeat right top;}