#banner{height:140px;background:url(./images/bannernotxt.jpg) top; background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:800px;margin-top:-24px;position:relative;}
#bannertxt{float:right;font-size:9pt;text-align:right;color:white;position:relative;top:75px;left:-10px; }
      
#wpra{font-size:16pt;color:#008000;padding-top:10px;text-align:center; }
#kwpg{font-size:34pt;color:firebrick;margin-top:-15px;text-align:center; }
  
#newsbox{border:none;padding:0px;clear:left;height:auto;margin-left:auto;margin-right:auto;position:relative;top:0px;width:800px;background-color:white;}
#col2{background-color:white;}
#inner{padding:20px; }
  
html, body 		{ margin:0 0; padding:0 0; }
body{margin:0 0;font: 11pt Arial, Helvetica, sans-serif;max-width:1200px; background:url(./images/bluefill.png) left top;background-repeat:repeat;}
img{border:none; }
a{ color:blue;}
p{ margin: 0 0 18px; }
hr{clear:left;margin:10px; }

.clear {clear:left;}
.clearboth{clear: both;}
.nohand {cursor:text;}

#footer			{ background: #333; border-bottom: 2px solid #999; clear: left; width:800px;height:25px;position:relative; }
		#footer a		{ color: #eee; }
		
		#footer ul		{ list-style: none;margin: 0 18px 0px; padding:5px 0 0px; }
		#footer li		{ display: inline; font-size: 9px; font-weight: bold; padding-right: 10px;}
        
.center{text-align:center; }
	.pt12{font-size:12pt; }
	.pt13{font-size:13pt; }
	.pt14{font-size:14pt; }
	.pt16{font-size:16pt; }
	.pt17{font-size:17pt; }
	.pt18{font-size:18pt; }
	.pt20{font-size:20pt; }
	
	.red {color:red;}
	.floatleft{float:left;}
	.clear {clear:both;}
	.italic{font-style:italic; }
    .float-divider {clear:both;display:block;height:1px;font-size:1px;line-height:1px;}





#backtotop{position:fixed;bottom:10px;right:20px;padding:0.5em;z-index:3; }
#backtotop ul {padding:0;margin:0;list-style-type:none; height:3em; background:transparent;}
#backtotop ul li {float:left;height:2em;line-height:2em; display:block;width:6em;}
#backtotop a, #backtotop a:visited {display:block;float:left;height:100%; width:6em; font-size:1em;text-decoration:none;color:white;background:#0080C0 ; padding:0 0 0 0.6em; border-left:1px solid #eee; }
* html #backtotop a:hover {color:black;background-color:#d4d8bd;  position:relative; z-index:100;}
#backtotop li:hover {position:relative;}
#backtotop :hover > a {color:black;background-color:#d4d8bd ;width:6em;}

.linkimg{width:1.7em;height:2em;float:left;}

/* ================================================================ 
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.cssplay.co.uk/menus/padding.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
 /*style the sub level links */



ul.tabs a:link, ul.tabs a:visited, ul.tabs a:active 
                    { text-decoration:none;      color:black; }  
ul.tabs a:hover, ul.tabs a:focus     
                    { text-decoration:underline; color:#008000;  }
ul.tabs a           { display:block; }


ul.tabs       { float:left; width:100.2%; padding:0; margin:0; 
                border-bottom:1px solid gold; margin-bottom:10px; }

ul.tabs li    { float:left; width:16.6%; list-style-type:none;  }

ul.tabs *.tab-label { border:1px solid gold; margin:0; cursor:pointer; 
                      padding-bottom:2px; padding-top:2px; 
                      background:white url("./images/g1.jpg") repeat-x left bottom;
                      font-weight:normal; text-align:center; font-size:1.1em; } 

ul.tabs li.selected *.tab-label { position:relative; border-bottom:none; 
           top:1px; padding-bottom:4px; cursor:auto;
           padding-top:5px; border-top:2px solid gold; margin-top:-5px; 
           background:white url("./images/g2.jpg") repeat-x left top; font-weight:bold;color:#008000; }

#main { border:1px solid gold;position:relative;}
.linksdiv{ padding-left:20px; padding-top:40px;}


/* ================================================================ 
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.cssplay.co.uk/menus/padding.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.list{background:url(./images/shorty.png) no-repeat 5px ; }


.menu {font-size:0.85em; padding-bottom:0px;z-index:2;width:800px;margin-left:auto;margin-right:auto;position:relative;background-color:rgb(214,80,203);height:25px;}
/*#ffb76f*/
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding-top:0px;padding-bottom:0px;margin:0; height:2em;margin:0px;padding:0px; }
/* style the sub-level lists */
.menu ul ul {width:9em;}


/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {height:25px;line-height:25px; display:block;float:left;width:auto;margin-right:0em;padding-left:10px;}

/* style the sub level list items */
.menu ul ul li {display:block;width:9em;height:auto; line-height:1em;position:relative;}


/* style the links for the top level */
.menu a, .menu a:visited {display:block;height:100%;width:auto;  font-size:1em;text-decoration:none;color:white;padding:0 0.6em 0 0.6em;float:left;}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:auto; w\idth:auto;}


