/* Globals and Free range rules */   
*{padding:0; margin:0;}
html, body {font-family:Arial, Helvetica, Sans-Serif; font-size:.828em;}
input, select, textarea {font-family:Arial, Helvetica, Sans-Serif; font-size:11px;}
body {background:url(./images/page_bkg1.jpg) repeat-x #182133;}

/* Box Style 1 */
.Box1_Title {clear:both; text-transform:uppercase; position:relative; font-size:.9em; font-weight:bold; padding:3px 6px; border-bottom:solid 1px #afafaf; background:url(./images/2.0/background_box1_title.gif) #eaeaea top left repeat-x;}
.Box1_Title span {position:absolute; right:0; top:3px; border:none;}
.Box1_Title span img {position:relative; right:0; top:-1px; border:none; vertical-align:middle;}
.Box1_Title span a.MoreLink {vertical-align:middle; color:#122452; text-decoration:none; text-transform:none; font-weight:normal; margin-right:10px;}
.Box1_Title span a.MoreLink:hover {color: #B41019;}
.Box1_Title span a.RSSLink {margin-right:5px;}
div.Box1_Content {padding:10px;}
div.Box1_Content a {color: #122452; text-decoration:none;}
div.Box1_Content a:hover {color: #B41019;}
div.Box1_Content ul.StandardList { list-style:none; margin:.6em 0 0 10px; font-size:1.1em;}
div.Box1_Content ul.StandardList li {margin-bottom:.6em; padding-left:10px; background: url(/web/20121019155942oe_/http://www.jcs.mil/images/2.1/bullet_square1.gif) no-repeat 0 .43em;}
div.Box1_Content ol.StandardList {margin-left:18px; font-weight:bold;}
div.Box1_Content ol.StandardList li {margin-bottom:.5em;}
div.Box1_Content ol.StandardList a {font-weight:normal;}

/* Box Style 2 */
.Box2_Title {clear:both; color:#fff; text-transform:uppercase; position:relative; font-size:.9em; font-weight:bold; padding:3px 6px; border-bottom:solid 1px #000; background:url(./images/2.0/background_box2_title.gif) #6d6d6d top left repeat-x;}
.Box2_Title span {position:absolute; right:0; top:3px; border:none;}
.Box2_Title span img {position:relative; right:0; top:-1px; border:none; vertical-align:middle;}
.Box2_Title span a.MoreLink {vertical-align:middle; color:#122452; text-decoration:none; text-transform:none; font-weight:normal; margin-right:10px;}
.Box2_Title span a.MoreLink:hover {color: #B41019;}
.Box2_Title span a.RSSLink {margin-right:5px;}
div.Box2_Content {padding:10px; background-color:#e8e9f0;}
div.Box2_Content a {color: #122452; text-decoration:none;}
div.Box2_Content a:hover {color: #B41019;}
div.Box2_Content ul.StandardList { list-style:none; margin:.6em 0 0 10px; font-size:1.1em;}
div.Box2_Content ul.StandardList li {margin-bottom:.6em; padding-left:10px; background: url(/web/20121019155942oe_/http://www.jcs.mil/images/2.1/bullet_square1.gif) no-repeat 0 .43em;}
div.Box2_Content ol.StandardList {margin-left:18px; font-weight:bold;}
div.Box2_Content ol.StandardList li {margin-bottom:.5em;}
div.Box2_Content ol.StandardList a {font-weight:normal;}

/* Site Wrappers */
div#HeadingWrapper{position:relative; height:1%;} /* height:1% fixes IE6 hasLayout bug */
div#PageWrapper{width:990px; margin:auto; position:relative; background-color:#fff;}
div#ContentWrapper{position:relative; top:2.3em; height:1%; background-color:#fff;} /* height:1% fixes IE6 hasLayout bug */

/* Site Title */
div#HeadingWrapper h1#JCSTitle {height:70px; background:url(./images/2.0/jcs_title.jpg) #161e2b top left no-repeat; text-indent:-9999px;}

/* Search */
div#HeadingWrapper div#SearchBlock {width:20em; padding:3px; position:absolute; top:30px; right:10px; border:solid 1px #000; background-color:#0C3680;}
div#HeadingWrapper input.SearchBlockText {font-size: 1.2em; padding:3px .4em; width:13.8em; border:solid 1px #000; color:#000;}
div#HeadingWrapper input.SearchBlockSubmit { vertical-align:middle; margin-left:4px;}

/* Main Menu */	
div#MainMenuBlock {z-index:20000; white-space:nowrap; width:990px; position:absolute; top:-2.3em; background:url(./images/2.0/background_menu1.jpg) #161e2b top left no-repeat;}
div#MainMenuBlock h2 {display:none;}
div#MainMenuBlock ul#MainMenuList {font-size:1em; list-style:none; padding-left:100px;}
div#MainMenuBlock li.MenuItem {float:left; white-space:nowrap; position:relative;}
div#MainMenuBlock li.MenuItem a {display:block; font-weight:bold; text-decoration:none; color:#fff; padding:.5em 1em; white-space:nowrap; border-left:solid 1px transparent;  border-right:solid 1px transparent;}
div#MainMenuBlock li.MenuItemLast a {margin-right:0;}
div#MainMenuBlock li.MenuItemSelected > a {background-color: #fff; color:#B41019; border-color:#ccc;}  /* MenuItemSelected class styled the same as :hover, but used only in jQuery implementation */
div#MainMenuBlock li.MenuItem > a:hover {background-color: #fff; color:#B41019; border-color:#ccc;} /* hover class styled the same as MenuItemSelected, but used only in CSS implementation */
div#MainMenuBlock .Menu > .MenuItem > .SubMenu {border-top:none;}
div#MainMenuBlock ul.SubMenu {z-index:10000; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 2px 3px  rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0px 2px 3px  rgba(0, 0, 0, 0.35); display:none; list-style:none; position:absolute; border:solid 1px #ccc;}
div#MainMenuBlock ul.SubMenu li.MenuItem {list-style:none; clear:both;}
div#MainMenuBlock ul.SubMenu li.MenuItem a {background-color:#fff; color:#122452; font-weight:normal; font-size:1.2em; text-transform:capitalize; margin-right:0; border:none; font-family:Arial, Helvetica, Sans-Serif; padding:.4em 20px .4em 15px;}
div#MainMenuBlock ul.SubMenu li.MenuItemSelected > a {color:#fff; background-color:#142649;}
div#MainMenuBlock ul.SubMenu .MenuItemArrow {position:absolute; right:5px; background:url(./images/2.0/arrow_10px_right_black.gif) transparent center no-repeat; height:10px; width:10px;}
div#MainMenuBlock ul.SubMenu .MenuItemArrowSelected {background-image:url(./images/2.0/arrow_10px_right_white.gif);}

/* Footer Menu */
div#FooterBlock {background-color:#1a2432;}
div#FooterBlock h2 {display:none;}
div#FooterBlock div {border-top:solid 1px #bec6c8; padding-bottom:10px;}
div#FooterBlock ul#FooterMenu {font-size:.9em; list-style:none;}
div#FooterBlock li.MenuItem {float:left; white-space:nowrap;}
div#FooterBlock li.MenuItem a {display:block; text-decoration:none; color:#ddd; padding:.2em 2em; white-space:nowrap;}
div#FooterBlock li.MenuItem a:hover {background-color: #334661; color:#fff;}