body{
background-image:url(top_gradient_bg.jpg);
background-repeat:repeat-x;
margin:auto;
color:#818181
}

a:link { 
color:#34b8d5;
}
a:visited { 
color:#34b8d5;
}
a:hover { 
color:#333;
}

h1, h2, h3, h4 {margin:15px 0 5px 0; padding:5px 0; line-height:1;}
h1 {
font-size:34px; 
color:#34b8d5;
font-family:Arial, Helvetica, sans-serif;
font-weight:800;
}
h2 {font-size:18px; color:#555;  }
h3 {font-size:18px; color:#555;  }
h4 {}

.mediumText{
font-family:Tahoma, Geneva, sans-serif;
font-size:16px;
color:#000;
margin-top:10px;
margin-bottom:10px;
}

.normalText{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#000;
line-height:145%;
margin-top:10px;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:solid 1px #009ec1;
}

.newsText{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#818181;
margin-top:10px;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:solid 1px #009ec1;
}

.newsTitle{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#8ec643;
margin-top:4px;
margin-bottom:4px;
}

img.clsleft	{margin:0 10px 10px 0; float:left;}
img.clsmiddle {margin:0 10px}
img.clsright {margin:0 0 10px 10px; float:right; }
img.clsborderleft {margin:0 10px 8px 0; border:1px solid #ddd; padding:4px; float:left; }
img.clsbordermiddle {border:1px solid #ddd; padding:4px; }
img.clsborderright {margin:0 0 8px 10px; border:1px solid #ddd; padding:4px; float:right; }
img.border {border:1px solid #ddd; padding:4px; }
img.noborder {border:0;} 

#container{
width:845px;
height:auto;
margin:auto;
margin-top:30px;
}
#header{
width:845px;
height:126px;
z-index:9999;
position:relative;
}

#logo{
	width:185px;
	height:109px;
	background-image:url(logo.png);
	background-repeat:no-repeat;
	position:absolute;
	display:block;
	left:-45px;
	top:8px;
}

#nav{
width:690px;
height:32px;
float:right;
text-align:right;
background-image:url(nav_bg.jpg);
background-repeat:repeat-x;
display:block;
padding:0;
font-family:"Arial", Helvetica, sans-serif;
font-size:13px;
margin-bottom:3px;
}

#petalPattern{
width:690px;
height:77px;
float:right;
background-image:url(pettal_pattern.png);
background-repeat:no-repeat;
}

#mainPanel{
width:845px;
font-family:Tahoma, Geneva, sans-serif;
height:auto;
position:relative;
display:block;
}

#leftText{
width:610px;
height:auto;
float:left;
color:#000;
padding-right:10px;
}

#rightText{
width:225px;
height:auto;
float:left;
}

#newsLetter{
background-image:url(newsletter_bg.jpg);
background-repeat:no-repeat;
padding:0 0 0 10px;
width:210px;
height:105px;
float:right;
margin:10px 0 0 0;
}

#divider{
width:100%;
height:1px;
background-color:#009ec1;
float:left;
margin-bottom:10px;
margin-top:10px;}



#footer{clear: both; 
width:845px;
height:auto;
margin-top:10px;
margin-bottom:10px;
float:left;
}

.footerLeft {
	width:240px;
	height:auto;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;	
font-size:10px;
	color:#717171;
	vertical-align:middle;
	padding-top:5px;
}

.footerRight {
	width:600px;
	height:auto;
	float:right;
	font-family:Tahoma, Geneva, sans-serif;	font-size:10px;
	color:#717171;
	vertical-align:middle;
	text-align:right;
	padding-top:5px;
}







/* HORIZONTAL DROP DOWN CODE 
It's important to remember that if you chnage the height in #nav, you'll have to change the padding values in #nav li a.
Hopefully the comments inside the code will give you some help, if not give me a shout.
Works in IE6, IE7, Firefox and Firefox for the Mac. Still doesn't work in Safari though....needs more work.
Use this code when designing templates with a horizontal drop down menu.*/


/** positioning the drop-down menu **/

/** styling the drop-down menu **/



#nav { text-align:center; margin:0; padding:0; list-style: none  }
/** positioning the drop-down menu **/
#nav ul, #nav ul ul { text-align:left; background:url(nav_bg.jpg) repeat-x #158aa4; position:relative; list-style: none }
#nav li { float: left; margin-right:-3px;position:relative; /* fixes inline list bug */; }
#nav li ul { width: 230px; margin:0; padding:0; display:none; position:absolute; top:32px/* distance away from the main nav bar */;  left: 155px}
#nav li>/**/ul { top:32px /* distance away from the main nav bar for firefox */ ; }
#nav ul ul { margin:-32px 0 0 0 /* moves second drop down away from first */; display:block; padding:0; display:none; position:absolute; top:0; left: 0  } 
#nav li:hover ul ul, #nav li.over ul ul { display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul, #nav ul li a { display:inline-block;/* width of the drop-downs */;  left: 0 }
/** styling the drop-down menu **/

#nav li a { color:white; padding:8px 20px; text-decoration:none; display: inline-block }
#nav li a:hover { background:#2586bf; }
#nav li ul li{float:none;}
#nav li ul a { padding:10px;float:none;width:210px }
#nav #active { color:#FFF; cursor:default; background:#2586bf;  }
#nav ul li a:hover, #nav ul ul li a:hover { background:#2586bf; }









#rightText{
display:none;
}

#page1 #rightText{
display:block;
}

#leftText{
width:845px;
}
#page1 #leftText{
width:610px;
}