/* 3. ID's
------------------------------------*/
/* 3.4 Styles for Top Content */
#topContent {
	background: #ededed;
	float: left;
	padding: 8px;
	width: 980px;
}

/* Styles for the CRG Information Box */
#crgInfo {
	float: left;
}
#crgInfo #crgBox {
	background: url('images/myArmy_sprite.gif') no-repeat 0 0;
	color: #fff;
	float: left;
	height: 79px;
	width: 361px;
}
#crgInfo #crgBox p {
	padding: 0px;
	margin: 6px 0px;
	font-weight: normal;
	position: relative;
	left: 86px;
	top: 6px;
}
#crgInfo #crgBox #options {
	font-weight: normal;
	position: relative;
	left: 86px;
	top: 5px;
	margin-top: 10px;
}
#crgInfo #crgBox a#whatIsIt {
	color: #fff;
	font-weight: normal;
	position: relative;
	top: 1px;
}
#crgInfo #crgBox a#crgButton {
	color: #fff;
	font-weight: normal;
	position: relative;
	top: 1px;
}
#crgInfo #crgBox a#crgButton {
	background: url('images/crg-button.jpg');
	cursor: pointer;
	float: left;
	margin-right: 10px;
	position: relative;
	top: -3px;
	height: 20px;
	width: 59px;
}
#crgInfo #crgBox a#whatIsIt {
	margin-left: 10px;
}
#crgInfo #crgBox a#whatIsIt:hover {
	color: #fecc0a;
}
#crgInfo #crgBox a#crgButton:hover {
	color: #fecc0a;
}
.crgHeading {
	color: #fff;
	font-family: Myriad Pro, Verdana, sans-serif;
	font-weight: normal;
	font-size: 24px;
}
.crgDesc {
	color: #cfcfcf;
	font-weight: normal;
	font-size: 14px;
	margin-top: -1px;
}

/* Styles for Hot Topics Box */
#hotTopics {
	background: url('images/HotTopic.jpg') no-repeat;
	float: right;
	height: 56px;
	margin-top: 11px;
	width: 515px;
}
#hotTopics h2 {
	color: #fff;
	display: inline;
	font-size: 20px;
	float: left;
	margin: 16px 0 0 16px;
	width: 135px;
}
#hotTopicItems {
	height: 56px;
	overflow: hidden;
}
#hotTopicItems ul {
	float: left;
	width: 310px;
}
#hotTopicItems ul li {
	height: 56px;
	margin-right: 58px;
	padding: 6px 12px;
	width: 300px;
}
#hotTopicItems ul li a {
	Font-Size: 15px; 
	left: 12px;
	top: 10px;
	width: 300px;
}
#hotTopics .buttonWrapper {
	float: right;
	position: relative;
	height: 56px;
	width: 50px;
}
#hotTopics .next {
	cursor: pointer;
	display: block;
	float: left;
	height: 35px;
	position: relative;
	top: 10px;
	width: 18px;
	z-index: 200;
}
#hotTopics .prev {
	cursor: pointer;
	display: block;
	float: left;
	height: 35px;
	position: relative;
	top: 10px;
	width: 18px;
	z-index: 200;
}
#hotTopics .prev {
	background: url('images/myArmy_sprite_trans.png') no-repeat -1px 0px;
	margin-right: 6px;
}
#hotTopics .prev:hover {
	background-position: -43px 0px;
}
#hotTopics .next {
	background: url('images/myArmy_sprite_trans.png') no-repeat -23px 0px;
}
#hotTopics .next:hover {
	background-position: -64px 0px;
}
.HotTopicsLink {
	display: block;
	font-size: 15px;
	font-weight: bold;
}
.HotTopicCount {
	height: 16px;
	text-align: right;
	padding-right: 12px;			
}
/* End 3.4 Styles for Top Content */

