/* RESET PADDING, MARGINS AND BORDERS ON BLOCK ELEMENTS */

body, div, fieldset, form,  img {margin: 0; border: 0; padding: 0;}




body	{
	

	color: #333;
	text-align:center;
    margin-right:auto;
    margin-left:auto;
	background:#fff;
	padding: 0;
	margin-top:0;
	

	}

/*LAYOUT
----------------------------------------------------------------------------- */




#outer {
	
text-align:center;
margin-right:auto;
margin-left:auto;
width: 900px;

		
	}
	
#inner	{
    float:left;
	text-align:center;
     padding: 0;
	margin:0px 0 0 0;
	width: 900px;



	}
	



		
		
#pagebody 
		{
	width:900px;
	float:left;
    padding: 0px 0px  0px 0px;
	margin: 0;
	border: 0;
	text-align: left;
	background:transparent url(graphics/pagebodybg.gif) repeat-y;
	
	

	 
		}
		

/* BANNER
----------------------------------------------------------------------------- */


#topbanner {
			float: left;
			width: 900px;
		    padding: 0px;
			text-align:left;
			margin:0;
			background: #fff
			
	}

		
		
#header {
	width:900px;
	height:70px;
	float:left;
    padding: 0px 0px  0px 0px;
	margin: 0;
	text-align: left;
	background: url(graphics/headerbg.gif) no-repeat;


}
		







		


/* MAINCOL HOME
----------------------------------------------------------------------------- */




#maincol {
	padding:20px 32px 0px 0px ; 
	FLOAT: left; 
	margin: 0 0 0 0px;
	text-align:left;
	width:617px;
	 min-height:316px;
     height:auto !important;
     height:316px;
	
	 
	 
	

	 
}


#maincol_home {
	padding:30px 12px 0px 20px ; 
	FLOAT: left; 
	margin: 0 0 0 0px;
	text-align:left;
	width:640px;
	 min-height:316px;
     height:auto !important;
     height:316px;
	
	 
	

	 
}

		




		
/* RIGHTCOL
----------------------------------------------------------------------------- */
#rightcol {
	MARGIN:0;
	padding: 25px 10px 0 10px;
	float:left;
	WIDTH:230px;
	
	 min-height:316px;
     height:auto !important;
     height:316px;
	
	text-align:center;
	
	


}	








.clearboth {clear:both;}





/* IMAGE POSITIONING
----------------------------------------------------------------------------- */
	
.imageright {float: right; margin: 3px 0px 10px 15px; border: 0px solid #fff;}	
.imageleft {float: left; margin: 7px 7px 3px 0px; }
.imagecenter {float: left; width:100%; text-align:center; margin:3px 0px 3px 0px;

	}
#leftcol .imageright { float: right; margin: 7px 0px 10px 0px; }
#leftcol .imageleft{ float: left; margin: 7px 15px 0px 0px; clear:both }


#rightcol .imageright { float: right; margin: 7px 0px 10px 0px; border: 0px solid #fff;}
#rightcol .imageleft{ float: left; margin: 7px 15px 10px 0px; border: 0px solid #000000;}





#banner-primary {
			float: left;
			width: 900px;
			height:270px;
		    padding: 0px;
			text-align:left;
			margin:0;
			
			
	}
	

	



#logo1 {
					
				float:left;
				width: 222px;
				height: 198px;
				
			}
			
			

#logo2 {
					
				float:left;
				width: 222px;
				height: 153px;
				
			}			



/* TYPOGRAPHY
----------------------------------------------------------------------------- */
	
h1, h2, h3, h4, h5, h6	{
	
	font-weight: normal;

	letter-spacing: 1px;
	color:#006599;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	}


	
	
#maincol, #maincol_home, #maincol
{
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000000;
}
	
#maincol p, #maincol_home p{
	margin: 5px 0 10px 0;
	padding:0;
	font-size:100%;
	color:#000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:left;
	line-height:1.72em;
}

#maincol h1, #maincol_home h1	{
	margin: 2px 0 4px 0;
	color:#6F6242;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:20px;	
	
    }

#maincol h2, #maincol_home h2	{
	margin: 4px 0 0px 0;
	color:#1F3F88;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:normal ;
	 font-size:100%;
	 

    }	




#maincol ul, #maincol_home ul{
	MARGIN: 0px 0px 10px 0px;
	LIST-STYLE-TYPE: none;
	color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#maincol li, #maincol_home li { 

PADDING-LEFT: 31px; padding-top:4px; FONT-WEIGHT: normal; BACKGROUND: url(graphics/bullet2.gif) no-repeat 2px 2px; MARGIN: 0px; POSITION: relative;
line-height:1.72em;

}

html>body #maincol ul {margin-left: 0px;} 


#maincol a, #maincol_home a	{
	color:#FF3300;
	text-decoration:none	    
     
    }
	


#maincol a:hover, #maincol_home a:hover	{
	color:#FF6600;
	text-decoration:underline	    
     
    }
	
	
#maincol a.website, #maincol_home a.website {

color:#0066CC;
height:25px;
text-decoration:none;
padding: 0 0 0 22px;
margin:0;
background: url(graphics/browser_internetexplorer.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	
}

	
#maincol a:hover.website, #maincol_home a:hover.website {


text-decoration:underline;

}
	
	
	
	



#leftcol h1, #leftcol_home h1 {
	COLOR: #447CBB;
	font-weight:bold;
    font-family:Arial, "Times New Roman", Times, serif;
	margin:0 0 5px 0px;
	padding:21px 0 5px 19px;
	letter-spacing:2px;
	font-size:    92%; 
	background: url(graphics/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 20px;

	

}


	
#leftcol a, #leftcol_home a	{
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	color:#99714D;
	font-weight:normal
	}




