/***********************************************/
/* 2col_rightNav.css                             */
/* Use with template 2col_rightNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{ font-family: Arial,sans-serif; background-image: url(images/background.gif); background-repeat: repeat; margin: 0px; text-align: center; }

a:link{ font-weight: bold; text-decoration: none; color: #003399; }
a:visited{ font-weight: bold; text-decoration: none; color: #003399; }
a:hover { font-weight: bold; text-decoration: underline; color: #003366; }

h1, h2, h3, h4, h5, h6 { font-family: Arial,sans-serif; margin: 0px; padding: 0px; }
h1{ font-family: Verdana,Arial,sans-serif; font-size: 120%; color: #334d55; }
h2{ font-size: 175%; color: #003399; }
h3{ font-size: 100%; color: #334d55; padding: 0 }
h4{ font-size: 100%; font-weight: normal; color: #333333; }
h5{ font-size: 100%; color: #334d55; }

.style1{ font-size: 90%; font-weight:bold; color: #003399; padding: 0px 15px 0px 15px; margin: 5px 0px -18px 0px;  }
.style2{ font-size: 85%; font-weight:bold; color: #666666; padding: 4px 5px 0px 0px;}
.style3{ font-size: 75%; color: #000000; padding: 4px 0px 0px 0px;}
.style4{ font-size: 75%; font-weight:bold; color: #003399; padding: 0; }
.style5{ font-size: 75%; color: #666666; padding: 0px 15px 15px 0px;}

ul{ list-style-type: circle; margin: 3px 0 0 0; }
label{ font: bold 100% Arial,sans-serif; color: #334d55; }

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container{ margin: 0 auto; padding: 0; width: 790px; text-align:left; }
#masthead{ position: absolute; margin: 0 auto; width: 790px; height: 120px; background-color:#FFFFFF; text-align: left; }
#navBar{ position: absolute; top: 138px; margin: 0 10px 0 580px;  }
#content{ position: absolute; top: 100px; margin: 15px 0; padding: 5px 0px 0px 0px; float:left; width: 790px; background-color: #FFFFFF; }

/***********************************************/
/*Component Divs                               */
/***********************************************/

#header{ position: absolute; top: 0px; width: 790px; height: 68px; padding: 0; margin: 0 auto; background-image: url(images/header.jpg); background-repeat:repeat-x; background-color: #003399; }
#header img{ margin: 0 auto; }
#header a{ font-size: 90%; }
#headerleft{ position: absolute; top: 0px; left: 0px; }
#headergear{ position: absolute; top: 0px; left: 25px;}
#headerright{ position: absolute; top: 0px; left: 765px;}
#headerlogo{ position:absolute; top: 10px; left: 575px; }

#globalNav{ position: absolute; top: 68px; width: 790px; height: 20px; padding: 0; margin: 0 auto; color: #999999; background-image: url(images/Nav_background.jpg); background-repeat: repeat-x; background-color:#666666; }
#globalNav img{ margin: 0 auto; }
#globalNavleft{ position: absolute; top: 0px; left: 0px; }
#globalNavright{ position: absolute; top: 0px; left: 765px; }