/* 3.5 Styles for Main Page Content */
#contentBackgroundHome {
	clear: both;
	background: #ededed;
    padding-bottom: 6px;
    width: 996px;
}
#topstory {
	margin: 12px;
	border: 1px #939393 solid;
	border-spacing: 10px;
	width: 968px;
}
#contentBackgroundHome.shadowLine {
	background: #ededed url('images/content_shadow_top.gif') repeat-x;
	padding-top: 8px;
}
#mainContent {
 	width: 996px;
}
#mainContent #left {
	padding: 12px 0px 12px 12px;
    vertical-align:top;
    width:388px;
}
#mainContent #center {
	padding: 12px;
    vertical-align:top;
    width:280px;
}
#mainContent #right {
	padding: 12px 12px 12px 0px;
    vertical-align:top;
    width:280px;
}
.BoxHeader {
	position:relative;
	height:30px;
	width:100%;
}
.BoxHeader .TopBoxL {
	background-color: #ededed;
    background: url('images/header-l.gif') no-repeat left top;
    height: 30px;
    width: 10px;
	position: absolute;
	left: 0;
	top: 0;
}
.BoxHeader .TopBoxC {
	background-color: #494949;
    height: 30px;
	position: absolute;
	left: 10px;
	right: 10px;
}
.BoxHeader .TopBoxR {
	background-color: #ededed;
    background: url('images/header-r.gif') no-repeat left top;
    height: 30px;
    width: 10px;
	position: absolute;
	right: 0;
	top: 0;
}
.BoxHeader .TopBoxC h2 {
	background-color: #494949;
	color: #fff;
    font-size: 16px;
    font-weight:normal;
    padding-top: 9px;
}
.BoxFooter {
	position:relative;
	height:30px;
	width:100%;
}
.BoxFooter .BottomBoxL {
	background-color: #ededed;
    background: url('images/footer-l.gif') no-repeat left top;
    height: 30px;
    width: 10px;
	position: absolute;
	left: 0;
	top: 0;
}
.BoxFooter .BottomBoxC {
	background-color: #494949;
    height: 30px;
	position: absolute;
	left: 10px;
	right: 10px;
	text-align:center;
}
.BoxFooter .BottomBoxR {
	background-color: #ededed;
    background: url('images/footer-r.gif') no-repeat left top;
    height: 30px;
    width: 10px;
	position: absolute;
	right: 0;
	top: 0;
}
.BoxFooter .BottomBoxC a {
	background-color: #494949;
	color: #ffcb05;
    font-size: 16px;
    font-weight: bold;
}
.BoxFooter .BottomBoxC img{
	border: 0px;
}
.BoxNav {
    display: inline;
    float: right;
    height: 24px;
    margin-top: -18px;
    width: 50px;
}
.BoxNav .next {
    display: inline;
    float: right;
    height: 18px;
    margin: 0px 0px 0px 8px;
    width: 18px;
}
.BoxNav .prev {
    display: inline;
    float: right;
    height: 18px;
    width: 18px;
}
.spacer {
	height:12px;
	width: 100%;
}

/* Styles for Feature Stories Box */
#featureBox {
    padding: 0px;
    width: 388px;
}
#featureBoxItems {
    background: #f7f7f7;
	border: 1px #939393 solid;
/*  height: 392px;
    margin-top: -2px;
    overflow: hidden;
    width: 386px; */
}
#featureBoxItems ul {
    height: 392px;
    width: 386px;
}
#featureBoxItems li {
    display: inline;
    float: left;
    height: 392px;
    margin: 10px;
    width: 366px;
}
#featureBoxItems h2 {
	font-weight:bold;
	font-size: 14px;
    line-height: 16px;
    margin: 6px 0px;
}
#featureBoxItems p {
	color:#3d3d3d;
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 13px;
    margin-top: 3px;
    text-align: justify;
}
#featureBoxItems a {
    font-size: 12px;
}

