*{
	margin: 0; padding: 0;
}

body {
font-family: Arial, Helvetica,Helvetica Narrow, Sans-serif;
margin:0; padding:0;	
background-color: #999;
/*background-image: url(put picture here);*/

}

#page{
	display: block;
	width: 950px;
	height:2100px;
	background-image: url(images/home_bg_950px_ok.jpg);
	font-size: 10pt;
	text-align: left; /*debug string
border:1px red solid;
*/
}

#page #head{
	display: block;
	width:950px;
	height:212px;

}

#page #middle{
	display: block;


}

#page #middle #leftside{
display: block;
width: 219px;
height: 1090px;
/*	border: 1px red solid;*/
	float: left;
}

#page #middle #rightside{
	display: block;
	width: 690px;
/*	border: 1px blue solid;*/
	float: left;
	padding: 0px 8px 8px 0px;
}

.title1{
	font-family: arial narrow, Arial, Helvetica,sans-serif;
	color:#E67D1E;
	font-size:18pt;
	font-weight: bold;
	text-transform: uppercase;
}
.title2{
	font-family: arial narrow, Arial, Helvetica,sans-serif;
	color:#E67D1E;
	font-size:14pt;
	font-weight: bold;
	text-transform: uppercase;
}
.title3{
	font-family: Arial, Helvetica,sans-serif;
	color:#fdd200;
	font-weight: bold;
	font-style: italic;
	font-size:14pt;
}
.title4{
	font-family: Arial, Helvetica,sans-serif;
	color:#E67D1E;
	font-size:12pt;
	font-weight: bold;
	text-transform: uppercase;
}
.title5{
	font-family: Arial, Helvetica,sans-serif;
	color:#E67D1E;
	font-size:14pt;
	font-weight: bold;
	text-transform: uppercase;
}

.title6{
	font-family: Arial, Helvetica,sans-serif;
	color:#3254a5;
	font-size:14pt;
	font-weight: bold;
	text-transform: uppercase;

}


#page #middle #rightside #toparea{
	display: block;


	font-size: 10pt;
	color: black;
	padding: 8px 16px 8px 16px;
}

#page #middle #rightside #bluearea{
	display: block;
	width:100%;
	background-color: #000099;
	font-size: 14pt;
	color: white;
	font-style: italic;
	margin-left: 8px;
	padding: 8px 16px 8px 16px;
}
 #page #middle #rightside #bluearea a{
 	color:#fdd200;
	
	text-decoration: underline;
 }

#page #middle #rightside #secondtitle{
display: block;
	width:688px;
	margin-left: 8px;
	padding:8px 16px 8px 16px;
}

#page #middle #rightside #yellowarea{
display: block;
	width:100%;
	background-color:#ffcc33;
	margin-left: 8px;
	padding: 8px 16px 8px 16px;
}

#page #middle #rightside #yellowarea li{
	list-style-image: url(images/blue_block.gif);
	font-family: arial narrow, Arial, Helvetica,sans-serif;
	font-size: 13pt;
	font-weight: bold;
	padding-left: 8px;
}
.lolowarea{
}

#page #middle #rightside #whitearea2{
display: block;
width:100%;
font-size:10pt;
color:#3254a5;
	margin-left: 8px;
	padding: 8px 16px 8px 16px;
}

#page #middle #rightside #lastpart{
	display: block;
	width:692px;
	padding-left:8px;
}

#page #middle #rightside #lastpart #left{
	display: block;
	width: 330px;
	background-color: #fdd200;
	font-size: 11 pt;
	color: black;
	float: left;
	margin-left:5px;

}

#page #middle #rightside #lastpart #left #groups{
display: block;
	padding: 10px 0px 32px 16px;
	font-size: 11 pt;
	
}

#page #middle #rightside #lastpart #left #groups a{
	color:#3254a5;
	font-style:italic;
}


#page #middle #rightside #lastpart #right{
	display: block;
	width: 300px;
	color: #3254a5;
	font-size: 10 pt;
	float: left;
	margin-left:10px;
	padding-left:16px;
}

