/* CSS Document */
body,td,th {color: #000000;font: normal normal 11px Trebuchet MS, Tahoma, Arial, Verdana, Helvetica, sans-serif;}
/*@font-face {
    font-family: Coolvetica;
    font-style:  normal;
    font-weight: normal;
    src: url(CENTURY0.eot);
}*/
a:link {color: #0460BC;	text-decoration: underline;font-weight: bold;}
a:visited {color: #0460BC;	text-decoration: underline;font-weight: bold;}
a:hover {color: #FFFFFF;background: #0460BC; text-decoration: none;}
a.plainlink:link {color: #0460BC; text-decoration: none; font-weight: normal;}
a.plainlink:visited {color: #0460BC; text-decoration: none; font-weight: normal;}
a.plainlink:hover {color: #0460BC; background: none; text-decoration: none; font-weight: normal;}

body { 
    margin: 0;
    padding: 0;
    text-align: center;
    background: #6b8ab6 url(images2/body_grad.jpg) repeat-x;
    /*font-size: 100.1%;*/
}
    
#container {
    margin: 0 auto;
    text-align: left;
    width: 751px;
	/*border-left: 3px solid #5373A4;*/
	/*border-right: 3px solid #5373A4;*/
	background: #fff;
}

#header {   
    background: transparent url(images2/header3.gif) no-repeat;
    height: 165px;
    width: 751px;
    margin: 0 auto;
    position: relative; /* planning for search box */
    font-size: 10px;
}    
#header h1 { margin: 0; padding: 0 }
#header span { display: none; }
#header form, .search-input, .search-button {
    font-size: 10px;
}
.search-input { border: 1px solid #006; background: #fff; color: #000; width: 200px; }
/* line is separate for easy editting -- comment out to use browser's "default" button */
.search-button { border: 1px solid #006; background: #E4ECF7; color: #000; font-weight: bold; }
#header form { 
    position: absolute;
    top: 116px;
    right: 20px;
}
#content {
     background: url(images2/content-middle-bg.jpg) repeat-y;
     width: 751px;
     overflow: hidden;
     position: relative;
     }
#content-top {
    background: url(images2/content-top-bg.jpg) no-repeat;
    height:22px;
    }
    
#content-bottom {
    /*background: url(images2/content-bottom-bg.jpg) no-repeat;
    height: 22px;*/
}    

#leftpanel {
    float: left;
    width: 150px;
    margin-left: 10px;
}

* html #leftpanel { margin-left:5px }     /*fix IE/win */
*>html #leftpanel { margin-left: 10px; }  /*but put ie5/mac back */

.box { background: #fff;}
.box-top {
  background: url(images2/box-top.jpg) no-repeat;
  height: 6px;
  overflow: hidden;
}
.box-bottom {
  background: url(images2/box-bottom.jpg) no-repeat;
  overflow: hidden;
  height: 6px;
  margin-bottom: 1em;
}

#mainpanel {
    width: 550px; /* otherwise text will flow outside of white background */
    margin-left: 177px;
	margin-top: 2px;
}

.main-inner { overflow: hidden; } /* crucial for floating and clearing blocks within mainpanel! */

#footer {
    background: #005092;	
	height: 20px;
    padding: 16px 10px 10px 10px; /* use this to control how much light color extends below footer bottom */
	border-left: 1px solid #E5EAF0;
	border-right: 1px solid #E5EAF0;
	color: #fff;
	font-size: 10px;
}
.footer-inner {
    background: #025597;
    color: #fff;
    margin: 0 10px;
    padding: .5em;
}
#footer-bottom {
  height: 20px;
  background: transparent url(images2/footer2.jpg) no-repeat;
}

.inner { 
    /* required to pad text inside the box w/o breaking IE */
    /* you can define separate such divs for left and main content if you want to control padding even more */
    padding: 6px;
    }
    
/* get consistent margins and padding on all browsers by forcing them, alter as necessary */    
ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 0;
	padding-bottom: 0;
}    

.left { float: left; }
.right { float: right; }
.clr { clear: both; }



/* menu  -- see my comments in the HTML code where I talk about white space in the HTML itself */
FORM.searchb{display:inline;}

#searchbox
{
    position: absolute;
    top: 111px;
    left: 420px;
    width: 200px;
	float: right;
}
.hnav
{
	text-align: left;
    position: absolute;
    top: 113px;
    left: 10px;
    width: 400px;
	height: 15px;
	float: left;
	font-weight: bold;
}
.hnav, .hnav ul li a
{
    margin-top: 3px;
}
.hnav ul, .hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.hnav ul li a
{
    font: 12px Trebuchet MS, verdana, sans-serif;
	font-weight: bold;
	margin: 0 -1px 0 0;
	padding-left: 14px;
	padding-right: 14px;
    border-right: 1px solid #3A78AB;
	white-space: nowrap;
}
#homelink { border-left: none; }
#lastlink { border-right: none; }
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	text-decoration: none;
	font-weight: bold;
    color: #fff;
}
.hnav ul li a:hover {
    color: #fff;
	text-decoration: underline;
	background: none;
}
.hnav ul li span.divider
{
	display: none;
}
* html .hnav ul li, * html .hnav ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}