/* Styles for Spotlight Box */
#spotlightBox {
    background: #9b9b9b;
	border-left: 1px #9b9b9b solid;
	border-right: 1px #9b9b9b solid;
    overflow: hidden;
    width: 386px;
}
#spotlightBox h2 {
    background: #7a7a7a;
    color: #ffcb05;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    padding-left: 10px;
}
#spotlightBox h2 img {
    border: 0px;
    margin: 0 5px;
    position: relative;
    top: 0.2em;
}
#spotlightBox h3 a {
    color: #ffcb05;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 0px;
    width: 240px;
}
#spotlightBox p {
    color: #fff;
    margin: 6px 0px;
    text-align: justify;
    width: 268px;
}
#spotlightBoxBottom {
    background: url('images/footer-388.gif') no-repeat left bottom;
    height: 8px;
    width: 388px;
}
/* 
#spotlightBoxNav {
    display: inline;
    float: right;
    height: 24px;
    margin-top: -22px;
    padding-right: 6px;
    width: 52px;
}
#spotlightBox .next {
    display: inline;
    float: right;
    height: 18px;
    margin: 0px 4px 0px 8px;
    width: 18px;
}
#spotlightBox .prev {
    display: inline;
    float: right;
    height: 18px;
    width: 18px;
}
#spotlightBoxItems li {
    float: left;
    height: 131px;
    width: 378px;
}
#spotlightBoxItems {
    height: 131px;
    width: 388px;
    overflow: hidden;
}
*/

/* Styles for AKO Box */
#axoBox {
    padding: 0px;
    width: 388px;
}
#akoBoxItems {
    background: #f7f7f7;
    width: 388px;
}
.akoWidget {
	position:relative;
	display:block;
	height:73px;
	border: 1px solid #b6b6b6;
	border-top: none;
	border-bottom: none;
	background: #f4f4f4 url('images/akoBG.gif') top right no-repeat;
	padding:6px 10px 6px 10px;
	font-family:Verdana,sans;
	font-size:12px;
	line-height:14px;
}
.akoWidget img {
	border: 0;
}
.akoWidget a:hover {
	color: #000;
}
.akoWidget .akoLogo {
	display:block;
	position: absolute;
	top: 9px;
	left: 8px;
}
.akoWidgetReg {
	display:block;
	position: absolute;
	top: 22px;
	left: 164px;
	font-weight: 900;
	font-size: 10px;
}
.akoWidgetHelp {
	display:block;
	position: absolute;
	top: 36px;
	left: 164px;
	font-weight: 100;
	font-size: 12px;
}
.akoWidgetFooter {
	display:block;
	border-top:1px dashed #666;
	background: url('images/akoFooterBG.jpg') repeat-x;
	width: 100%;
	height: 18px;
	position:absolute;
	left:0;
	bottom:0;
}
.akoWidgetFooter a {
	display:block;
	position: absolute;
	right: 15px;
	font-size: 10px;
	color: #3d3d3d;
	font-weight: bold;
}
.akoWidgetLeftCorner {
	display:block;
	background:url('images/widget_corner_sprite.jpg') no-repeat 0px -162px;
	width: 9px;
	height: 18px;
	position:absolute;
	left:-1px;
	bottom:0px;
}
.akoWidgetRightCorner {
	display:block;
	background:url('images/widget_corner_sprite.jpg') no-repeat right -162px;
	width: 9px;
	height: 18px;
	position:absolute;
	right:-1px;
	bottom:0px;
}

/* Styles for Headlines Box */
#headlinesBox {
    padding: 0px;
    width: 280px;
}
#headlinesBoxItems {
    background: #f7f7f7;
	border: 1px #939393 solid;
	height: 75px;
	margin-top: -2px;
    overflow-x: hidden;
    overflow-y: auto;
	width: 278px;
}
#headlinesBoxItems ul {
    list-style-type: disc;
	margin: 5px 5px 0px 26px;
}
#headlinesBoxItems li a {
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 13px;
}

/* Styles for Hood Happenings Box */
#happeningsBox {
    padding: 0px;
    width: 280px;
}
#happeningsBoxItems {
    background: #f7f7f7;
	border: 1px #939393 solid;
}
#happeningsBoxItems h3 {
	background-color:#d5d5d5;
    color: #3d3d3d;
    display: block;
    font-size: 12px;
	height: 20px;
	padding: 8px 0px 0px 4px;
}
#happeningsBoxItems p {
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 13px;
    margin: 5px 8px 8px 8px;
    text-align: justify;
}
#happeningsBoxItems ul {
	width: 2184px;
}
#happeningsBoxItems li {
    display: inline;
    float: left;
    height: 162px;
    width: 278px;
}