#leftcol p, #leftcol_home p	{
	margin-top:4px;
	margin-bottom:0;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	margin-left:2px;
	font-size:    92%; 
	line-height:1.6em; 
	color:#FFFFFF

	
	}
	
	

 #leftcol_home ul{
	MARGIN: 0px 0px 10px 0px;
	padding:0;
	LIST-STYLE-TYPE: none;
	color:#00A1E3;
	font-size:85%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

 #leftcol_home li { 

PADDING-LEFT: 27px; padding-top:4px; FONT-WEIGHT: normal; BACKGROUND: url(graphics/bullet2.gif) no-repeat 2px 2px; MARGIN: 0px; POSITION: relative;
}

#rightcol p {
	font: 11px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:15px;
	font-weight:normal
}


#rightcol h1 {
	font: 11px Arial, Helvetica, sans-serif;
	color:#716444;
	text-align:left;
	font-weight:bold;
	line-height:normal;
	margin: 0px 0 0px 0;
	padding: 0px 0 0px 0;
	

}




#rightcol a {

	font: 11px Arial, Helvetica, sans-serif;
	color:#C8DB00;
	font-weight:normal
	

	

}

#rightcol img {

margin-bottom: 10px

}


/*  These are standard sIFR styles... do not modify
----------------------------------------------------------------------------- */	

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding:0
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1#maincol {
	visibility: hidden;
	padding:0;
	margin:0;
	line-height:normal;
	
}


/*  FOOTER
----------------------------------------------------------------------------- */


	
#footerholder {
	


	width: 100%;
	
	height:75px;
   
	 background: #5c9643 url("graphics/footerbg.gif") repeat-x;

	padding: 5px 0px 2px 0px;
	margin:0;
	clear: both;
	text-align:center
	
	
		
	}
	
#footer {
	


	width: 900px;

	margin: 0 auto;
	height:75px;


	padding: 5px 0px 2px 0px;

	text-align:left
	
	
		
	}




#footer a {
	color: #FFCC33;
	font-weight:normal;
	text-decoration:none;
	font-weight:normal
	}
	
#footer a:hover {
	color: #FF9933;
	font-weight:normal;
	text-decoration:underline;
	font-weight:normal
	}

#footer p{
	color:#FFFFFF;
	font-size:85%;
	line-height:normal;
	margin:0;
	padding:7px 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;		
	}
	
	
.greenpanel {

width:507px;
	height:132px;
	float:left;
	
    padding: 10px 20px  10px 10px;
	margin: 0;
	text-align: left;
	background: url(graphics/greenpanel.gif) no-repeat;



}

#outer #inner  #pagebody  #maincol .greenpanel p {

	color:#FFFFFF

}


#outer #inner  #pagebody  #maincol .greenpanel ul{
	MARGIN: 0px 0px 10px 0px;
	LIST-STYLE-TYPE: none;
	color:#fff;
	font-size:92%;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#outer #inner  #pagebody  #maincol .greenpanel li { 

PADDING-LEFT: 31px; padding-top:4px; FONT-WEIGHT: normal; BACKGROUND: url(graphics/bullet3.gif) no-repeat 2px 2px; MARGIN: 0px; POSITION: relative;
}

html>body #outer #inner  #pagebody  #maincol .greenpanel ul {margin-left: 0px;} 






.greenpanel2 {

width:507px;
	height:182px;
	float:left;
	
    padding: 10px 20px  10px 10px;
	margin: 0;
	text-align: left;
	background: url(graphics/greenpanel2.gif) no-repeat;



}

#outer #inner  #pagebody  #maincol .greenpanel2 p {

	color:#FFFFFF

}


#outer #inner  #pagebody  #maincol .greenpanel2 ul{
	MARGIN: 0px 0px 10px 0px;
	LIST-STYLE-TYPE: none;
	color:#fff;
	font-size:92%;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#outer #inner  #pagebody  #maincol .greenpanel2 li { 

PADDING-LEFT: 31px; padding-top:4px; FONT-WEIGHT: normal; BACKGROUND: url(graphics/bullet3.gif) no-repeat 2px 2px; MARGIN: 0px; POSITION: relative;
}

html>body #outer #inner  #pagebody  #maincol .greenpanel2 ul {margin-left: 0px;} 
	

.greenpanel3 {

width:315px;
	height:322px;
	float:left;
	
    padding: 10px 20px  10px 10px;
	margin: 0;
	text-align: left;
	background: url(graphics/greenpanel3.gif) no-repeat;



}

#outer #inner  #pagebody  #maincol .greenpanel3 p {

	color:#FFFFFF

}

#outer #inner  #pagebody  #maincol .greenpanel3 table {

	color:#FFFFFF

}


/* Drop down menus
----------------------------------------------------------------------------- */	

.menu {width:899px; height:30px; font-size:0.85em; position:relative; z-index:100; border-bottom: 1px dashed #ccc ; border-right: 1px dashed #ccc}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:148px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:13px;text-decoration:none; color:#6e6441; width:148px; height:30px; border:1px dashed #ccc; border-width:0px 0px 0px 1px; padding-left:0px; line-height:30px; text-align:center; font-family:Georgia, Arial}


/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(graphics/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(/graphics/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover { color:#000000}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:148px;border-top:0px solid #000;}


/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; font-size:12px; text-align:left; border:1px solid #a3a794;color:#000; font-family:Arial; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#ccc;}
.menu :hover > a, .menu ul ul :hover > a {color:#000;background:#ccc;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}