/* PAGE LAYOUT */

*{
margin: 0;
padding: 0;
}

body 
{
background: 		#FFF url('../images/background.jpg') repeat-x;
text-align: 		center; /* IE hack */
}

/* WRAPAROUNDS
-----------------------------------------------------------------*/

div#outterWrap
{
margin:				0 auto;
width:				1090px;
text-align:			center; /* IE hack */
background:			url('../images/insideBack.jpg') no-repeat;
}

div#wrap 
{
margin:				0 auto;
width:				72em; /* 920px */
text-align:			left;
z-index:			1;
}

/* SIDE SUBMENU
-----------------------------------------------------------------*/
div#subnav 
{
margin: 			0 auto;
padding: 			0;
}

ul#navlist 
{ 
width: 				210px;
list-style:			none;
}

ul#navlist li
{
display: 			block;
margin: 			0;
padding:			0;
}

ul#navlist li a
{
display: 			block;
width: 				100%;
padding: 			0.5em 0.2em 0.5em 1em;
border-width: 		1px;
border-color: 		#FFF #FFF #E0EAEC #FFF;
border-style: 		solid;
color: 				#008C9A;
text-decoration: 	none;
background: 		url('../images/arrowList.png') 0px 10px no-repeat;
}

ul#navlist li#active a
{
background: 		#E0EAEC;
}

ul#navlist li a:hover, 
ul#navlist li#active a:hover
{
color: 				#000;
}

/* second level menu */
ul#navlist li ul.element
{
width: 				100%;
list-style:			none;
}

ul#navlist li ul li
{
display: 			block;
}

ul#navlist li ul li a
{
border:				none;
padding:			0.5em 0.2em 0.5em 2em;
background:			none;
}

div#subnav li a.current
{
color:				#000;
}


/* BREADCRUMB
-----------------------------------------------------------------*/
div#breadcrumb
{
font-size:			10px;
margin-bottom:		2em;
border-bottom:		1px solid #E0EAEC;
}




/* LOGO and STOCK QUOTE
-----------------------------------------------------------------*/

div#header
{
position:			relative;
display:       		block;
width:         		100%;
height:            	85px;
overflow:			hidden;
z-index:			0;
}

div#logo
{
position:			absolute;
left:				0;
bottom:				0;
display:			block;
width:				155px;
height:				62px;
}




/* BIG PICTURE OR FLASH
-----------------------------------------------------------------*/

div#headerGraphic
{
display:			block;
width:				100%;
height:				218px;
background:			#9B9B9B;
margin-top:			30px;
clear:				both;
z-index:			0;
}

div#inside {
display:			block;
width:				906px;
height:				204px;
background:			#CCC;
margin:				7px;
float: 				left;
overflow:			hidden;
}




/* HOME PAGE CONTENT AREA
-----------------------------------------------------------------*/

div#content
{
position:			relative;
text-align:			left;
width:				100%;
margin-top:			20px;
}

div#left-col
{
position:			relative;
float:				left;
width:				60%;
}

div#right-col
{
position:			relative;
float:				right;
width:				35%;
}



/* SITE CONTENT AREA
-----------------------------------------------------------------*/

div#contentArea
{
position:			relative;
text-align:			left;
width:				100%;
margin-top:			20px;
background:			#FFF url('../images/vDot.png') repeat-y;
}

div#left
{
position:			relative;
float:				left;
width:				18em;
}

div#right
{
position:			relative;
float:				right;
width:				51em;
}

.inside
{
padding:			0 10px 0 0;
}



/* FOOTER
-----------------------------------------------------------------*/
div#footer a
{
text-decoration:	none;
color:				#008C9A;
}

div#footer a:hover
{
color:				#000;
}


div#footer
{
margin-top:			50px;
width:				100%;
height:				100px;
background:			#F2F2F2 url('../images/footerBack.jpg') repeat-x;
font-size:			11px;
}


div#footer .inside
{
margin:				0 auto;
width:				82em; /* 920px */
text-align:			left;
}

div#copyright
{
float:				left;
margin-top:			15px;
}

div#footerMenu
{
margin-top:			15px;
float:				right;
}

div#footerMenu ul
{
list-style:			none;
}

div#footerMenu ul li 
{
display:        	inline;
margin:         	0;
padding:        	0 0.5em;
}



/* XTRAS
-----------------------------------------------------------------*/
.clear { clear: both; }
.clearer 
{ 
clear: 				both; 
display: 			block; 
margin: 			0; 
padding: 			0; 
height: 			0; 
line-height: 		1px; 
font-size: 			1px; 
}


img.frame
{
float:				right; 
margin: 			0 0 20px 25px; 
padding: 			4px; 
border: 			1px solid #CCC;
}

.floatright
{
float: 				right;
width: 				auto;
margin: 			0 0 20px 20px;
background-color: 	#fff;
padding: 			5px;
border: 			1px solid #CCC;
}

.floatright span 
{
font-size:			11px;
font-style:			normal;
}