#globalLink{ position: absolute; top: 0px; left: 15px; width: 790px; padding: 0px 0px 0px 0px;  margin: 0px; }
a.glink, a.glink:visited{ font-size: 11px; color: #333333; display: inline-table; font-weight: bold; padding: 4px 10px 4px 10px;  }
a.glink:hover{ color:#000000; text-decoration: none; }

.skipLinks {display: none;}

.subglobalNav{ position: absolute; top: 90px; left: 15px; /*width: 100%;*/ width: 640px; height: 20px; padding: 0px 10px 0px 10px; visibility: hidden; color: #333333;  }
.subglobalNav a:link, .subglobalNav a:visited { font-size: 11px; color: #003399; margin: 0 0 0 0; text-decoration: none; }
.subglobalNav a:hover{ color: #333333; text-decoration: none; }

#window{ position: absolute; top: 0px; width: 790px; height: 450px; padding: 0 0 50px 0; margin: 0 auto; background-image:  url("images/window_red.jpg"); background-repeat: repeat-x; background-color: #FFFFFF; }
#window img{ margin: 0 auto; }
#windowleft{ position: absolute; top: 0; left: -1px; }
#windowmiddle{ position: absolute; top: 10px; left: 12px; }
#windowright{ position: absolute; top: 0; left: 777px; }
#window p{ position: absolute; top: 255px; left: 13px; width: 97%; padding: 5px 0 0 0; font-size: 12px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; line-height: 17px; color: #FFFFFF; display: inline-table; }

#lowerleft{ position: absolute; top: 355px; left: 4px; }
#lowermiddle{ position: absolute; top: 355px; left: 217px; }
#lowerright{ position: absolute; top: 355px; left: 430px; }

.feature{ background-image: url("images/storybox_02.jpg"); background-repeat:repeat-y; background-position: 8px 0px; padding: 0px 222px 0px 15px; font-size: 80%; }
.feature img{ float: right; padding: 0px 10px 0px 10px; margin: 0 20px 0px 10px;  }
.feature p{ padding: 0px 15px 10px 10px; }
.feature ul{ padding: 0px 15px 10px 310px; list-style-type: none; font-weight:bold; font-size: 90%; }
.feature h2{ padding: 0px 0px 0px 10px; }
.feature h3{ padding: 0px 0px 0px 10px; }
.feature h4{ font-size: 100%; font-weight:bold; color: #334d55; padding: 0px 0px 0px 10px; }
.feature form{ position: relative; padding: 0 0 0 20px;}

.story{ background-image: url("images/storybox_02.jpg"); background-repeat:repeat-y; background-position: 8px	0px; padding: 0px 222px 0px 15px; font-size: 80%; }
.story img{ padding: 0px 10px -5px 20px; margin: 0 10px 5px 0px; }
.story h3{ padding: 0px 0px 0px 10px; }     
.story p{ padding: 0px 15px 10px 10px; }
.story ul{ padding: 0px 10px 10px 25px; list-style-type: none; font-weight:bold; font-size: 90%; }

#blank{ border-top: 1px solid #cccccc; background-color:#FFFFFF; width: 100%; }
#blank p{ width: 95%; font-size: 80%; font-family: Arial, Helvetica, sans-serif; padding: 5px 15px 0px 15px; }
#blank ul{ font-size: 80%; font-family: Arial, Helvetica, sans-serif; color: #000000; padding: 0px 0px 0px 10px; }
#blank h3{ font-size: 85%; font-family: Arial, Helvetica, sans-serif; color: #666666; font-weight:bold; }

#extp{ display: inline-table; float: none; margin: 0px; padding: 0px; position: relative; top: -1px; left: -7px; }
#exbm{ display: inline-table; float: none; margin: 0px; padding: 0px; position: relative; bottom: -1px; left: -7px; }

#pageName{ padding: 0px 220px 10px 20px; }

#siteinfowindow{ position: absolute; top: 465px; border-top: 1px solid #cccccc; background-color:#FFFFFF; width: 100%; font-size: 75%; color: #666666; margin: 15px 0 0 0; padding: 10px 0px; text-align: center; }
#siteinfowindow a{ font-size: 10px; color: #003399; }

#siteinfo{ border-top: 1px solid #cccccc; background-color:#FFFFFF; width: 100%; font-size: 75%; color: #666666; margin: 15px 0 0 0; padding: 10px 0px; text-align: center; }
#siteinfo a{ font-size: 10px; color: #003399; }

#siteinfopopup{ border-top: 1px solid #cccccc; background-color: #CCCCCC; width: 100%; font-size: 75%; color: #666666; margin: 10px 0 0 0; padding: 5px 0px; text-align: center; }

#search{ padding: 5px 0px 5px 10px;	border-bottom: 1px solid #cccccc; font-size: 90%; }
#search form{ margin: 0px; padding: 0px; }
#search label{ display: block; margin: 0px; padding: 0px; }

#navBar ul a:link, #navBar ul a:visited {display: block; }
#navBar ul {list-style: none; margin: 0; padding: 0; }

.relatedLinks{ background-image:  url("images/extrabox.jpg"); background-repeat:repeat-y; padding: 0 13px 0 13px; font-size: 11px; }
.relatedLinks p{ font-size: 11px; width: 177px; padding: 0px; }
.relatedLinks h3{ font-size: 14px; padding: 0px; }
.relatedLinks ul{ color:#003399; margin: 0px; padding: 0px; }
.relatedLinks li{ margin: 0px; padding: 0px; list-style-type: none; }
#bxtp{ position:relative; top: -1px; left: -13px;}
#bxbm{ position:relative; bottom: -3px; left: -13px;}