/* Globals */
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin:0px; padding:0px;}
#container {margin:0px auto; text-align:center; width:750px;}
#page {width:750px; text-align:left;}
#navmenu {position:absolute; width:125px;height:186px; margin-top:10px; margin-left:25px; font-size:10px;}
#top {position:absolute; width:600px; margin-top:64px; margin-left:150px; height:102px;}
#main {position:absolute; width:750px; margin-top:190px; height:300px;}
#bottom {position:absolute; width:750px; margin-top:490px;  height:110px;}
#footer {position:absolute; width:750px; margin-top:610px;  text-align:center; padding:0px 0px; font-size:10px; color:#525252;}
#top #logo {position:absolute;}
input.lg {width:223px;}
/* link styles */
#footer a {color:#000000; text-decoration:none;}
#footer a:hover {color:#398930; text-decoration:none;}
#bottom a {color:#398930; text-decoration:none;}
#bottom a:hover {color:#398930; text-decoration:underline;}

/* menu */
h3 {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-weight:normal;}
.arrowlistmenu{
width: 125px; /*width of accordion menu*/}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 10px Arial;
color: #000000;
margin-bottom: 0px;
padding: 0px 0 0px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;}
.arrowlistmenu .menuheader a {color:#000000; text-decoration:none;}
.arrowlistmenu .menuheader a:hover {color:#398930; text-decoration:none;}
.arrowlistmenu .menuheader a:active {color:#398930; text-decoration:none;}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
color: #398930;}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.arrowlistmenu ul li{
margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; /*bottom spacing between menu items*/}
.arrowlistmenu ul li a{
color: #000000;
display: block;
padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; height:11px;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 0px solid #dadada;
font-size: 10px;}
.arrowlistmenu ul li a:visited{
color: #000000;}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #398930;}
.arrowlistmenu ul li a:active {color:#398930;}

/* Main content areas */
.hometext {font-size:11px; padding:10px 32px 0px 25px;}
.hometext a {color:#398930; text-decoration:none;}
.hometext a:hover {color:#000000; text-decoration:underline;}

#main #main-large {	width:355px;	height:270px;	margin:8px 0px 0px 385px;	font-size:11px;	position:absolute;	color:#303030;}
#main #main-large p {margin:6px 0px; padding:0px; color:#303030; text-align:left;}
#main #main-large h1 {font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:bold; margin:0px 0px; padding:0px 0px 3px 0px; color:#000000;}

#main #main-xlarge {	width:580px;	height:270px;	margin:8px 0px 0px 160px;	font-size:11px;	position:absolute;	color:#303030;}
#main #main-xlarge p {margin:6px 0px; padding:0px; color:#303030; text-align:left;}
#main #main-xlarge h1 {font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:bold; margin:0px 0px; padding:0px 0px 3px 0px; color:#000000;}

#main #main-small {width:205px; height:270px; margin:8px 0px 0px 535px; font-size:11px; position:absolute; color:#303030;}
#main #main-small p {margin:6px 0px; padding:0px; color:#303030; text-align:left;}
#main #main-small h1 {font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:bold; margin:0px 0px; padding:0px 0px 3px 0px; color:#000000;}

#main a {color:#000000;}
#main a:hover {color:#000000; text-decoration:underline;}
#main #main-large ul {margin:6px 0px 0px 20px; padding:0px; list-style-type:disc;}
#main #main-small ul {margin:6px 0px 0px 20px; padding:0px; list-style-type:disc;}
#main form {margin:0px; padding:0px;}
/* pagination */
.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired
display: none;*/}
.paginationstyle{ /*Style for demo pagination divs THE TOP MARGIN NEEDS TO BE -20PX FROM MAIN DIV*/
position:absolute;width: 375px;text-align: right;padding: 2px 0;margin: 170px 0px 0px 375px;}
.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;text-decoration: none;border: 0px solid black;color: #000000;background-color: #d9d9d9;font-size:10px;}
.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;background-color: #d9d9d9;}
.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #ffffff; background-color: #389930;}
/* FAQ style only */
.paginationstyle2{ /*Style for demo pagination divs THE TOP MARGIN NEEDS TO BE -20PX FROM MAIN DIV*/
position:absolute;width: 205px;text-align: left;padding: 2px 0;margin: 195px 0px 0px 160px; z-index:100;}
.paginationstyle2 a{ /*Pagination links style*/
padding: 1px 5px;text-decoration: none;border: 0px solid black;color: #ffffff;font-size:10px; display:block; margin:1px 0px; border-bottom:solid 1px #d9d9d9;}
.paginationstyle2 a:hover, .paginationstyle2 a.selected{
color: #ffffff;}
.paginationstyle2 .flatview a:hover, .paginationstyle2 .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #ffffff;}

/* tagline area and testimonials */
td.tagline {width:150px; font-size:13px; letter-spacing:1px; color:#398930; padding:10px 0px;}
#testimonial {width:150px; height:75px; font-size:11px;  background-image:url(images/layout_10.jpg);  background-repeat:no-repeat; color:#000000;}
#testimonial-img {position:absolute; margin: 0px 0px 0px 100px; width:50px; height:50px; clear:both;}
#testimonial-text {position:absolute; margin:3px; width:94px; height:60px; overflow:hidden; font-size:10px;}
#testimonial-more {position:absolute; margin:60px 10px 0px 10px; width:130px; text-align:center; height:15px; font-size:10px; cursor:pointer; color:#ffffff;}
#testimonial-more a {color:#ffffff;} #testimonial-more a:hover {color:#ffffff;}
/* Testimonials glider */
.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 150px;
height: 75px; /* Set height to be able to contain height of largest content shown*/
border: 0px solid #687C98;
overflow: hidden;
}

/* photos 
#top #thumbs {cursor:pointer; width:525px; height:75px; position:absolute; margin:10px 0px 0px 95px; z-index:99;}
#top #numbers {font-size:10px; text-align:right; margin:115px 0px 0px 250px; width:350px; position:absolute;z-index:99;}
 #pic {position:absolute; z-index:1000; width:450px; height:300px; margin:0px 0px 0px 150px;}
*/


/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
padding: 0px;
visibility: hidden;
width: 150px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 150px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
visibility:hidden;
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid black;
color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}


#facebox .b {
  background:url(/images/facebox/b.png);
}

#facebox .tl {
  background:url(/images/facebox/tl.png);
}

#facebox .tr {
  background:url(/images/facebox/tr.png);
}

#facebox .bl {
  background:url(/images/facebox/bl.png);
}

#facebox .br {
  background:url(/images/facebox/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 150;
  text-align: left;
  margin:-50px 0px;
}

#facebox .popup {
 /* position: relative; */
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 600px;

}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}