blockquote.quotes
{
display: 			block;
background: 		url('../images/quote-start.png') 0 5px no-repeat;
padding: 			0px 20px 0 38px;
margin: 			20px 0;
line-height: 		150%;
width: 				auto;
color: 				#666;
border:				0 none;
}

blockquote.quotes p {
padding: 			0 38px 0 0;
margin-top: 		0;
background: 		url('../images/quote-end.png') 100% 100% no-repeat;
font-style: 		normal;
}

blockquote.quotes span 
{
font-style: 		italic;
font-weight:		bold;
margin-right:		4em;
}

blockquote
{
display: 			block;
font-style: 		italic;
line-height: 		150%;
width: 				auto;
padding: 			10px 20px 10px 20px;
margin: 			2em 0;
background: 		#f6f6f6;
border: 			1px solid #E5E5E5;
}


/***********************************************************************
**** FONTS AND  STYLES                                              ****
***********************************************************************/

body
{
font: 				0.8em/1.4em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #333;
}

a, 
a:link, 
a:visited, 
a:active
{
outline:			none;
text-decoration: 	none;
color:				#008C9A;
}

a:hover
{
text-decoration: 	underline;
}

img
{
border:				0 none;
}


div#right a,
div#right a:visited,
div#right a:active
{
color:				#0066CC;
}

hr 
{
display:			block;
border:				0;
border-top: 		1px solid #E2E2E2;
width:				100%;
height: 			0;
background: 		#E2E2E2;
margin:				2em 0;
}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th,blockquote,strong 
{ 
font-size: 			1em; 
font-weight: 		normal; 
font-style: 		normal; 
margin-bottom: 		1.2em; 
}

strong
{
font-size: 			1em; 
font-weight: 		bold;
}

div#right ul,
div#right ol 
{ 
margin-bottom: 		1.2em;
margin-left:   		1.2em;
}

p 
{ 
margin-bottom: 		1.2em;
}

h3 
{
font:				1.5em/1.4em Arial, Verdana, sans-serif;
color:				#008C9A;	
}

h4
{
font:				1.2em/1.2em Arial, Verdana, sans-serif;
color:				#333;
}

/* FORMS */
table
{
width: 				100%;
border-top:			1px solid #CCC;
border-bottom:		1px solid #CCC;
background: 		#F6F9F9;
padding:			5px;
}

table tr,
table td
{
padding:			2px 5px;
}

input.textfield
{
width:				100%;
border:				1px solid #CCC;
padding:			2px;
font-size:			1em;
}

.textfield_on
{
width:				100%;
background:			#faebc6;
border:				1px solid #CCC;
padding:			2px;
font-size:			1em;
}

textarea
{
width:				100%;
}

input.button
{
width:				auto;
padding:			4px;
background:			#008C9A;
color:				#FFF;
}


/* TOP MENU
-----------------------------------------------------------------*/
div#nav,
div#nav ul 
{
font-size:			12px;
margin:				0;
padding:       		0;
list-style:			none;
line-height:   		42px;
width:				100%;
z-index:			900;
}

div#nav li 
{
float: 				left;
margin:         	0;
padding:        	0;
}

div#nav li a 
{
display:			block;
width:				auto;
line-height:   		42px;
margin:         	0;
padding:        	0 12px;
text-decoration:	none;
color:				#FFF;
background:			url('../images/menuBack.jpg') repeat-x;

}

div#nav li a.current 
{
background:			url('../images/menuBack.jpg') 0 -46px repeat-x;
}

div#nav li:hover, div#nav li.sfhover
{
position: 			static;
}

div#nav a:hover 
{
background:			url('../images/menuBack.jpg') 0 -46px repeat-x;
}

#nav li ul 
{
position: 			absolute;
width: 				15em;
left: 				-999em;
background:			none;
z-index:			999;
}

#nav li ul li a
{
width: 				13em;
line-height:		1.2em;
padding-top:		6px;
padding-bottom:		6px;
background:			#43AAB3;
border-bottom:		1px solid #70BFC6;
}

#nav li ul li a:hover,
#nav li ul li.sfhover
{
background:			none;
background:			#068E9C;
}

#nav li:hover ul 
{
left: 				auto;
}

#nav li:hover ul, 
#nav li.sfhover ul 
{
left: 				auto;
}

#nav li ul ul
{
margin: 			-2.25em 0 0 15em;
}

#nav li:hover ul ul, 
#nav li.sfhover ul ul 
{
left: 				-999em;
}

#nav li:hover ul, 

#nav li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul 
{
left: 				auto;
z-index:			999;
}


div#nav li:hover a,
#nav li.sfhover a{
background:			url('../images/menuBack.jpg') 0 -46px repeat-x;
}

div#nav li:hover li a,
#nav li.sfhover li a{
background:			none;
background:			#43AAB3;
}

div#nav li:hover li a:hover,
#nav li.sfhover li a:hover{
background:			#068E9C;
}