/* Styles for Hood Forward Box */
#forwardBox {
    padding: 0px;
    width: 280px;
}
#forwardBoxItems {
    background: #f7f7f7;
	border: 1px #939393 solid;
    height: 190px;
    overflow: hidden;
	margin-top:-2px;
    width: 278px;
}
#forwardBoxItems ul {
    height: 188px;
    width: 1112px;
}
#forwardBoxItems li {
    float: left;
}
#forwardBoxItems .forwardPicsSection {
    float: left;
}
.thumbnail {
    clear: left;
    margin: 9px 0px 0px 10px;
    height: 79px;
    width: 123px;
}

/* Styles for Calendar Box */
#calendarBox {
    padding: 0px;
    width: 280px;
}
#calendarBoxItems {
    background: #f7f7f7;
	border: 1px #939393 solid;
	margin-top: -2px;
    padding-bottom: 3px;
    width: 278px;
}
#calendarBox h3 {
	background-color:#d5d5d5;
	border: 1px #939393 solid;
    color: #3d3d3d;
    display: block;
    font-size: 13px;
	height: 18px;
	margin-top: -1px;
	padding-top: 4px;
	text-align: center;
}
#calendarBox h4 {
	color: #993300;
	font-size: small;
	margin: 3px 0px;
	text-align: center;
}
.submit {
	 color: #993300;
	 text-decoration: none;
}

