body
{
	margin: 0 0 0 0;
	background-image: url(images/background_p.jpg);

}/*-- body --*/

#topShell
{
	position: relative;
	top:0px;
	height: 140px;

	background-color: #f8f8f8;
	background-attachment: scroll;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;

	margin: 0px 0;
	text-align: center;

	z-index: 5000;

}/*-- #topShell --*/

#outerShell
{
	position: relative;
	top:0px;
	left: 0px;

	background-color: #ffffff;

	background-image: url(images/background_p.jpg);
	background-repeat: repeat-x repeat-y;

	margin: 0px 0;
	text-align: left;

	z-index: 1;

}/*-- #outerShell --*/

#header
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 140px;

	z-index: 5000;

	/* This creates the floating center region that is auto margined */
	margin: 0 auto;

}/*-- #header --*/

#logoBox
{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 133px;
	height: 60px;

}/*-- #logoBox --*/

#headerGraphic
{
	position: absolute;
	top: 8px;
	left: 626px;
	width: 133px;
	height: 60px;

}/*-- #headerGraphic --*/

#phoneNumBox
{
	position: absolute;
	top: 16px;
	left: 690px;
	width: 300px;
	height: 60px;

	text-align: right;

	font-family: verdana, arial;
	font-size: 12pt;
	color: #003B73;
	font-weight: 800;

}/*-- #phoneNumBox --*/

#navigation
{
	position: absolute;
	top: 94px;
	left: 0px;
	width: 1000px;
	height: 25px;

	font-family: Times New Roman;
	font-size: 8pt;
	font-weight: 800;
	color: #ffffff;
	text-align: right;

	z-index: 200;

}/*-- #navigation --*/


#outerShellPad
{
	position: relative;
	top:0px;
	left: 0px;
	width: 1000px;
	height: 25px;

	/* This creates the floating center region that is auto margined */
	margin: 0 auto;

	text-align: left;
	z-index: 0;

}/*-- #outerShellPad --*/

#innerShell
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 1000px;

	min-height: 1000px;
	height: auto !important;
	height: 1000px;

	/* This creates the floating center region that is auto margined */
	margin: 0 auto;

}/*-- #innerShell --*/

#mainBody
{
	position: relative;
	z-index: 1;
	top: 0px;
	left: 0px;
	min-height: 1000px;
	height: auto !important;
	height: 1000px;
	width: 750px;

	border-right:2px solid #c8c8c8;
	border-left:2px solid #c8c8c8;
	border-top:2px solid #c8c8c8;

	background-color: #ffffff;

	padding-top: 10px;

}/*-- #mainBody --*/

#rightBar
{
	position: absolute;
	top: 0px;
	left: 750px;
	height: 100%;

	/*border-right:1px solid #e8e8e8;*/

	width: 240px;
	height: 100%;

}/*-- #rightBar --*/

#submitInfoBoxShell
{
	position: relative;
	top: 1px;
	left: 6px;

	min-height: 360px;
	height: auto !important;
	height: 360px;

	width: 240px;

	font-family: Verdana;
	font-size: 10pt;
	font-weight: 800;
	color: #ffffff;


}/*-- #submitInfoBoxShell --*/


#submitInfoBox
{
	position: relative;

	z-index: 20;

}/*-- #submitInfoBox --*/

#submitInfoBoxBG
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 360px;
	
	/* Transparency for different browsers */
	filter:alpha(opacity=90); /* IE5.5+ */
	-moz-opacity:0.90; /* Gecko browsers including Netscape 6+ and Firefox */
	-khtml-opacity: 0.90; /* Safari 1.1-1.3 */
	opacity: 0.90; /* Netscape 7.2+, Firefox, Safari 2+, Opera 9 */

	z-index: 0;

}/*-- #submitInfoBoxBG --*/

#submitInfoBoxHeader
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 240px;
	height: 18px;

	font-size: 10pt;

	text-align: center;

}/*-- #submitInfoBoxHeader --*/

#submitInfoBoxBody
{
	position: relative;
	top: 0px;
	left: 10px;
	width: 210px;

	padding-bottom: 10px;
	font-weight: 200;

}/*-- #submitInfoBoxBody --*/

.submitInfoFormInput
{
	font-family: Verdana, Arial;
	font-size: 9pt;

}/*-- .submitInfoFormInput --*/

.invalidFormInput
{
	background-color: #fa1111;

	font-family: Verdana, Arial;
	font-size: 9pt;

}/*-- .invalidFormInput --*/


