/* CSS Document */


/* If you want a background image, here's the code: html body {
	background-image: url(images/yellow-faded-background.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	margin: 10px;
	padding: 0px;
	}*/


html body {
	
	background-repeat: repeat-x;
	background-color: #FFFF99;
	margin: 10px;
	padding: 0px;
	}
	
	body, p, div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	}
	

	
#wrapper {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
}

#wrapper #header {
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	height: 184px;
}


#wrapper #header_link {
height: 184px;
width: 100%;
margin: 0;
padding: 0;
background-color: transparent;
} 



#wrapper #topnav {
	height: 18px;
	padding: 6px;
	background-color: #6666CC;
	text-align: center;
}

#wrapper #topnav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}


#wrapper #topnav  ul li {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d4d4d4;
}
#wrapper #topnav  ul li a {
	text-decoration: none;
	color: #fff; 
}
#wrapper #topnav  ul li a: visited {
	color: #000;
	text-decoration: none;
}
#wrapper #topnav ul li a:hover {
	color: #000;
	text-decoration: underline;
}
#wrapper #topnav ul li.last {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}




/* ================================================================ 
This copyright notice must be untouched at all times. This is for the flyout navigation. Permission was given to use this.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.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.
=================================================================== */
#menu {height:300px; width:200px; position:relative; float: left; margin: 10px; padding-right: 0px;}

#menu ul {margin:0px; padding:0px; list-style:none; white-space:nowrap; text-align:left; padding: 0px 0px 1px 0px; background:#fff;}

#menu li {margin:0; padding:0; list-style:none;}	
#menu li {display:inline;}

#menu ul ul {position:absolute; left:-9999px;}
#menu ul#toplevel {position:absolute; left:0; top:10px;}

#menu a {display:block; font:normal 13px verdana,arial,sans-serif; color:#000; line-height:15px; text-decoration:none;padding:8px 8px 8px 0px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#9999ff} 
#menu li a.fly {background: no-repeat right top; border-bottom-width: thin; border-bottom-style: solid;}

#menu li a:hover {background-color:#9999ff; color:#fff;} 
#menu li:hover > a {background-color:#9999ff; color:#fff;}

#menu ul li:hover > ul {left:100%; margin-top:-32px; margin-left: -1px;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

#wrapper #centercol li{
	 margin: .4em 0;}

#wrapper #centercol {
	width: 600px;
	float: left;
	background-color: #fff;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 55px;
}

#wrapper #centercol p.tagline {
	font-size: 20px;
	font-style: italic;
	line-height: normal;
	font-weight: 600;
	color: #003;
	text-align: center;
}

#wrapper #centercol p.quote {
	font-size: 14px;
	font-style: italic;
	line-height: normal;
	text-align: center;
}

#wrapper #centercol .sectiontitle {
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #006;
	font-variant: normal;
	text-align: left;
}
#wrapper #centercol img.plainborder {
	background-color: #FFF;
	width: 200px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	float: right;
	margin-left: 25px;
	margin-bottom: 10px;
	margin-top: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

#wrapper #centercol img.homepageimage {
	background-color: #FFF;
	width: 368px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	float: middle;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-top: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}


#wrapper #centercol img.directorylist {
	background-color: #FFF;
	width: 150px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #99999;
	border-left-color: #999999;
	float: left;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-top: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

#wrapper #centercol img.directorylist2 {
	background-color: #FFF;
	width: 100px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #000000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	float: left;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-top: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

#wrapper #centercol p img.directorylist {
	border-top-style: solid;
}
#wrapper #centercol table tr td.smalltype {
	font-size: 14px;
	vertical-align: top;
	
}

#wrapper #disabilitiestopnav {

	text-align: left;
}

#wrapper #disabilitiestopnav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}


#wrapper #disabilitiestopnav  ul li {
	display: inline;
	padding-right: 1px;
	padding-left: 1px;
	border-right-width: 1px;
	border-right-style: none;
	border-right-color: none;
}
#wrapper #disabilitiestopnav  ul li a {
	text-decoration: none;
	color: #000;
}
#wrapper #disabilitiestopnav  ul li a: visited {
	color: #000;
	text-decoration: none;
}
#wrapper #disabilitiestopnav ul li a:hover {
	color: #000;
	text-decoration: underline;
}
#wrapper #disabilitiestopnav ul li.last {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



#wrapper #rightcol {
	width: 190px;
	float: right;
	background-color:#FFFF66;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	vertical-align: top;
	text-align: left;
}

#wrapper #rightcol ul {
	
	margin: 15px;
	padding: 0px;
}

#wrapper #rightcol  ul li {
	display: list-item;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	list-style-type: disc;
	font-size: 9px;
}


#wrapper #footer {
	clear: both;
	padding: 5px;
	background-color: #E8E8E8;
}

#wrapper #footer table {
	width: 900px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}
#wrapper #footer table tr td {
	vertical-align: top;
	text-align: left;
	font-size: 14px;
}

#wrapper #footer  tr td a {
	text-decoration: none;
	color: #000;
}
#wrapper #footer  tr td a: visited {
	color: #000;
	text-decoration: none;
}
#wrapper #footer tr td a:hover {
	color: #000;
	text-decoration: underline;
}
#wrapper #rightcol p.smalltyperightcol {
	font-size: 9px;
}

/*- Menu Tabs K--------------------------- */ 	

    #tabsK {
      float:left;
      width:600px;
      background:#fff;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #54545C;
      }
    #tabsK ul {
	  margin:0;
	  padding:5px 5px 0 10px;
	  list-style:none;
      }
    #tabsK li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsK a {
      float:left;
      background:url("images/tableftK.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsK a span {
      float:left;
      display:block;
      background:url("images/tabrightK.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsK a span {float:none;}
    /* End IE5-Mac hack */
    #tabsK a:hover span {
      color:#FFF;
	  background-position:100% -42px;
      }
    #tabsK a:hover {
      background-position:0% -42px;
      }
    #tabsK a:hover span {
      background-position:100% -42px;
	  }