/* Styles for Social Media Box */
#fhsmBox {
    padding: 0px;
    width: 280px;
}
.fhsmheader {
	background: url('images/fhsm-header-center.gif') top repeat-x; 
	border: 1px #939393 solid;
	height: 108px;
	position: relative;
	width: 278px;
}
.fhsmheader a {
	position: absolute;
	display: block;
	font-weight: normal;
	top: 20px;
	width: 25%;
	cursor: pointer;
}
.fhsmheader a .icon {
	margin: 0 auto;
	height: 43px;
	width: 43px;
}
.flickricon {
	left: 50%;
}
.twittericon {
	left:25%;
}
.facebookicon {
	left:0%;
}
.youtubeicon {
	left:75%;
}
.flickricon.current {
	color: #ff339b;
	font-weight: bold;
}
.flickricon:hover {
	color: #ff339b;
	font-weight: bold;
}
.twittericon.current {
	color: #41bee0;
	font-weight: bold;
}
.twittericon:hover {
	color: #41bee0;
	font-weight: bold;
}
.facebookicon.current {
	color: #3959a2;
	font-weight: bold;
}
.facebookicon:hover {
	color: #3959a2;
	font-weight: bold;
}
.youtubeicon.current {
	color: #ee0000;
	font-weight: bold;
}
.youtubeicon:hover {
	color: #ee0000;
	font-weight: bold;
}
.facebookicon .facebook {
	background: url('images/third_party_icons.png') no-repeat 0px 0px;
}
.facebookicon.current .facebook {
	background-position: 0px -43px;
}
.flickricon .flickr {
	background: url('images/third_party_icons.png') no-repeat -43px 0px;
}
.flickricon.current .flickr {
	background-position: -43px -43px;
}
.twittericon .twitter {
	background: url('images/third_party_icons.png') no-repeat -85px 0px;
}
.twittericon.current .twitter {
	background-position: -85px -43px;
}
.youtubeicon .youtube {
	background: url('images/third_party_icons.png') no-repeat -128px 0px;
}
.youtubeicon.current .youtube {
	background-position: -128px -43px;
}
.youtubeicon span {
	display: block;
	text-align: center;
	font-size: 10px;
}
.facebookicon span {
	display: block;
	text-align: center;
	font-size: 10px;
}
.twittericon span {
	display: block;
	text-align: center;
	font-size: 10px;
}
.flickricon span {
	display: block;
	text-align: center;
	font-size: 10px;
}
.mapimage {
	width: 278px;
	height: 108px;
	background: url('images/fhsm-map.png') top center no-repeat;
}
.fhsmheader a.fhsmtext {
	position: absolute;
	top: 85px;
	right: 10px;
	color: #3d3d3d;
	width: auto;
}
.fhsmheader a.fhsmtext.current {
	font-weight: bold;
}
.fhsmheader a.fhsmtext:hover {
	font-weight: bold;
}
#fhsmBoxItems {
    width: 280px;
}
#fhsmUtubeBox {
	position: relative;
    width: 280px;
}
.fhsmUtubeItems {
    background: #f7f7f7;
	border-left: 1px #939393 solid;
	border-right: 1px #939393 solid;
	height: 293px;
    width: 278px;
}
.fhsmUtubeFooter {
	width: 280px;
	height: 18px; 
} 
.fhsmUtubeFooterLeft {
	background:url('images/widget_corner_sprite.jpg') no-repeat 0px -54px; 
	height: 18px;
	left: 0;
	position: absolute;
	width: 8px;
} 
.fhsmUtubeFooterCenter {
	background:url('images/ytube-footer-center.jpg') top repeat-x;
	height: 18px;
	left: 8px;
	position: absolute; 
	width: 265px;
}
.fhsmUtubeFooterRight {
	background:url('images/widget_corner_sprite.jpg') no-repeat right -54px; 
	height: 18px;
	position: absolute;
	right: -1px;
	width: 8px; 
} 
.fhsmUtubeFooterCenter a {
	color: #fff;
}
.fhsmUtubeFooterCenter a:hover {
	color: #bfbfbf;
}
.fhsmUtubeFooterCenter .right {
	font-size: 10px;
	font-weight: bold;
	position: absolute;
	right: 3px;
	top: 3px;
} 
#fhsmFbookBox {
	position: relative;
    width: 280px;
}
.fhsmFbookItems {
    background: #f7f7f7;
	height: 293px;
    width: 280px;
}
.fhsmFbookFooterLeft {
	background:url('images/widget_corner_sprite.jpg') no-repeat 0px -36px; 
	height: 18px;
	left: 0;
	position: absolute;
	width: 8px;
} 
.fhsmFbookFooterCenter {
	background:url('images/fbook-footer-center.jpg') top repeat-x;
	height: 18px;
	left: 8px;
	position: absolute; 
	width: 265px;
}
.fhsmFbookFooterRight {
	background:url('images/widget_corner_sprite.jpg') no-repeat right -36px; 
	height: 18px;
	position: absolute;
	right: -1px;
	width: 8px; 
} 
.fhsmFbookFooter {
	width: 280px;
	height: 18px; 
} 
.fhsmFbookFooterCenter a {
	color: #fff;
}
.fhsmFbookFooterCenter a:hover {
	color: #bfbfbf;
}
.fhsmFbookFooterCenter .right {
	font-size: 10px;
	font-weight: bold;
	position: absolute;
	right: 3px;
	top: 3px;
} 
#fhsmTwitterBox {
	position: relative;
    width: 280px;
}
.fhsmTwitterItems {
    background: #f7f7f7;
	border-left: 1px #939393 solid;
	border-right: 1px #939393 solid;
	height: 293px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 278px;
}
.fhsmTwitterItems ul {
    list-style-type: disc;
	margin: 5px 5px 0px 26px;
}
.fhsmTwitterItems li a {
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 13px;
}
.warning {
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    padding: 10px;
}