#rightBarLogosCaption
{
	position: relative;
	top: 0px;
	left: 0px;

	text-align: center;

	padding-top: 15px;

	width: 100%;

}/*-- #bbbLogoBox --*/

#greenBizLogoBox
{
	position: relative;
	top: 0px;
	left: 46px;

	padding-top: 15px;

	height: 149px;

	width: 190px;

}/*-- #greenBizLogoBox --*/

#bbbLogoBox
{
	position: relative;
	top: 0px;
	left: 66px;

	padding-top: 15px;

	height: 135px;

	width: 170px;

}/*-- #bbbLogoBox --*/

#calFinderLogoBox
{
	position: relative;
	top: 0px;
	left: 66px;

	padding-top: 15px;

	height: 142px;
	width: 170px;

}/*-- #calFinderLogoBox --*/

#footer
{
	position: relative;
	top: 0px;
	left: 0px;
	
	width: 752px;
	
	background-color: #ffffff;

}/*-- #footer --*/

#footerShell
{
	position: relative;
	top: 0px;
	left: 0px;

	width: 750px;

	font-family: Verdana;
	font-size: 9pt;
	color: #383838;
	text-align: center;

	border-top:1px dashed #e8e8e8;
	border-right:2px solid #c8c8c8;
	border-left:2px solid #c8c8c8;

	padding-top: 10px;

}/*-- #footer --*/

#footerSmall
{
	position: relative;
	top: 0px;
	left: 0px;

	font-family: Verdana;
	font-size: 6.5pt;
	color: #c4c4c4;
	text-align: center;

	padding-top: 4px;

}/*-- #footerSmall --*/

#footerLogos
{
	position: relative;
	top: 0px;
	left: 0px;

	font-family: Verdana;
	font-size: 6.5pt;
	color: #c4c4c4;
	text-align: center;

	padding-top: 15px;
	padding-bottom: 15px;

}/*-- #footerLogos --*/

a.imageBox, a.imageBox:visited, a.imageBox:link
{
	text-decoration: none;
	border: 0;

}/*-- a.imageBox, a.imageBox:visited, a.imageBox:link --*/

a.imageBox:hover
{
	text-decoration: none;
	cursor: pointer;

}/*-- a.imageBox:hover --*/

a.genericLink, a.genericLink:visited, a.genericLink:link
{
	text-decoration: none;

	color: #007cc2;

}/*-- a.genericLink, a.genericLink:visited, a.genericLink:link --*/

a.genericLink:hover
{
	color: #CC1111;
	
	cursor: pointer;

	text-decoration: underline;

}/*-- a.genericLink:hover --*/

/* ------------------------------------------------------------------ 
						Formatting Classes
------------------------------------------------------------------ */
.Title
{
	font-family: DejaVu Sans, Verdana, Arial;
	font-size: 18pt;
	font-weight: 100;
	color: #045625;

}/*-- .Title --*/

.TitleSmall
{
	font-family: DejaVu Sans, Verdana, Arial;
	font-size: 14pt;
	font-weight: 100;
	color: #045625;

}/*-- .Title --*/

.Intro
{
	font-family: verdana, Arial;
	font-size: 9pt;
	font-weight: 800;
	color: #007cc2;

}/*-- .Intro --*/

.Intro2
{
	font-family: verdana, Arial;
	font-size: 9pt;
	font-weight: 100;
	color: #007cc2;

}/*-- .Intro2 --*/

.Intro3
{
	font-family: verdana, Arial;
	font-size: 9pt;
	font-weight: 800;
	color: #233E8E;

}/*-- .Intro --*/

.Body1
{
	font-family: Verdana, Sans Serif, Verdana, Arial;
	font-size: 9pt;
	font-weight: 100;
	color: #484848;

	line-height: 130%;

}/*-- .Body1 --*/

.Body2
{
	font-family: Verdana, Sans Serif, Verdana, Arial;
	font-size: 11pt;
	font-weight: 100;
	color: #484848;

	line-height: 130%;

}/*-- .Body2 --*/

.Denouced
{
	font-family: Verdana, Sans Serif, Verdana, Arial;
	font-size: 9pt;
	font-weight: 100;
	color: #a0a0a0;

	line-height: 130%;

}/*-- .Denouced --*/

.Caption
{
	font-family: Palatino Linotype, Verdana, Arial;
	font-size: 14pt;
	font-weight: 100;
	color: #045930;

}/*-- .Caption --*/

.CaptionSmall
{
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 9pt;
	font-weight: 700;
	color: #045930;

}/*-- .CaptionSmall --*/


