html {overflow-y: scroll;}

h1 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 22pt}

h2{
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 110%;
    color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 0px;
    height:20px;
    background: url(images/divgradienth2.gif) repeat-x;
    text-align:center;
}


h3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14pt}
h4 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12pt}

h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    list-style-position: outside;
    list-style-type: disc;
}

h6 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt}

table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
a:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #0000FF; text-decoration:none}
a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #0000FF; text-decoration:none}
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; color: #616D7E }
ul {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
ol {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
tr {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
th {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
blockquote {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
.boxtitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9pt; color: #000000}
.pagetitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10pt; color: #000000}

.center {
	text-align: center;
}

/*This covers the text for list left hand side navigation bar*/
.sidebar {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #000000;
    list-style-type: disc;
    list-style-position: outside;
    line-height: normal;
    padding: 0px 0px 0px 0px;
}
/*This style is used for footnotes and captions */
.caption {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #666666;
}
/*Main Text is the CSS Style for most of the website's text*/
.maintext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #000000;
    list-style-position: outside;
    list-style-type: disc;
}

/* menu2 is the header menu at the top of each page */

.preload2 {background: url(images/buttons/button4.gif);}
.menu2 {width:800px; margin:0px; list-style:none; height:40px; background:#fff url(images/buttons/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; padding:0;}
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#FFFFFF; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer; margin:0;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/buttons/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(images/buttons/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(images/buttons/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(images/buttons/button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(images/buttons/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(images/buttons/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(images/buttons/button4a.gif) no-repeat right top;}

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}


/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200; }

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #a5a5a5; white-space:nowrap; width:163px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:157px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; font-weight: normal; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(images/buttons/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#a5a5a5; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#a5a5a5 url(images/buttons/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#a5a5a5 url(images/buttons/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul


/* menu3 is the header menu at the top of each page */

.preload3menu3 {background: url(images/menu3.gif);}
.menu3 {width:191px; margin:0px; list-style:none; height:24px; background:#fff url(images/menu3.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; padding:0; border: 1px solid #ccc;}
.menu3 li.top {display:block; float:left; position:relative;}
.menu3 li a.top_link {display:block; float:left; height:24px; line-height:17px; text-decoration:none; font-size:11px; font-weight:bold; padding:3px 1px 3px 3px; cursor:pointer; margin:0px; color: #000000; width: 189px;}
.menu3 li a.top_link span {float:left; display:block; padding:0 8px 0 3px; height:24px; width: 191px;}
.menu3 li a.top_link span.down {float:left; display:block; padding:0 8px 0 3px; height:24px; width: 189px;}
.menu3 li a.top_link:hover {color:#fff; width:189px; background: url(images/menu3.gif) 0 -24px;}
.menu3 li a.top_link:hover span {width:189px; background:url(images/menu3.gif) 0 -24px right top;}
.menu3 li a.top_link:hover span.down {width:189px; background:url(images/menu3.gif) 0 -24px right top;}

.menu3 li:hover > a.top_link {color:#ffffcc; width:189px; background: url(images/menu3.gif) 0 -24px;}
.menu3 li:hover > a.top_link span {width:189px; background:url(images/menu3.gif) 0 -24px right top;}
.menu3 li:hover > a.top_link span.down {width:189px; background:url(images/menu3.gif)  0 -24px right top;}

.menu3 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}


/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu3 a:hover {visibility:visible;}
.menu3 li:hover {position:relative; z-index:200; }

/* keep the 'next' level invisible by placing it off screen. */
.menu3 ul, 
.menu3 :hover ul ul, 
.menu3 :hover ul :hover ul ul,
.menu3 :hover ul :hover ul :hover ul ul,
.menu3 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu3 :hover ul.sub {left:3px; top:30px; background: #fff; padding:2px 0; border:1px solid #a5a5a5; white-space:nowrap; width:163px; height:auto;}
.menu3 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu3 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:157px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; font-weight: normal; border:3px solid #fff; border-width:0 0 0 3px;}
.menu3 :hover ul.sub li a.fly {}
.menu3 :hover ul.sub li a:hover {background:#a5a5a5; color:#fff;}
.menu3 :hover ul.sub li a.fly:hover {color:#fff;}
.menu3 :hover ul li:hover > a.fly {color:#fff;} 

.menu3 :hover ul :hover ul,
.menu3 :hover ul :hover ul :hover ul,
.menu3 :hover ul :hover ul :hover ul :hover ul,
.menu3 :hover ul :hover ul :hover ul :hover ul :hover ul


.AccordionTitle, .AccordionContent,  .AccordionContainer {
  	font-weight: bold;
  	font-size: 90%;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	position:relative;
	width:191px;
	overflow:hidden;
}

.AccordionTitle {
	width:191px;
	height:24px;
	overflow:hidden;
	cursor:pointer;
	vertical-align:middle;
	text-align:left;
	padding-left:10px;
	background-repeat:repeat-x;
	display:table-cell;
	background-image:url('images/menu3.gif');
	-moz-user-select:none;
}

.AccordionContent {
	height:0px;
	overflow:hidden;
	display:none;
}

.AccordionContainer {
	border: 1px solid #ccc;
}

.AccordionText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #0000FF; text-decoration:none; font-weight: normal; padding: 8px 1px 3px 3px ; margin: 0px 0px 5px 7px }

img {border:0px; padding: 0px 0px 0px 0px}

.leftboxcontent {width:191px; border:1px solid #000; padding:0px 0px 0px 0px; margin-top:3px; margin-bottom:8px; }
.leftboxcontent a {padding: 3px 1px 3px 3px ; margin: 5px 0px 5px 0px }
.leftboxcontent p {padding: 0px 1px 3px 3px ; margin-top:1px ; margin-bottom:0px }

.leftbox {
	width: 191px;
	border: 1px solid #ccc;
	padding:0px 0px 0px 0px;
	margin-top:3px;
	margin-bottom:8px;
	}
	
.leftbox a {
  	height: 24px;
  	font-weight: bold;
  	font-size: 90%;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 16px;
	text-decoration: none;
	}	
	
.leftbox a:link {
	color: #000000;
	display: block;
	background: url(images/menu3.gif);
	padding: 4px 0 0 10px;
	}
	
.leftbox a:visited {
	color: #000000;
	display: block;
	background: url(images/menu3.gif);
	padding: 4px 0 0 10px;
	}
	
.leftbox a:hover {
	color: #FFFFCC;
	background: url(images/menu3.gif) 0 -24px;
	padding: 4px 0 0 10px;
	}

.leftcontent a:active {
	color: #FFFFCC;
	background: url(images/menu3.gif) 0 -24px;
	padding: 4px 0 0 10px;
	}

.centerbox {width:593px; border:1px solid #000; padding:0px 0px 0px 0px; margin-top:3px; margin-bottom:8px; }
.centerbox p {padding:3px 5px 3px 8px}
.cright {text-align: right; padding-right:5px }

.header {padding:0px; height:20px; background:#fff url(images/header.gif) repeat-x; text-align:center;
        color:#FFFFFF; text-decoration:none; font-size:13px; font-weight:bold; }

.graphics-right {float:right; padding: 8px 5px 8px 4px }
.graphics-right-nopad {float:right; padding: 8px 0px 0px 0px }
.graphics-right-nopad img {border:0px }
.graphics-right img {border:0px }
.graphics-left {float:left; padding: 8px 1px 8px 5px }
.graphics-left img {border:0px }

.specpage {
	width:593px;
	border:0p;
	padding:0px 0px 0px 0px;
	margin-top:3px;
	margin-bottom:8px; 
}

.specpage h4 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000099 }
.specpage h5 {font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; color: #000099; margin-bottom:-7px}
.specpage ul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #000000;
    list-style-type: square;
    padding-left: 20px
    }
.specpage td {height:"100%" }
.specpage li { margin-top: 0.5em; margin-bottom: 0.8em; }

.more {
      display: none;
      }

    #head {
        width:800px; 
        margin-left: auto; 
        margin-right: auto; 
        height:100px; 
        position:relative;
        }

    #leftfoot {
        width:430px; 
        margin-left: auto; 
        margin-right: auto; 
        position:relative; 
        clear:both; 
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        color: #999999;
        float:left;
        }
    #rightfoot {
        width:370px;
        margin-left: auto; 
        margin-right: auto; 
        text-align: right;
        float:right;
        }
    
    #frame {
        width:800px;
        margin-right:auto;
        margin-left:auto;
        margin-top:10px;
        padding:0px;
        text-align:left;
        }
    
    #body {
        margin:10px 10px 0px 10px;
        padding:0px;
        }
    
    #leftcontent {
        float:left;
        width:200px;
        background:#fff;
        padding:0px;
        }
        
    #centercontent {
        background:#fff;
        width: 595px;
        float:left;
        padding:0px;
	margin-left:5px;

        /*
        IE5x PC mis-implements the box model. Because of that we sometimes have
        to perform a little CSS trickery to get pixel-perfect display across browsers.
        The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
        parsing bug in IE5x PC that will prematurly close a style rule when it runs
        into the string "\"}\"". After that string appears in a rule, then, we can override
        previously set attribute values and only browsers without the parse bug will
        recognize the new values. So any of the name-value pairs above this comment
        that we need to override for browsers with correct box-model implementations
        will be listed below.
        
        We use the voice-family property because it is likely to be used very infrequently,
        and where it is used it will be set on the body tag. So the second voice-family value 
        of "inherit" will override our bogus "\"}\"" value and allow the proper value to
        cascade down from the body tag.

        The style rule immediately following this rule offers another chance for CSS2
        aware browsers to pick up the values meant for correct box-model implementations.
        It uses a CSS2 selector that will be ignored by IE5x PC.
        
        Read more at http://www.glish.com/css/hacks.asp
        */
        
        voice-family: "\"}\"";
        voice-family: inherit;
        float:left;
        }

    html>body #centercontent {
        float:left;
        }