/* 
TVOC

Copyright protected source code
All rights reserved by TVOC
*/

/* ----------------------------- body styles ------------------- */
body {
font-size:70%;
line-height:1.3em;
font-family: Verdana, Arial, sans-serif;
text-align:center;
background:#FFFFFF url("images/bodybg.jpg") repeat-x;
margin:0;
padding:0;
}

/* ----------------------------- header styles ------------------- */
h1	 					{z-index:2000;color:#FFFFFF; font-size:110%; letter-spacing:0px; padding:0; margin:0; line-height:1.1em; position:absolute; left:20px; top:96px; }
h2 						{color:#FFFFFF; text-align:center; font-size:120%; padding:3px; margin:0px; background-color:#6B7952;}
h3 						{color:#000000; font-size:100%; padding:3px 7px; margin:0px 0px 5px 0px; background-color:#CCCAC8;}

/* ----------------------------- paragraph styles ------------------- */
p 						{padding:5px 10px 5px 0px; margin:0px 0px 0px 20px;}
#righttext p					{padding:5px 10px 5px 0px; margin:0px 0px 0px 7px;}
#rightbox2 p					{padding:5px 10px 5px 0px; margin:0px 0px 0px 12px;}
p.bottomborder 					{padding:10px 10px 10px 17px; margin:0px 3px 0px 3px; border-bottom: 1px #666666 dotted;}
#footer p 					{line-height:1.4em; padding:5px 0px;}

/* ----------------------------- link styles ----------------------- */
#middle1 a, a:link, v:link 			{color:#0000FF; font-weight:bold; text-decoration:none; letter-spacing:0; padding:0px; margin:0px; border:none;}
#middle1 a:hover				{color:#99CCFF;}
#middle2 a, a:link, v:link 			{color:#0000FF; font-weight:bold; text-decoration:none; letter-spacing:0; padding:0px; margin:0px; border:none;}
#middle2 a:hover				{color:#008000;}
#leftnav a, a:link, v:link 			{color:#0000FF; font-weight:bold; text-decoration:none; padding:0px; margin:0px; border:none;}
#leftnav a:hover 				{color:#008000; font-weight:bold; text-decoration:underline; padding:0px; margin:0px; border:none;}
#footer a, a:link, v:link 			{color:#0000FF; font-weight:bold; text-decoration:none; padding:0px; margin:0px; border:none;}
#footer a:hover 				{color:#7FFFFF; font-weight:bold; text-decoration:none; padding:0px; margin:0px; border:none;}

/* ----------------------------- id styles ------------------- */
#toptext					{color:#CCCCCC; background:transparent url("images/toptextcorner.gif") no-repeat; background-position:0 100%; position:absolute; right:0; top:0; padding:3px; margin:0px;}
#header 					{z-index:2000; background:transparent url("images/headerbg.gif") no-repeat;height:70px; width:280px; padding:0; margin:0; position:absolute; left:10px; top:15px; }

#wrapper1 {
z-index:1000;					/* background color of left/right columns */
margin:15px 10px 0px 10px;
background:transparent url("images/mainbg.gif") no-repeat top right;
}

#wrapper2 {
width:100%;
float:left;
}

#leftnav					{position:absolute; left:15px; top:121px; width:200px; text-align:left;}
#lefttext 					{background-color:#000000; margin:10px 0 10px 0px; padding:0;  border-bottom:12px #D7D7D7 solid; border-left:5px #D7D7D7 solid;border-right:5px #D7D7D7 solid;}

#leftnav #current			{background-color: #CCCC99;}

#right						{z-index:1000; width:323px; margin-right:-322px;/*overlap for old mozilla*/ left:5px;/* now line it up*/ position:relative; float:right; }
#righttext					{color:#FFFFFF; margin:0 padding:0;}
#rightbox1 					{height:1%; color:#333333; background-color:#E3DEDE; margin:0px 1px 10px 7px; padding:0px 0px 10px 0px; border:1px #FFFFFF solid;}
#rightbox2 					{height:1%; color:#333333; background-color:#E8E6E6; padding:0px 0px 10px 0px; margin:2px 1px 10px 7px; border:1px #FFFFFF solid;}
#rightbox3 					{height:1%; color:#333333; background-color:#E8E6E6; padding:0px 0px 10px 0px; margin:2px 1px 20px 7px; border:1px #FFFFFF solid;}

#middle1 					{/* use this for a 3 column layout */ z-index:1000; text-align:left; background-color:#FFFFFF; margin-left:215px; margin-right:330px; min-height:0;}
#middle2 					{/* use this for a 2 column layout */ z-index:1000; text-align:left;  margin-left:215px; margin-right:0px; padding-top:90px; min-height:0;}
#middle3 					{/* use this for a 1 column layout */ z-index:1000; text-align:left; background-color:#FFFFFF; margin-left:0px; margin-right:0px; min-height:0;}
/* mac hide \*/
* html #middle1, * html #middle2, * html #middle3 {height:1%;position:relative;}
/* end hide */

#footer 					{color:#FFFFFF; font-weight:bold; text-align:centre; width:100%; background-color:#6B7952; border-top:2px solid #FFFFFF; border-bottom:1px solid #FFFFFF; padding:10px 0px;}

/* ----------------------------- class styles ------------------- */
.clearer 			{height:1px; overflow:hidden; margin-top:-1px; clear:both;}
.toplogo 			{z-index:1000; float:left; padding:6px 6px; margin:0px; border:none; }
.leftswapimage 		{margin:0px 0px 0px 0px; float:left; height:}
.noborder			{border:none;}
.homeimg			{float:left; padding:8px 10px 0px 10px; margin:0px;}
.homeimg2			{float:right; padding:5px; margin-top:25px; border:none;}
.kiteimg			{float:left; padding:5px 5px 0px 0px; margin:0px;}
.infoimg			{float:left; padding:5px 5px 0px 0px; margin:0px;}

/* ----------------------------- tab styles --------*/

#toptabs					{z-index:2000; position:absolute; top:60px; left:80px; float:left; font-size:100%; line-height:normal; border-bottom: 5px solid #F7F7DE; /*Add border strip to bottom of menu*/}
#toptabs ul					{list-style-type: none; margin:0; padding:0;}
#toptabs li					{display:inline; margin:0; padding:0;}
#toptabs a					{float:left; background:url(images/glowtab-left.gif) no-repeat left top; margin:0; padding:0 0 0 17px; text-decoration:none;}
#toptabs a span					{float:left; display:block; background:url(images/glowtab.gif) no-repeat right top; padding: 6px 17px 4px 0px; font-weight:bold; color:#F7F7DE;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#toptabs a span {float:none;}
/* End IE5-Mac hack */

#toptabs a:hover span 				{color: #424929;}
#toptabs #current a				{ /*Selected Tab style*/ background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/ color:#414A2F;}
#toptabs #current a span			{ /*Selected Tab style*/ background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/ color:#414A2F;}
#toptabs a:hover				{ /*onMouseover style*/ background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/ color:#F7F7DE;}
#toptabs a:hover span				{ /*onMouseover style*/ background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/}

/* ------------------------------- list styles -------------------*/

ul.leftlinks					{list-style:none; margin:5px; padding:5px;}

/* ------------------------------- table styles ------------------*/

#events table				{background:#FFFFFF; border:1px #5A6542 solid; margin:10px; width:97%;}
#events th 					{background:#5A6542; border-collapse:collapse; color:#FFFFFF; border:1px #FFFFFF solid; padding:5px;}
#events td 					{border-collapse:collapse; border:1px #FFFFFF solid; padding:2px;}


#events .contentTitle
{
	font-size: 150%;
	margin-bottom: 2px;
	padding: 4px;
	width: 30%;
	background-color: #6B7952;
	text-decoration: none;
	color: #FFFFFF;
}

/* ------------------------------- rounded box styles-------------*/

#roundedbox 					{width:99%; margin:16px 0px 5px 0px; background:#F7F7DE;}
#roundedbox2 					{width:99%; margin:10px 0px 5px 0px; background:#F7F7DE;}
#roundedboxleftnav 				{width:99%; margin:0px 5px; min-width:160px; background:#F7F7DE;}
#roundedboxupdates 				{width:99%; margin:0px 5px; min-width:160px; background:#F7F7DE;}
.hd .c, .ft .c 					{font-size:1px; /* ensure minimum height */ height:15px;}
.ft .c  					{height:20px;}
.hd 						{background:transparent url(images/tl.gif) no-repeat 0px 0px;}
.hd .c  					{background:transparent url(images/tr.gif) no-repeat right 0px;}
.bd 						{background:#F7F7DE;}
.bd .c 						{background:transparent url(images/mr.gif) repeat-y right 0px;}
.bd .c .s 					{margin:0px 8px 0px 4px; background:#F7F7DE; padding:0;}
.ft 						{background:transparent url(images/bl.gif) no-repeat 0px 0px;}
.ft .c 						{background:transparent url(images/br.gif) no-repeat right 0px;}
/* ----------------------------- misc styles ------------------- */
hr 						{border-collapse:collapse; color:#CCCCCC; height:1px; margin:3px 0px 3px 0px; text-align:center;}