.titleH {color: #F37118;font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;font-size: 20px;line-height: 24px;font-style: normal;font-weight: bold;	}
.hometext ul {	margin: 0;padding: 0;}
.hometext li {line-height: 24px;padding-top: 0;}
.hometext {font-size: 11px;line-height: 15px;}
.homelinksA {	margin-top: 5px;	font-size: 100%;color: #000000;}
a.homelinksA:link {color: #0460BC;font-weight: bold;}
a.homelinksA:visited {color: #0460BC;font-weight: bold;}
a.homelinksA:hover {background: #0460BC;color: #FFFFFF;font-weight: bold;}
.homespacer {clear: right; margin-top: 14px; padding-top: 19px;}
.clr {clear: right;}
.clrboth {clear: both;}
.fonttitle {width: 100%;height: 13px;padding: 2px;padding-left: 12px;color: #000000;text-align: left;font-size: 11px;}
.fonttitlelink {color: #000000; font-size: 11px;}
a.fonttitlelink:link {color: #0460BC;font-weight: normal;}
a.fonttitlelink:visited {color: #0460BC;font-weight: normal;}
a.fonttitlelink:hover {font-weight: normal;background: #0460BC;color: #FFFFFF;/*color: #F37118;*/}
.fonttitleWhite {width: 100%;height: 13px;padding: 2px;padding-left: 12px;color: #FFFFFF;text-align: left;font-size: 11px;}
a.fonttitlelinkWhite:link {color: #FFFFFF;font-weight: normal;}
a.fonttitlelinkWhite:visited {color: #FFFFFF;font-weight: normal;}
a.fonttitlelinkWhite:hover {color: #FFFFFF;font-weight: normal;}


.outerborder {width: 530px;border: 2px solid #FFFFFF;}
.fontborderA {width: 528px;border: 1px solid #B3C9DE;	background: #FFFFFF;padding-top: 5px;}
.fontborderB {width: 528px;border: 1px solid #B3C9DE;background: #F3F7FB;padding-top: 5px;}
.fontborderBlack {width: 528px;border: 1px solid #C0CDDA;background: #000000;padding-top: 5px;}
a.hiddenlink:link {text-decoration: none;}
a.hiddenlink:visited {text-decoration: none;}
a.hiddenlink:hover {background: none;}
.fontmain { text-align: left; height: 65px;}
a.plainlink:link {color: #0460BC; text-decoration: none; font-weight: normal;}
a.plainlink:visited {color: #0460BC; text-decoration: none; font-weight: normal;}
a.plainlink:hover {color: #0460BC; background: none; text-decoration: none; font-weight: normal;}
.fontimage {margin-top: 10px;}
.downloadlink {color: #0460BC;font-size: 13px;font-weight: bold;text-decoration: none;}
a.downloadlink:link {color: #0460BC;font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
a.downloadlink:visited {color: #0460BC;}
a.downloadlink:hover {color: #F37118; background: none;}
.downloadlinkWhite {color: #FFFFFF;font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-decoration: none;}
a.downloadlinkWhite:link {color: #FFFFFF;font-family:  Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-decoration: none;}
a.downloadlinkWhite:visited {color: #FFFFFF;font-family:  Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-decoration: none;}
a.downloadlinkWhite:hover {color: #FFFFFF;font-family:  Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-decoration: none;}
.fontdownload {height: 5px; text-align:right; padding: 5px 10px 20px 0;}
* html .fontdownload { padding: 5px 10px 5px 0; }
.orangebullet {	color: #F37118;	font-size: 16px;font-weight: bold;text-decoration: none;}
.fontspacer { clear: right; padding-top: 15px;}
.sidespacer { margin-top: 20px;}
.articleText {font-size: 11px;line-height: 15px;}
.articleTitle {color: #0460BC;font-size: 11px;font-weight: bold;}
a.articleTitle:link {color: #0460BC; }
a.articleTitle:visited {color: #0460BC;	}
a.articleTitle:hover {background: #0460BC;color: #FFFFFF; text-decoration: none;}
.bigger {font-size: 11px;}
.smaller {font-size: 90%;}
.toplink {	color: #0460BC;	font-size: 12px;font-weight: normal;	}
a.toplink:link {color: #0460BC;	text-decoration: underline;	font-weight: normal;}
a.toplink:visited {color: #0460BC;	text-decoration: underline;font-weight: normal;}
a.toplink:hover {background: #0460BC;color: #FFFFFF;font-weight: normal;}
#mainmenu ul {list-style: none;margin: 0;padding-left: 8px;font-size: 11px;}
#mainmenu li {line-height: 18px;padding-top: 0;}
.combobox1 {width: 130px; font-size: 11px;font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;margin-top: 5px;}
a.letterbrowselink:link {font-size: 13px;padding: 0 1px; color: #203F76;text-decoration: none;font-weight: normal;}
a.letterbrowselink:visited {font-size: 13px;padding: 0 1px;color: #203F76;text-decoration: none;font-weight: normal;}
a.letterbrowselink:hover {font-size: 13px;padding: 0 1px;color: #F37118;text-decoration: none;border: 1px solid #F37118;background: #FFFFFF;font-weight: normal;}
#letterbrowse {text-align: justify; width: 133px;line-height: 20px;	}
.letterbrowselinkS {font-size: 13px;padding: 0 1px;color: #203F76;border: 1px solid #FFFFFF;background: #FFFFFF;}
.letterbrowselink {font-size: 13px;padding: 0 4px;color: #203F76;border: 1px solid #FFFFFF;margin: 0 2px;}
.menuspacer { margin-top: 10px; }
.menutitle {color: #0460BC; font: 20px Tahoma, Arial, Verdana, Helvetica, sans-serif;padding: 0 0 2px 0;}
.orange {color: #F37118;}
.arrowbullet {color: #0460BC;font-weight: bold;}
.mainmenulink {color: #000000;text-decoration: none;	}
a.mainmenulink:link {color: #000000;text-decoration: none;font-weight: normal;	}
a.mainmenulink:visited {color: #000000;text-decoration: none;font-weight: normal;}
a.mainmenulink:hover {background: #0460BC;color: #FFFFFF;font-weight: normal;}
#skyscraper1 {margin-left: 16px;margin-top: 10px;	}
#leftfooter {float: left;}
#rightfooter {float: right;}
a.footerlink:link {color: #fff; text-decoration: none; font-weight: normal;}
a.footerlink:visited {color: #fff; text-decoration: none; font-weight: normal;}
a.footerlink:hover {color: #fff; background: none; text-decoration: underline; font-weight: normal;}
a.switchtype:link {color: #0460BC;	text-decoration: none;font-weight: bold;font-size:11px;}
a.switchtype:visited {color: #0460BC;	text-decoration: none;font-weight: bold;font-size:11px;}
a.switchtype:hover {color: #FFFFFF;background: #0460BC; text-decoration: none;switchtypefont-size:11px;}
#topofpage { margin: 10px 0 50px 0; text-align: right; font-size: 90%; padding-right: 10px;}
.sideinner {width: 134px; padding-left: 3px;}
#logoarea { float:left; width: 300px; height: 125px; margin-left: 20px;}
.currentstyle {color: #F37118;font-family: Trebuchet MS, sans-serif, Arial, Helvetica;font-size: 17px;font-style: normal;font-weight: bold;}
.currentstyle h1 {font-size: 17px; margin: 0;}
.currentleft {color: #F37118;font-family: Trebuchet MS, sans-serif, Arial, Helvetica;font-size: 17px;font-style: normal;font-weight: bold;}
.currentleft h1 {font-size: 17px; margin: 0;}
.currentstyle h2 {font-size: 17px; margin: 0;}
#fontnavtop {overflow: hidden;}
#topnav {width: 530px; margin-top: 10px;}
.topleft {float: left;padding: 10px 0 0 0;margin-right: 18px;font-size: 11px;}
.topleftC {float: left;padding: 10px 0 0 0;margin-right: 12px;font-size: 11px;}
.topleftAfirst {float: left;padding: 10px 0 0 0;margin-right: 16px;font-size: 11px;}
.topleftA {float: left;padding-top: 10px;margin-right: 24px;font-size: 11px;}
.topleftAlast {float: left;padding: 10px 0 0 0;margin-right: 0;font-size: 11px;}
.title {color: #0460BC;	font-size: 12px;font-weight: bold;}
.inputstyle {font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 100%; height:20px;}
.buttonA {font-family: Tahoma;font-size: 8pt;font-weight: bold;width: 55px;}
.buttonB {font-family: Tahoma;font-size: 8pt;font-weight: bold;width: 50px;}
a.perpage:link {font-weight: normal;color: #0460BC;}
a.perpage:visited {font-weight: normal;color: #0460BC;}
a.perpage:hover {/*color: #F37118;*/background: #0460BC;color: #FFFFFF;font-weight: normal;}
.perpage {margin-top: 0px;color: #000000;font-size: 100%;}
.blankspacerA { clear: both; margin-top: 1000px; }
a.pagenavnextprev:link {color: #0460BC;text-decoration: underline;padding: 0 0 2px 0;border: 1px solid #FFFFFF;font-weight: bold; background: none;}
a.pagenavnextprev:visited {color: #0460BC;	padding: 0 0 2px 0;border: 1px solid #FFFFFF;font-weight: bold; background: none;}
a.pagenavnextprev:hover {color: #F37118;padding: 0 0 2px 0;border: 1px solid #FFFFFF;font-weight: bold; background: none;text-decoration: underline;}
.pagenavF {width: 21px;color: #F37118;padding: 0 4px;border: 1px solid #F37118; background: none; text-align:center;}
a.pagenavF:link {color: #0460BC;text-decoration: none;border: 1px solid #FFFFFF;font-weight: bold; background: none;}
a.pagenavF:visited {color: #0460BC;text-decoration: none;border: 1px solid #FFFFFF;font-weight: bold; background: none;}
a.pagenavF:hover {color: #F37118;border: 1px solid #F37118;font-weight: bold; background: none;}
.pagenavB {color: #0460BC;padding: 0 2px;border: 1px solid #FFFFFF;}
#introtext {font-size: 11px; line-height: 15px;}
#articlecopyright {font-size: 100%;margin-bottom: 5px;margin-top: -1px;}
#notfound {font-size: 11px;}
#pagenavtop_holder {clear: left; margin-top: 5px; margin-bottom: 12px;}
#pagenav_top {font-family:  Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;padding: 5px 0 0 0;}
#pagenav_bottom {margin: 40px 0 40px 0;text-align: center;font-family:  Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;}
#navlayer {padding: 5px;}
#fontnavbar2 {width: 530px;height: 26px;background: #F3F7FB;padding: 0;}
.letterbrowselinkA {font-size: 12px;color: #F37118;padding: 0 3px;border: 1px solid #F37118;background: #FFFFFF;}
a.letterbrowselinkA:link {color: #000000;padding: 0 3px;text-decoration: none;border: 1px solid #F3F7FB;background: #F3F7FB;font-weight: normal;}
a.letterbrowselinkA:visited {color: #000000;padding: 0 3px;text-decoration: none;border: 1px solid #F3F7FB;background: #F3F7FB;font-weight: normal;}
a.letterbrowselinkA:hover {color: #F37118;padding: 0 3px;text-decoration: none;border: 1px solid #F37118;background: #FFFFFF;font-weight: normal;}
.authorname {color: #000000;margin-left: 10px; font-size:11px;}
a.authorlink:link {color: #0460BC;font-weight: bold;text-decoration: none; font-size:11px;}
a.authorlink:visited {color: #0460BC;font-weight: bold;text-decoration: none;}
a.authorlink:hover {background: #0460BC;color: #FFFFFF;font-weight: bold;text-decoration: none;}
.innertitle {color: #000000;font-size: 100%;font-weight: bold;}
#linkspage {line-height: 15px;font-size: 11px;}
.generaltext {font-size: 11px;}
.button {width: auto; font-family: Tahoma;font-size: 8pt;font-weight: bold;}
.backtofont {float: right;}
#downloadlayer {clear: right; text-align: left; margin: 10px 0 0 0;}
*>html .fpp {width: 7em;}
*>html .fpp1 {width: 10em;}
*>html .fpp2 {width: 5em;}
*>html .viewopt {width: 23em;}
*>html .casing {width: 4.5em;}
.bluetext {color: #0460BC;}
#bottomgoogle { margin-top: 10px; padding-top: 10px; }
.hnavB
{
	text-align: left;
    position: absolute;
    top: 138px;
    left: 10px;
    width: 730px;
}
.hnavB, .hnavB ul li a
{
    margin-top: 3px;
}
.hnavB ul, .hnavB ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.hnavB ul li a
{
    font: 11px Trebuchet MS, verdana, sans-serif;
	margin: 0 -1px 0 0;
	padding-left: 17px;
	padding-right: 16px;
    border-right: 1px solid #91A8C9;
	white-space: nowrap;	
}
.hnavB ul li a:link, .hnavB ul li a:visited, .hnavB ul li a:active, .hnavB ul li a:hover
{
	text-decoration: none;
	font-weight: normal;
    color: #fff;
}
.hnavB ul li a:hover {
    color: #fff;
	text-decoration: underline;
	background: none;
}
.hnavB ul li span.divider
{
	display: none;
}
* html .hnavB ul li, * html .hnavB ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline;
	/* reset above hack */
}
* html .hnavB, * html .hnavB ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAVB
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}