/**
 * @version $id: site.css, v1.0 2008/02/20 00:26:59 GMT+0800 $
 * @author Jerome Coloma <jeromecoloma@gmail.com>
 * @copyright Copyright (c) 2007-2009, Frozynart Designs
 * @since Version 1.0
 */

html, body { color: #666666;font-family: Arial, Verdana, sans-serif;margin: 0 auto;background: #76B4DB url(../../img/ui/body-bg.jpg) 0 0 repeat-x;padding: 0;}
input{ outline:none }
p{ font-size:1.1em;padding:5px 0 }
h1,h2,h3,h4{ margin:0;padding:0 }
ol,ul{ margin-left:25px }
ol li,ul li{ margin-top:4px;margin-bottom:4px }
blockquote{ border-left:2px solid #6DA0F5;padding-left:10px }
a:focus,a:hover{ color:#131e2c }
a{ color:#6DA0F5 }
#skip-to-main-content{ position:absolute;left:-9999px }

#masthead{ width: 790px; padding: 0; margin: 0;}

#inner-masthead { border-bottom: 2px solid #000; height: 84px; width: 790px; background-color: #fff; padding: 0; margin:0;}

#top-menu { float: left; text-transform: uppercase; width: 270px; padding: 0; margin: 30px 0 0 40px; position: relative; left: 102px;}
#top-menu h2 { color:#C60; font-size: 1.9em; margin: 0 0 2px 25px; padding: 0; letter-spacing: -1px;}
#top-menu li { background: url(../../img/ui/top-menu-li-bg.jpg) 0 0 no-repeat; float: left; margin: 0 0 0 5px; padding: 0 0 0 5px; list-style-type: none; }
#top-menu li.main { background: none; margin-left:0; padding-left:0; }
#top-menu li a { display: block; margin: 0; text-transform: uppercase; color: #003163; font-weight: bold; font-size: 1.1em; }
#top-menu li a:active, #port-menu li a:visited { color: #003163; }

#main-container{ margin:0; padding:0; }
#container{ margin:0 auto; width: 790px; background: #fff url(../../img/ui/container-bg.gif) 0 0 repeat-y; padding: 0;}
.clear-float { margin: 0; padding: 0; }

#logo{ float: left; margin: 12px 0 0 9px; width: 455px; }
#logo a{}

#header-banner, #header-banner-inner { background: #fff; margin: 0; padding: 0; height: 326px; width: 790px;}
#header-banner-inner { height:150px; }

#header-banner-flash-wrapper, #header-banner-flash { height:220px; background-color:#FFFFFF; }

#content{ background: url(../../img/ui/container-bg.gif) 0 0 repeat-y; clear:both;margin:0 0 0 0;padding:0 0 0 0;min-height:250px;height:auto; width: 790px; background-color: #D2E8FC;}
#inner-content{ margin: 0; padding: 0; background-color:#FFF; }
#inner-content p { color: #333; }


#left-content, #right-content { float:right;overflow: hidden;padding:0;position:relative;background-color: #fff;margin: 0;}
#left-content{left:0%;width:221px;min-height: 420px;background-color: #D2E8FC;border-right: 1px solid #366fb1;margin: 0;padding: 0;}

#right-content {left:0%;width:568px;min-height: 420px;background-color: #fff;margin: 0;padding: 0;}

#inner-content h1.h1-title.normal{ background: url(../../img/ui/top-title-bg.jpg) 0 0 no-repeat; width: 547px; height: 28px; color: #fff; margin-bottom: 20px;padding: 30px 0 0 22px;text-transform: uppercase; font-weight: bold; color: #FFF; letter-spacing: -1px;font-size: 2.4em;}

#welcome-box { margin: 0; padding: 0; }

#welcome-title{background: url('../../img/ui/top-title-bg.jpg') 0 0 no-repeat; width: 569px; height: 58px; color: #fff; margin-bottom: 20px;padding: 0;	}
#welcome-title h1.h1-title { padding: 0 0 0 20px;margin: 0; text-transform: uppercase; font-weight: bold; color: #FFF; letter-spacing: -1px;}
#welcome-title h2.title-em { padding: 5px 0 2px 20px; font-style:italic; color: #fff; font-size: 1.8em; font-weight: bold;}

p.learn-more a{ color: #712910; margin-left: 380px; }
p.learn-more a{ background: url(../../img/ui/learn-more-bg.gif) 0 0 no-repeat; width: 145px; height: 22px; padding: 5px; } 

#inner-content h2.h2-title { background: url(../../img/ui/h2-title-bg2.jpg) 0 0 no-repeat; width: 569px; height: 23px; padding: 17px; margin: 10px 0 9px 0; text-transform: uppercase; font-weight: bold;color: #fff;}

.content-text p { width: 536px; text-align: justify; margin: 0 0 0 10px; }
#news-box { margin-bottom: 20px; text-align: justify;}
#news-box .col1 { float: left; width: 275px; margin-right: 20px; }
#news-box .col2 { margin-right: 10px; }
#welcome-box p, .news-text { margin-left: 10px;}

.h5-title { color: #f65e0c; font-size: 1.1em; margin: 0; padding: 0; text-align:left; }
.h5-title.kids { background:url(../../img/pages/index/just-for-kids.jpg) 0 0 no-repeat; width: 101px; height: 22px; text-indent: -9999px; }
.strong { font-weight: bold; }
.gallery-th img {border: 2px solid #9CF;}

p.read-more a{ color: #000; text-decoration: underline; }
.read-more-link { color: #f65e0c; text-transform: uppercase; font-size: 0.7em; font-weight: bold;}
.read-more-title { text-transform:uppercase; font-weight: bold; font-size: 0.7em;}

#contact-us-main {   margin: 0 auto; background-color: #FFF; width: 568px; position: relative; }
#contact-us-main .contact-us-start, #contact-us-main .contact-box { float: left; margin-left: 0;}
.contact-us-start { width: 115px; background: url(../../img/ui/contact-us-bg2.gif) 0 0 no-repeat; width: 120px; height: 41px;  }
#contact-us-main h2 { text-transform: uppercase; font-weight: bold; font-size: 1.7em; letter-spacing: -1px; margin: 10px 0 0 5px; }
#contact-us-main .contact-box { width: 148px; font-weight: bold; font-size: 0.9em;}
#contact-us-main h3 { text-indent: -9999px; }
#contact-us-main .contact-box { background: url(../../img/ui/contact-info-bg.gif) 0 0 no-repeat; width: 149px; height: 41px; }
#contact-us-main .contact-box p { margin-top: -12px; text-align: center; color: #000; }
#contact-us-main .contact-box p.contact-email { font-size: 1em; letter-spacing: 0.5px; line-height: 30px;}
#contact-us-main .contact-box p.contact-email a { color: #000; }
#contact-us-main .contact-box p.contact-email a:hover { color: #333; text-decoration: underline; }

.back-to-top { background:#003162; padding: 5px 10px 5px 10px; color: #FFFFFF; font-size: 1.2em; }
a.back-to-top:hover { color: #CCC; }
.normal-content {margin: 0 10px 0 20px;}
.normal-content h4 { color: #003162; font-weight: bold; }
.normal-content p { line-height: 19px; text-align:justify; margin-right: 10px }
.normal-content ul.ul-group { margin: 10px 10px 30px 20px; }
.normal-content li {font-size: 1.1em; list-style-image: url(../../img/ui/bullets/orange-bullet.gif); list-style-type: circle;margin: 10px 0 0 0;}
.normal-content li.main {font-weight: bold;}
.normal-content li li {font-size: 1em; list-style-image: url(../../img/ui/bullets/blue-bullet-2.gif); list-style-type: circle;margin: 10px 0 0 0;}
.normal-content li.li-pdf {font-size: 1.1em; list-style-image: url(../../img/ui/bullets/pdf-bullet.gif); list-style-type: square;margin: 10px 0 0 0;}
.normal-content li.li-pdf a{color: #154791;}
.normal-content li.li-cap { list-style: none; margin-bottom: 20px; }
.normal-content li.li-normal { list-style: none;}
.normal-content li a { color: #358fdc; }
.normal-content li a:hover { color: #68b0ee; text-decoration: underline; }
.docs-h3 { font-weight: bold; color: #287AD0; }
.h3-normal { font-weight: bold; color: #287AD0; margin: 20px 0 5px 0; }
.h3-heroes{ font-weight: bold; color: #287AD0; font-size: 1.3em;}
.div-box { width: 540px; }
.normal-content .divider { background: url(../../img/ui/divider.jpg) 0 0 repeat-x;  height: 3px; width: 540px; display:block; }
.graphs img { border: thin solid #999999;}


#navigator-top { background: url(../../img/ui/navigator-top.gif) 0 0 no-repeat; height: 62px; width: 223px; text-indent:-9999px; }
#head-navigation{ clear:both;margin: 0 0 20px 0; padding: 0; border-right: 2px solid #366fb1; width: 222px;}
#head-navigation li a{ font-size:1.1em;display:block;margin:0; outline: none;}
#head-navigation li a:hover,#head-navigation li a.selected{ color:#6DA0F5 }

ul.froz-accordion {float: left;padding:0;display:block; text-align: left;height: auto;margin: 0;}
ul.froz-accordion li {margin:0 0 0 4px; padding:0; display:block; list-style-type:none;}
ul.froz-accordion li a {margin: 0;display:block; list-style-type:none;background: url(../../img/ui/main-link-bg-normal.gif) 0 0 no-repeat transparent;outline: none;font-weight: bold;padding: 0 0 0 15px;line-height: 4.0em;height: 42px;}
ul.froz-accordion li a.shipping {margin-left: -20px;padding: 0;}
ul.froz-accordion li a.shipping.selected {background: url(../../img/ui/main-link-bg-normal.gif) 0 0 no-repeat transparent;}
ul.froz-accordion li a:hover {color: #102835 !important;}
ul.froz-accordion li a.selected {color: #FFFFFF !important;background: url(../../img/ui/main-link-bg-selected.gif) 0 0 no-repeat;}
ul.froz-accordion li a.collapsed {}
ul.froz-accordion li a.main-link-no-sub {margin: 0;background: url(../../img/ui/main-link-bg.gif) 0 0 no-repeat;outline: none;}
ul.froz-accordion li a.main-link-no-sub:hover, ul.froz-accordion li a.main-link-no-sub.selected {color: #4685B0 !important;}
ul.froz-accordion li a.main-link-no-sub.selected {color: #D6791B !important;}
ul.froz-accordion li abbr {border-bottom:none;}
ul.froz-accordion li li a {width: 169px;padding-left: 25px;background: url(../../img/ui/sublink-bg-normal.gif) 0 0 no-repeat;}
ul.froz-accordion li li a:hover, ul.froz-accordion li li a.selected {color: #4685B0 !important;background: url(../../img/ui/sublink-bg-normal.gif) 0 0 no-repeat;}
ul.froz-accordion li li a.selected {color: #132835 !important;background: url(../../img/ui/sublink-bg-normal-selected.gif) 0 0 no-repeat;}
ul.froz-accordion li li a.child-1-no-sub {padding-left: 10px;background: url(../../img/ui/sublink-bg-normal-no-arrow.gif) 0 0 no-repeat;}
ul.froz-accordion li li a.child-1-no-sub.selected {color: #D6791B !important;}
ul.froz-accordion li li li a {color: #447298;background: url(../../img/ui/sublink-bg-normal-no-arrow-short.gif) 0 0 no-repeat;padding-left: 5px;}
ul.froz-accordion li li li a:hover, ul.froz-accordion li li li a.selected {color: #4685B0 !important;background: url(../../img/ui/sublink-bg-normal-no-arrow-short.gif) 0 0 no-repeat;}
ul.froz-accordion li li li a.selected {color: #D6791B !important;}

a.button {background: transparent url(../../img/ui/btns/bg_button_a.png) no-repeat scroll top right;color: #444;display: block;float: left;font: normal 1.0em arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px;text-decoration: none;}
a.button span {background: transparent url(../../img/ui/btns/bg_button_span.png) no-repeat;display: block;line-height: 14px;padding: 5px 0 5px 18px;} 
a.button:active {background-position: bottom right;color: #000;outline: none;}
a.button:active span {background-position: bottom left;padding: 6px 0 4px 18px;}


/** .gallery-th::start */

.gallery-th {
	float: left;
	
}
.gallery-title { background-color: #06C; color:#FFF;}
.gallery-th li{
	float: left;
	margin-left: 14px;
}

/** .gallery-th::end */

.normal-content .page-description { background: url(../../img/pages/community/our-heroes/page-description.jpg) 0 0 no-repeat;
width: 550px; height: 120px; text-indent: -9999px;}


table.heroes {  width: 520px; border-collapse: collapse; }
table.heroes thead { background-color:#06F;  font-size: 1.2em; height: 40px;  }
table.heroes thead th { text-align:center; font-weight: bold; color: #FFF; }
table.heroes tbody { background-color:#d9e6f5; }
table.heroes tbody td { text-align: center; color: #000000; height: 40px; border: 1px solid #FFFFFF; }

.left-buttons { clear: both; margin: 0 0 0 30px; }
.left-buttons.facebook-badge { margin: 0 0 0 44px; }
#guam-gov { clear: both; margin: 0 0 0 20px; }
#guam-gov a { font-size: 0.9em; color: #2373E3;}
/** #footer::start */
#footer{ padding: 0; margin: 0 auto; }
#inner-footer{ background: #f0e155 url(../../img/ui/footer-bg.gif) 0 0 repeat-x; margin: 0; padding: 0; width: 100%; clear: both;}
#copyright{padding: 15px 0 10px 300px; color:#563707; font-size: 1.1em; font-weight: bold; margin:0; text-align: center;}
#copyright a{color:#333333;text-decoration:underline;}
#copyright a:hover{color:#666666;text-decoration:underline}
/** #footer::end */