/*CSS by Nadia - PerreLink 2004 not to be copied or distributed - Green Biz - Flyout Menu Tempalte */
/* http://www.dreamweaverresources.com */

/* standard link styles */
a:link a:active{
color:#000099;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
a:visited{
color:#CC6600;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
a:hover{
color:#FF9900;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
body{
	padding:0;
	margin:0;
	color:#CCCCCC;
	background-color: #CCCCCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	}

/* form styles */
fieldset{
padding:10px;
border: 1px solid #CCCCCC;
margin-bottom:15px;
}
/*styles for the contact form*/
/*declaring a margin of 0 will not give you unwanted white space underneath the end of the form*/
/*styles the 'contact form' text at top of contact form*/
form{
margin:0;
}

input,textarea{
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
/*styles the input fields*/
/*styles the form fields*/
label{
color: #CCCCCC;
font-weight:normal;
}
label,span.spacer{
width:100px;
}
legend{
	padding:10px;/*gives a bit of padding between the border and the test*/
	color: #999999;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
/* end of form styles */

/*standard heading tags*/
h1{
	color:#000000;
	font-size:18px;
	white-space: pre;
	margin-top: 0px;
	margin-bottom: 0px;
}
h2{
	color:#000000;
	font-size:13px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 10px;
}
h3{
	color:#000000;
	font-size:12px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h4{
color:#F8F8F8;
font-size:11px;
}

.footer{
	color:#000000;
	text-decoration:none;
	font-size: smaller;
	vertical-align: middle;
}


/*styles the comments box*/
/* class for the login form on entry page we have named it form2 so it doesn't clash with the styles of the contact form */
.form2{
padding:0px;
margin-bottom:10px;
}
/* a class for the header table,so that we can add a left border to match the main table */
.headertable{
	margin-right: 0px;
	clip: rect(0px,0px,0px,0px);
	overflow: hidden;
}

/* styles used to float images on the pages so that text flows around the image */
.imgleft{
float:left;
padding-right:10px;
}
.imgright{
float:right;
padding-left:10px;
}

/* style for the main table content area */
.maintable{
	width:750px;
	color:#000000;
	background:#FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	height: auto;
	margin-top: 0px;
}

/* styles the main table links */
.maintable a:link{
color:#000099;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
.maintable a:visited{
color: #006699;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
.maintable a:hover{
color:#003399;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
.maintable a:active{
	color:#999999;
	text-decoration:underline;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.maintd{
	background:#FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	margin-bottom: 0px;
	margin-top: 0px;
	}
	

.maintd td{
background:#FFFFFF;
}

.maintd a:link{
color: #007701;
}

.maintd a:visited,  .mainted a:hover, .maintd a:active {
	color: #999999;
}

/* styles the menu table inside the flyout div*/
.menu{
	width:210px;
	color:#999999;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #999999;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.menu2{
	width:175px;
	color:#999999;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #999999;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.menu a{
	display:block;
	color:#000000;
	text-decoration:none;
	background-color: #CCCCCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-color: #FFFFFF;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.menu2 a{
	display:block;
	color:#000000;
	text-decoration:none;
	background-color: #CCCCCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-color: #FFFFFF;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.menu a:link{
	padding:2px 2px 2px 2px;
	color: #000000;
	text-decoration:none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.menu2 a:link{
	padding:2px 2px 2px 2px;
	color: #000000;
	text-decoration:none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.menu a:visited{
	padding:2px 2px 2px 2px;
	color:#000000;
	text-decoration:none;
	background-color: #CCCCCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.menu2 a:visited{
	padding:2px 2px 2px 2px;
	color:#000000;
	text-decoration:none;
	background-color: #CCCCCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.menu a:hover{
	padding:2px 2px 2px 2px;
	color: #000000;
	text-decoration:none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CCCCCC;
	border-right-width: 10px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.menu2 a:hover{
	padding:2px 2px 2px 2px;
	color: #000000;
	text-decoration:none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CCCCCC;
	border-right-width: 10px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.menu a:active{
	padding:2px 2px 2px 2px;
	color:#000000;
	text-decoration:none;
	background-color: #CCCCCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.menu2 a:active{
	padding:2px 2px 2px 2px;
	color:#000000;
	text-decoration:none;
	background-color: #CCCCCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

/* set the position of the nav bar table from the top */
/* if you change this you will need to adjust the flyout div positions to correspond */
.navtable{
margin-top:20px;
}

/*style for the left side bar area behind the menu buttons*/
.sidebarlft{
padding-left:5px;
width:150px;
background-color: #CCCCCC; 
border-right: 1px solid #4A654B;
}

/*this is the closer div -this is needed so that on mouseout the dropdowns close*/
#closer{
	margin-top:0px;
	width:20px;
	left:375px;
	position:absolute;
	z-index:5;
	top: 100px;
	height: 400px;
	visibility: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px
}
#closer2 {
	margin-top:0px;
	width:500px;
	left:245px;
	position:absolute;
	z-index:5;
	top: 220px;
	height: 20px;
	visibility: hidden;
}
#closer3 {
	margin-top:0px;
	width:500px;
	left:150px;
	position:absolute;
	z-index:5;
	top: 275px;
	height: 20px;
	visibility: hidden;
}
/* FLYOUT DIV STYLES */
/*flyout 1 div change the co ordinates for left and top if you need to move the flyout*/
#dropdown1{
	width:350px;
	position:absolute;
	left:276px;
	top:125px;
	height:113px;
	z-index:5;
	visibility: hidden;
}
/*flyout 2 div change the co ordinates for left and top if you need to move the flyout  50px between flyouts*/
#dropdown2{
	width:1px;
	position:absolute;
	left:150px;
	top:125px;/* this sets the top of the flyout  */
	height:68px;
	z-index:5;
	visibility: hidden;
}
/*flyout 3 div change the co ordinates for left and top if you need to move the flyout*/
#dropdown3{
	width:153px;
	position:absolute;
	left:150px;
	top:125px;/* this sets the top of the flyout  */
	height:95px;
	z-index:5;
	visibility: hidden;
}
#dropdown4{
	width:153px;
	position:absolute;
	left:150px;
	top:150px;/* this sets the top of the flyout  */
	height:95px;
	z-index:5;
	visibility: hidden;
}
#dropdown5{
	width:154px;
	position:absolute;
	left:150px;
	top:145px;/* this sets the top of the flyout  */
	height:1px;
	z-index:5;
	visibility: hidden;
}
#dropdown6{
	width:153px;
	position:absolute;
	left:150px;
	top:245px;/* this sets the top of the flyout  */
	height:95px;
	z-index:5;
	visibility: hidden;
}
#dropdown7{
	width:153px;
	position:absolute;
	left:529px;
	top:125px;/* this sets the top of the flyout  */
	height:1px;
	z-index:5;
	visibility: hidden;
}
#dropdown8{
	width:1px;
	position:absolute;
	left:407px;
	top:125px;/* this sets the top of the flyout  */
	height:59px;
	z-index:5;
	color: #00CCCC;
	visibility: hidden;
}
#dropdown9{
	width:1px;
	position:absolute;
	left:535px;
	top:125px;/* this sets the top of the flyout  */
	height:59px;
	z-index:5;
	color: #00CCCC;
	visibility: hidden;
}
#dropdown10{
	width:1px;
	position:absolute;
	left:407px;
	top:116px;/* this sets the top of the flyout  */
	height:59px;
	z-index:5;
	color: #00CCCC;
	visibility: hidden;
}
#dropdown11{
	width:1px;
	position:absolute;
	left:407px;
	top:116px;/* this sets the top of the flyout  */
	height:59px;
	z-index:5;
	color: #00CCCC;
	visibility: hidden;
}
/* div used to style a border just above the copyright information */

.linediv {
	padding:0;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.bullet {
	list-style-type: disc;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}