/* Global */

html { background: #DADBDC url(../img/bg.gif) repeat-x; }
body { font: 60.5% arial, Helvetica,sans-serif;  }

/* Structure */

#container { width: 1000px; margin: 0 auto; position: relative;}
#feature, #content { float: left; width: 1000px;  background:#FFF;}

/* Header */

#header-home { position: relative; width: 1000px; height: 283px; background: url(../img/bg-header-home.gif) repeat-x;}
#header { position: relative; width: 1000px; height: 283px; background: url(../img/bg-header.gif) repeat-x;}
#header-left { float:left; width:310px; height:283px;}
#header-left  .pentagon-logo-home { padding:0; width: 200px; height: 132px; background-image: url(../img/pentagon-logo-home.gif); float:left; text-indent:-9999px; outline:none;}
#header-left .pentagon-logo { padding:0; width: 200px; height: 132px; background-image: url(../img/pentagon-logo.jpg); float:left; text-indent:-9999px; outline:none;}
#header-left h1 { padding:0; width: 267px; height: 114px; float:left; padding:20px 0 0 43px; font-size:2.8em; color:#DADBDC;}
#header-right { float:right; padding:0; width: 690px; height: 283px;}
#header-right a { float:right; font-size:1.3em; color:#FFF; padding:20px 0 0 20px; font-weight:bold; text-decoration:none; height:21px;}
#header-right a:hover{ text-decoration:underline;}
#header-right img { border:none; }

/* Top Level Menu */

#menu-search-container { padding: 0; margin: 0; float: left; width: 1000px; height:34px; background:url(../img/bg-menu.jpg) repeat-x; 	border-top:1px solid #FFF; border-bottom:1px solid #FFF; }

#searchcontainer {float:right;width:200px; height:34px; padding:0; }
#searchwrapper {width:200px; height:34px; background-image:url(../img/searchbox.jpg); background-repeat:no-repeat; padding:0px; margin:0px; position:relative;}
#searchwrapper form { display:inline;}
.searchbox {border:0px; padding:0; margin:8px 0 0 10px; width:145px; height:17px; color:#999;}
.searchbox_submit { border:0px; position:absolute; top:-5px; left:145px; width:15px; height:14px;}

ul.topnav {	list-style: none; padding: 0 20px; margin: 0; float: left; width: 758px; font-size: 1.2em; font-weight:bold; }
ul.topnav li { float: left; margin: 0; padding: 5px 8px 0 0; position: relative;}
ul.topnav li a{ padding: 5px 5px; color: #fff; display: block; text-decoration: none; float: left; }
ul.topnav li a:hover{ color:#FF3333;}
ul.topnav li span { width: 25px; height: 34px; float: left; background: url(../img/subnav_btn.gif) no-repeat center top;}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav { list-style: none; position: absolute; left: 0; top: 34px; margin: 0; padding: 0; display: none; 	float: left; width: 170px; z-index:1000; }
ul.topnav li ul.subnav li{ margin: 0; padding:0; border-bottom: 1px solid #444; clear: both; width: 170px; font-size:1em!important;	font-weight:normal!important; }
html ul.topnav li ul.subnav li a { float: left; width: 155px; background: #2A2C32; padding-left: 10px; }
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
html ul.topnav li ul.subnav li a:hover { background: #060708;}


/* Content */

#content-area-container { width: 1000px; background:#FFF; float:left}
#content-area-container-bg { width: 1000px; float:left; background: #FFF url(../img/bg-globe.jpg) no-repeat bottom right;}
#content-area, #content-area-home{ float: left;}

#content-area{ color: #000; min-height:463px; height:auto !important; height:463px;
width: 708px;  padding: 30px 20px 0 24px; z-index:200;}
#content-area h1 { color:#000; font: 1.4em Arial, Helvetica, sans-serif; margin-bottom: 12px; font-weight:bold;}
#content-area h2{ color:#000; font: 1.2em Arial, Helvetica, sans-serif; margin-bottom: 12px; font-weight:bold;}
#content-area p { font-size: 1.2em; line-height: 1.5; margin: 1em 0 1.4em 0;  }
#content-area a { color: #000; text-decoration:underline;}
#content-area hr {  border: 0; width: 100%;color: #999; background-color: #999; height: 1px;margin:30px 0 30px 0;}
#content-area ul li { font-size: 1.2em; color:#000; list-style:disc; margin-left:15px;}
#content-area img { padding: 3px; }

#content-area-home{ color: #FFF; background:#221E1F; min-height:435px; height:auto !important; height:435px;
width: 473px;  padding: 30px 20px 0 25px; z-index:200;}
#content-area-home h1 { color:#FFF; font: 1.4em Arial, Helvetica, sans-serif; margin-bottom: 12px; font-weight:bold;}
#content-area-home p { font-size: 1.2em; line-height: 1.5; margin: 1em 0 1em 0;  }
#content-area-home a { color: #FFF; text-decoration:underline;}

#region-area {width: 700px; padding:0; border:1px solid #6B6D72; margin-bottom:20px;}
#region { width: 700px; }
#region h2 { color:#480000; font: 1.3em Arial, Helvetica, sans-serif; padding:10px; font-weight:bold; height:14px; width:680px; background:#E1E2E3;}
#region h3 { color:#993300; font: 1.3em Arial, Helvetica, sans-serif; margin:0 0 -10px 10px; font-weight:bold; height:10px; }
#region img { border:#6B6D72 1px solid; padding:0; margin:0 10px 15px 15px;}
#region p { padding:5px 10px 0 10px; }
#region ul { padding:0 0 0 10px; }
#region span { color:#993300; font-weight:bold; }

#globe-area, #submenu-area { float:right;}
#globe-area {width: 482px; padding:0; min-height:465px; height:auto !important; height:465px;background:#221E1F;}
#submenu-area {width: 238px; padding:40px 0 0 10px; min-height:453px; height:auto !important; height:453px;}
#submenu { width: 217px; padding-top:20px; }
#submenu h1 { color:#FFF; font: 1.3em Arial, Helvetica, sans-serif; padding:10px; font-weight:bold; height:10px; width:197px; background:#6B6D72;}
#submenu img { border:#6B6D72 1px solid; }
#submenu ul{ border:#6B6D72 1px solid; margin-bottom:20px;}
#submenu ul li { font: 1.2em Arial, Helvetica, sans-serif; padding:0 0 0 0 }
#submenu ul li a { text-decoration:none; color: #000; font-weight:bold; display: block; width: 205px; padding:10px 0 10px 10px; vertical-align:middle;}
#submenu ul li a:hover { text-decoration:none; background:#E1E2E3}

/* Footer */

#footer { width: 976px; height:62px; padding: 0 0 0 24px; background:#6B6D72; color: #FFF; margin:0 auto; float:left; border-top:1px solid #FFF;}
#footer p { font-size: 1.1em; line-height: 1.7; color: #CCC;}
#footer p a { font-size: 1em; color: #FFF; text-decoration:none; }
#footer .pipe {color: #FFF!important; margin:0 5px 0 5px}
#footer a:hover { text-decoration:underline; }
#legal { float: left; margin: 15px 0}
#clocks { float: right; width:360px; height:62px;}

/* Forms */

fieldset        {padding:10px 30px;margin:0;border:1px solid #ccc;}
legend          {color:#333;padding:0 10px;margin:0;font-size:1.5em;font-weight:bold;}
.checkbox {width:50px; margin:0;}
input           {width:250px;}
input,
textarea        {border:1px solid #CCC;padding:5px;margin:10px 0 0 0;width:250px;}
input:focus,
textarea:focus  {background:#FFF;}
textarea        {font:1.2em Arial, Helvetica, sans-serif;}
label           {display:block;margin:12px 0 0;font-weight:bold;font-size:1.2em;float:left;clear:left;width:120px;}
label:after     {content:": ";}
input.submit-button { width: 80px; margin-left:125px}
input.button{ width:126px;} 
input.button:hover{ border: 1px solid #993300; background: #CCC;}