/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#5b8686 ; color:#fff;width:12em;height:100%;line-height:1em; padding:0.5em 1em; border-bottom:1px solid #7aa;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:12em; w\idth:12em;}
.menu ul ul ul a, .menu ul ul ul a:visited{color:black;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#d4d8bd  ;width:13em;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#c4ceac ;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#447b7b;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#447b7b;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:black;background-color:;  position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a{color:black;background-color:;}
/* second */
* html .menu ul ul a:hover{color:#ff0;background:#7aa; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#ff0;background:#7aa;width:12em;}
/* third */
* html .menu ul ul ul a:hover {background:#7aa; position:relative; z-index:120;width:12em;}
.menu ul ul ul li:hover {position:relative;}
.menu ul ul ul :hover > a {background:#7aa;width:13em;color:#ff0;}
/* fourth */
.menu ul ul ul ul a:hover {background:#7aa; position:relative; z-index:130;}


/* 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:3em; left:0; width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:12em;top:0;width:14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:transparent ; left:-3em;top:2em;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover 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; left:10.8em;top:0%;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}




/* style the outer div to give it width */
.menu2 {font-size:0.85em; padding-bottom:0px;margin-left:0;float:right;margin-right:30px;top:50px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu2 ul {padding-top:5px;padding-bottom:5px;list-style-type:none; height:2em; background:transparent;margin-left:20px;margin-top:-20px;display:block;}
/* style the sub-level lists */
.menu2 ul ul {width:15em;border-bottom:none;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu2 ul li {height:2em;line-height:2em; display:block;position:relative;padding-top:1px;}

/* style the sub level list items */
.menu2 ul ul li {display:block;width:15em;height:auto; line-height:1em;}

/* style the links for the top level */
.menu2 a, .menu2 a:visited {display:block;height:100%;width:13em;  font-size:1em;text-decoration:none;color:white;background:#008000 ; padding:0 0.6em 0 0.6em;float:left; }
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu2 a, * html .menu2 a:visited {width:11em; w\idth:7em;}

/*menu2 ul ul a, .menu2 ul ul a:visited {display:block;background:#5b8686 ; color:#fff;width:10em;height:100%;line-height:1em; padding:0.5em 1em; border-bottom:1px solid #7aa;}
* html .menu2 ul ul a, * html .menu2 ul ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu2 table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the third level background */
.menu2 ul ul ul a, .menu2 ul ul ul a:visited {background:#b4be9c ;}
/* style the fourth level background */
.menu2 ul ul ul ul a, .menu2 ul ul ul ul a:visited {background:#c4ceac ;}
/* style the sub level 1 background */
.menu2 ul :hover a.sub1 {background:#447b7b;}
/* style the sub level 2 background */
.menu2 ul ul :hover a.sub2 {background:#447b7b;}

/* style the level hovers */
/* first */
* html .menu2 a:hover {color:#008000;background-color:#d4d8bd;  position:relative; z-index:100;}
.menu2 li:hover {position:relative;}
.menu2 :hover > a {color:black;background-color:#d4d8bd ;width:13em;float:left;}
/* second */
* html .menu2 ul ul a:hover{color:#ff0;background:#7aa; position:relative; z-index:110;}
.menu2 ul ul li:hover {position:relative;}
.menu2 ul ul :hover > a {color:#ff0;background:#7aa;width:10em;}
/* third */
* html .menu2 ul ul ul a:hover {background:#7aa; position:relative; z-index:120;}
.menu2 ul ul ul :hover > a {background:#7aa;}
/* fourth */
.menu2 ul ul ul ul a:hover {background:#7aa; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu2 ul ul {visibility:hidden;position:absolute;height:0;top:3em; left:0; width:14em;}

/* position the third level flyout menu */
.menu2 ul ul ul{left:12em;top:0;width:14em;}


/* make the second level visible when hover on first level list OR link */
.menu2 ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:transparent ; left:7.8em;top:0em;}
/* keep the third level hidden when you hover on first level list OR link */
.menu2 ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu2 ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu2 ul :hover ul :hover ul{visibility:visible; left:9em;}
/* make the fourth level visible when you hover over third level list OR link */
.menu2 ul :hover ul :hover ul :hover ul {visibility:visible;}*/