.Heading1
{
	font-family: Palatino Linotype, Verdana, Arial;
	font-size: 12pt;
	font-weight: 100;
	color: #ae5700;

}/*-- .Heading1 --*/

.Heading2
{
	font-family: Palatino Linotype, Verdana, Arial;
	font-size: 14pt;
	font-weight: 100;
	color: #007cc2;

}/*-- .Heading2 --*/

.Flyer
{
	font-family: Calibri, Verdana;
	font-size: 20pt;
	font-weight: 100;
	color: #000000;

}/*-- .Flyer --*/



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#dropline
{
	padding:0 0 0 30px;
	margin:0 0 0 0px;
	list-style:none;
	height:40px;

	background:url(images/ulback.gif) repeat-x;
	position:relative;

}/*-- #dropline --*/

#dropline table
{
	border-collapse:collapse: width:0;
	height:0;
	margin:-3px -10px;

}/*-- #dropline table --*/

#dropline li
{
	float:left;

}/*-- #dropline li --*/

#dropline li a
{
	display:block;
	height:40px;
	line-height:40px;
	padding:0 20px 0 0;
	float:left;
	color:#fff;
	text-decoration:none;
	font-family:Verdana, sans-serif;
	font-size:12px;

}

#dropline li a b
{
	display:block;
	height:40px;
	float:left;
	padding:0 0 0 20px;
	cursor:pointer;

}

#dropline li a:hover
{
	background:url(images/tab_a.gif) no-repeat right top;
	line-height:36px;
	height:46px

}

#dropline li a:hover b
{
	background:url(images/tab_b.gif) no-repeat left top;
	line-height:36px;

}

#dropline li:hover > a
{
	background:url(images/tab_a.gif) no-repeat right top;
	line-height:36px;
	height:46px

}

#dropline li:hover > a b
{
	background:url(images/tab_b.gif) no-repeat left top;
	line-height:36px;

}

#dropline div
{
	text-align: center;

}

#dropline ul
{
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	height:25px;
	width:750px;

	left:-9999px;
	top:46px;
	z-index:10;

	background-image: url(images/background_p.jpg);
	background-repeat: repeat-x repeat-y;

	text-align: center;
}

#dropline ul li
{
	height:25px;
	line-height:25px;

}
#dropline ul.right li
{
	float:right;

}

#dropline ul li a
{
	color:#000;
	padding:0 10px 0 10px;
	height:25px;
	line-height:25px;

	font-weight:bold;
	font-size:7.5pt;


}

#dropline ul li a:hover
{
	height:25px;
	line-height:25px;
	background:transparent;
	color: #003B73;

	text-decoration: underline;
}

#dropline ul.right li a
{
	border-left:1px solid #045625;
	border-right:0;

}

#dropline ul li a.last
{
	border:0;

}

#dropline li:hover ul
{
	left:0px;

}
#dropline :hover ul
{
	left:0px;

}

#dropline li.current ul
{
	left:0px;
	z-index:1;

	background-image: url(images/background_p.jpg);
	background-repeat: repeat-x repeat-y;
}

#dropline li.current a
{
	background:url(images/tab_a.gif) no-repeat right top;
	line-height:36px;
	height:44px

}

#dropline li.current a b
{
	background:url(images/tab_b.gif) no-repeat left top;
	line-height:36px;

}

#dropline li.current ul li a
{
	color:#000;
	padding:0 10px 0 10px;
	height:25px;
	line-height:25px;
	background:transparent;

}

#dropline li.current ul li.current_sub a
{
	color: #003B73;
	text-decoration: underline;

}

#dropline li.current ul li a:hover
{
	color: #003B73;

	text-decoration: underline;
}



/*------------------------------------------------------------------------------------------------------

Carousel Component Classes

---------------------------------------------------------------------------------------------------------*/

.carousel-component {
	padding:8px 8px 4px 8px;
	margin:0px;
}

.carousel-component .carousel-list li {
	margin:4px;
	width:137px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) +
	               img.border-left (1) + img.border-right (1)*/
	height:130px; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
	/*	margin-left: auto;*/ /* for testing IE auto issue */

	
}

.carousel-component .carousel-list li a {
	display:block;
	border:1px solid #e2edfa;
	outline:none;
}

.carousel-component .carousel-list li a:hover {
	border: 1px solid #aaaaaa;
}

.carousel-component .carousel-list li img {
	border:1px solid #999;
	display:block;
}

.carousel-component .carousel-prev {
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer;
	left:5px;
}

.carousel-component .carousel-next {
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer;
	right:5px;
}