/*
-----------------------------------------------
http://www.comoxvalleyarts.org/
author:   Logistica Systems
version:  01.10.2008
----------------------------------------------- */



#top {
	position:relative;
	height:20px;
	margin:0 auto;
	width: 960px;
	background-image: url(images/bg_top.jpg);
	background-repeat: none;
	background-position: center;
}

#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width: 960px;	
	background-image: url(images/bg_mid.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

#bott {
	position:relative;
	height:20px;
	margin:0 auto;
	width: 960px;
	background-image: url(images/bg_bott.jpg);
	background-repeat: none;
	background-position: center;
}



html,body,div  {
	font: normal 12px Arial, Helvetica, sans-serif; 
	color: #000000; 
	margin: 0; 
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background-color: #FAFAF0;
}

h1 {
	color: #00718A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	line-height: 120%;
}

h2 {
	background-color: #EFEFEF;
	border-bottom: solid 2px #999999;
	text-indent: .7em;
	margin: .6em  0;
	padding: 2px 0 2px 0;
	color: #00718A;
	font: normal 16pt "Times New Roman", Times, serif;
	letter-spacing: 1px;
}

h3 {
	color: #0099CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	line-height: 120%;
	margin:0;
}

h4 {
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	margin: 0 4em;
	font-weight: bold;
	line-height: 120%;
	text-align:center;
}


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

p {text-align:justify;}

p.PDF {text-align:left;}

ol,ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


li {
	list-style-type: square;
	margin: 0;
}

p.mission {font: bold 16px/150% Arial, Helvetica, sans-serif; padding: 3em; }
p.indent{margin-left: 15px;}

.content_cell {
	background-image: url(images/content_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: .7em 0 2em 1em;
}

img.vol_pics {padding: 0 1em;}

/* Generic Link */

a				{font: normal 13px Arial, Helvetica, sans-serif; text-decoration: none;}
a:link			{color: #0066CC; text-decoration: underline;}
a:visited		{color: #0066CC; text-decoration: underline;}
a:hover			{color: #0099FF; text-decoration: underline; }

a.link2				{font: normal 12px Arial, Helvetica, sans-serif; text-decoration: none;}
a.link2:link		{color: #000000; }
a.link2:visited		{color: #000000; }
a.link2:hover		{color: #0099E2; text-decoration: underline;}

A.member			{font: normal 11px Arial, Helvetica, sans-serif; text-decoration: none;}
A.member:link		{color: #0099FF; }
A.member:visited	{color: #0099FF; }
A.member:hover		{color: #000; text-decoration: underline;}

/* MISC */
.small		{font-size: 10px; color:#C80000; }
.small2		{
	font-size: 11px;
	color: #666666;
}

.table_bg {background-color: #EFFCFF;}


/* Legal Stuff */
td.copyright	{
	font-size: 9px;
	color: #666;
	font-family: Verdana, arial, sans-serif;
	padding-right: 1em;
}

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


/* Curvy Corners */
.curvy {position:relative; width:200px; background:#E4DFC8; color:#000; margin: auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#E4DFC8; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#E4DFC8; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:5px 10px;}



/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(prodrop4/pro_drop4_2a.gif);}
.preload2 {background: url(prodrop4/pro_drop4_2b.gif);}

.prodrop4 {padding:0 0 0 1px; margin:0; list-style:none; height:36px; background:transparent url(prodrop4/pro_drop4_back.gif); position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#666; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(prodrop4/pro_drop4_0a.gif) no-repeat;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:36px;background:url(prodrop4/pro_drop4_0b.gif) right top;}
.prodrop4 li a.top_link:hover {color:#000; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li a.top_link:hover span {background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top;}

.prodrop4 li:hover > a.top_link {color:#000; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top_link span {background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:160px;}
.prodrop4 ul.sub2 {width:120px;}
.prodrop4 ul.sub3 {width:130px;}
.prodrop4 ul.sub4 {width:130px;}

.prodrop4 :hover ul {left:0; top:35px; background: #00CCFF; padding:3px; border:1px solid #3a93d2; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:12px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#0099CC; color:#fff;}


/* Images with Caption */
table.image_r { margin-left: 1em; }
table.image_l { margin-right: 1em; }
td.caption { font: italic 11px Verdana, Arial, sans-serif; color: #00718A; text-align:right;}
td.contact { text-align: left; }

div.members td {
	font: normal 13px Arial, Helvetica, sans-serif;  
	color:#333333;
	
	}