.fhsmTwitterFooterLeft {
	background:url('images/widget_corner_sprite.jpg') no-repeat 0px -18px; 
	height: 18px;
	left: 0;
	position: absolute;
	width: 8px;
} 
.fhsmTwitterFooterCenter {
	background:url('images/twitter-footer-center.jpg') top repeat-x;
	height: 18px;
	left: 8px;
	position: absolute; 
	width: 265px;
}
.fhsmTwitterFooterRight {
	background:url('images/widget_corner_sprite.jpg') no-repeat right -18px; 
	height: 18px;
	position: absolute;
	right: -1px;
	width: 8px; 
} 
.fhsmTwitterFooter {
	width: 280px;
	height: 18px; 
} 
.fhsmTwitterFooterCenter a {
	color: #3f3f3f;
}
.fhsmTwitterFooterCenter a:hover {
	color: #7f7f7f;
}
.fhsmTwitterFooterCenter .right {
	font-size: 10px;
	font-weight: bold;
	position: absolute;
	right: 3px;
	top: 3px;
} 
.fhsmTweetList p {
	position:relative;
	display:block;
	padding:10px;
	font-family:Verdana,sans;
	font-size:12px;
	line-height:1.4em;
}
.fhsmTweetList {
	position:relative;
	display:block;
	padding:10px;
	font-family:Verdana,sans;
	font-size:12px;
	line-height:1.4em;
}
.fhsmTweetList p {
	padding-bottom: 0;
	padding-top: 0;
}
.fhsmTweetList li {
	position: relative;
	display: block;
}
.fhsmTweetList li p.twitDate {
	font-family: "Verdana";
	font-size: 10px;
	color: #7b8738;
	padding-bottom: 0;
	padding-top: 0;
}
#fhsmFlickrBox {
	position: relative;
    width: 280px;
}
.fhsmFlickrItems {
    background: #f7f7f7;
	border-left: 1px #939393 solid;
	border-right: 1px #939393 solid;
	height: 293px; 
    width: 278px;
}
.fhsmFlickrFooter {
	width: 280px;
	height: 18px; 
} 
.fhsmFlickrFooterLeft {
	background:url('images/widget_corner_sprite.jpg') no-repeat 0px 0px; 
	height: 18px;
	left: 0;
	position: absolute;
	width: 8px;
} 
.fhsmFlickrFooterCenter {
	background:url('images/flickr-footer-center.jpg') top repeat-x;
	height: 18px;
	left: 8px;
	position: absolute; 
	width: 265px;
} 
.fhsmFlickrFooterRight {
	background:url('images/widget_corner_sprite.jpg') no-repeat right 0px; 
	height: 18px;
	position: absolute;
	right: -1px;
	width: 8px; 
} 
.fhsmFlickrFooterCenter .right {
	font-size: 10px;
	font-weight: bold;
	position: absolute;
	right: 3px;
	top: 3px;
} 
.fhsmFlickrFooter {
	width: 280px;
	height: 18px; 
} 
.fhsmFlickrFooterCenter a {
	color: #3f3f3f;
}
.fhsmFlickrFooterCenter a:hover {
	color: #7f7f7f;
}

/* Styles for Units Box */
#unitsBox {
    padding: 0px;
    width: 906px;
}
#unitsBoxItems {
    background: #f7f7f7;
	border: 1px #939393 solid;
    height: 100px;
    margin-top: -2px;
    overflow: hidden;
    width: 904px;
}
#unitsBoxItems ul {
    width: 6120px;
}
#unitsBoxItems li {
    display: inline;
    float: left;
}
#unitsBoxItems a {
    display: block;
    line-height: 12px;
    margin: 5px 5px 0px 20px;
}
#unitsBoxItems a.bottomImage {
    margin-left: 20px;
}
#unitsBoxItems h2 {
	font-weight:bold;
	font-size: 14px;
    line-height: 16px;
    margin: 6px 0px;
}
#unitsBoxItems h3 {
	font-size: 11px;
    margin: 6px 0px 6px 10px;
}
#unitsBoxItems h3 a {
    display: inline;
    font-weight: normal;
    margin: 0;
}
#unitsBoxItems .unitsBoxSection {
    border-right: 1px solid #c3c3c3;
    display: inline;
    float: left;
    height: 100px;
    width: 226px;
}
#unitsBoxFirst {
    border-left: none;
}

/* Styles for Bottom Logos */
#logos {
	margin: 10px 12px 0px 12px;
	width: 972px;
}
#logos img {
	border: 0px;
}
/* End 3.5 Styles for Main Page Content */


.prev {
	background: url('images/icon_sprites.gif') no-repeat 0px -76px;
}
.next {
	background: url('images/icon_sprites.gif') no-repeat 0px -95px;
}
.links {
	color:blue;
	text-decoration:none;
	font-weight:bold;			
}