#page #middle #rightside #lastpart #right li{
	list-style-image: url(images/orange_block.gif);
	font-family:  Arial, Helvetica,sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #3254a5;
	font-size: 10pt;
   text-transform: uppercase;
	line-height:16pt;
}

#page #middle #rightside #footer{
	display:block;
	position: relative;
	left:100px;
	width: 500px;
	text-align:center;
	margin-top:16px;
	border-top:2px solid #E67D1E;
	font-size:10pt;
	text-transform: uppercase;
	clear: both;
}

/*menu left side*/
ul,ol,dl{
margin: 1em 0;
padding: 0;
}

li,dd,blockquote{
margin-left: 1em;
}

/*menu bar elements*/
#page #middle #leftside #blobs{
	 width: 219px;
 height:465px;
 background: url(images/menu_sx_strip.jpg);
 padding: 0px;
 position: relative;
 top:-8px;
}


#page #middle #leftside #blobs li {margin: 0px; padding: 0px; list-style: none; display: block; position: absolute;
}

#page #middle #leftside #blobs a {display: block;}

#blob1 {left: 0px; top: 30px; width: 219px; height: 50px;}
#blob2 {left: 0px; top: 80px; width: 219px; height: 40px;}
#blob3 {left: 0px; top: 120px; width: 219px; height: 50px;}
#blob4 {left: 0px; top: 170px; width: 219px; height: 50px;}
#blob5 {left: 0px; top: 220px; width: 219px; height: 50px;}
#blob6 {left: 0px; top: 270px; width: 219px; height: 40px;}
#blob7 {left: 0px; top: 310px; width: 219px; height: 50px;}
#blob8 {left: 0px; top: 360px; width: 219px; height: 40px;}
#blob9 {left: 0px; top: 400px; width: 219px; height: 50px;}
#blob10 {left: 0px; top: 450px; width: 219px; height: 50px;}

#blob1 a {height: 50px;}
#blob2 a {height: 40px;}
#blob3 a {height: 50px;}
#blob4 a {height: 50px;}
#blob5 a {height: 50px;}
#blob6 a {height: 40px;}
#blob7 a {height: 50px;}
#blob8 a {height: 40px;}
#blob9 a {height: 50px;}
#blob10 a {height: 50px;}


#blob1 a:hover {background: url(images/menu_sx_strip.jpg) -0px -495px no-repeat;}
#blob2 a:hover {background: url(images/menu_sx_strip.jpg) -0px -545px no-repeat;}
#blob3 a:hover {background: url(images/menu_sx_strip.jpg) -0px -585px no-repeat;}
#blob4 a:hover {background: url(images/menu_sx_strip.jpg) -0px -635px no-repeat;}
#blob5 a:hover {background: url(images/menu_sx_strip.jpg) -0px -685px no-repeat;}
#blob6 a:hover {background: url(images/menu_sx_strip.jpg) -0px -735px no-repeat;}
#blob7 a:hover {background: url(images/menu_sx_strip.jpg) -0px -775px no-repeat;}
#blob8 a:hover {background: url(images/menu_sx_strip.jpg) -0px -825px no-repeat;}
#blob9 a:hover {background: url(images/menu_sx_strip.jpg) -0px -865px no-repeat;}
#blob10 a:hover {background: url(images/menu_sx_strip.jpg) -0px -915px no-repeat;}

#greenintiative{
width: 219px;
 height:50px;
 background: url(images/menu_sx_strip.jpg) -0px -965px;
 padding: 0px;
 margin-top:-24px;
 text-indent:-9999px;
}
#greenintiative li {margin: 0px; padding: 0px; list-style: none; display: block;
}
#greenintiative a {display: block;}
#greenintiative {left: 0px; top: 450px; width: 219px; height: 50px;}
#greenintiative a {height: 50px;}
#greenintiative a:hover {background: url(images/menu_sx_strip.jpg) -0px -915px no-repeat;}

/*end of menu bar controls*/


.directions{
font-size:16px;
width:100%;

}
.smallorange{
color:#E67D1E;
font-weight:bold;
}
.flashplayer{
position:relative;

}