/* Main Body Control 
---------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical; background:#333333 url(images/bg-grad.jpg) 0 0 repeat-x;}

body{background:#333333 url(images/bg-grad.jpg) 0 0 repeat-x; height:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font:normal 12px Arial, Helvetica, sans-serif;}
#container { background-color:#FFFFFF; margin:0 auto; text-align:left; width:900px; height:auto; border:2px solid #444; border-top:none; border-bottom:none;}
/*div, span, p, h1, h2, h3, h4, h5, h6, ul, li {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}*/
h1, h2, h3, h4, h5, h6, ul, li {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
img{border:none;}
blockquote{margin:0px 0px 0px 0px; padding:5px 0px 0px 12px; border:1px solid #CCC; width:400px; height:20px; background-color:#FFE;}
.center {text-align:center;}
.clear {clear:both;}
.error {color:Red;line-height:14px; font-size:x-small;}
.alert {color:red; font-weight:normal; font-size:small;}
.hide {display:none;}
.show {display:block;}
.align-right {text-align:right;}
.nowrap {white-space:nowrap;} 
.wrap {white-space:pre-wrap;} 
.bold {font-weight: bold;}
.floatLeft {float:left;margin-right:12px;}
.leftMargin {margin-left:50px;}
.notice-sm {font:11px/1.4em Arial;color:#666;}
.notice {font:1em/1.4em Arial;color:#666;}
.notice-med {font:12px/1.4em Arial;color:#333; font-weight:normal;}
.readOnly { background:#cdcdcd; color:Gray;font-size:.85em;}
.required {color:Red; font-weight:bold; font-size:x-small;}
strong {font-weight:bold;color:#000;}


/* Header
---------------------------------------------------------------------------*/
/*#header {background:#333 url(images/header-bg3.jpg) 0 0 repeat-x; height:95px;}
#header #logo {margin:18px 0px 0px 40px;}
#header #slogan {margin:-2px 0px 0px 126px; position:absolute; z-index:100;}
#header #seal-old {margin:6px 0px 0px 380px; position:absolute; z-index:100;}
#header #seal {margin:20px 0px 0px 220px; position:absolute; z-index:100;}
.logoTitle {margin:0px 0px 0px 20px; color:#FFFFFF; font:normal 11px tahoma;}
.HeaderLogo{margin:18px 0px 0px 40px;}
.HeaderSeal{margin:20px 0px 0px 220px; position:absolute; z-index:100;}*/

#header {background:#333 url(images/home_banner.jpg) 0 0 repeat-x; height:100px;} 
#header #logo {margin:0px 0px 0px 20px;display:block;height:110px;width:300px;float:left;}
#header #slogan {float:left;margin:0px 0px 0px 260px; position:absolute; z-index:100;display:block;width:290px;height:110px;}
.logoTitle {margin:0px 0px 50px 20px; color:#FFFFFF; font:normal 11px tahoma;}


/* Navigation *** Navigation CSS is located in the navigation.css ***
---------------------------------------------------------------------------*/
#navigation {background:#999999 url(images/footer-bg.png) 0 0 repeat-x; height:40px;}
.dateStyle { background:black;}
.catalogMenu {position:relative; top:0px; padding-bottom:31px; margin-right:5px;}

/* Tab Navigation
---------------------------------------------------------------------------*/
#tabNav {background:#fff url(images/content-bg.jpg) top repeat-x; height:100%; overflow:auto;}
#tabNav2 {background:#000 url(images/life-bg.jpg) 0 0 no-repeat;}


/* Tab Navigation Content
---------------------------------------------------------------------------*/
.tabcontent {}
.tabcontent p, .tabcontent div{ margin:0px 15px 0px 15px; padding:10px 15px 0px 15px; word-spacing:.1em;}
.tabcontent p span, .tabcontent div span{color:#333; font:bold 14px Arial, Helvetica, sans-serif;}
.tabcontent p.welcome, .tabcontent div.welcome { margin-left:50px; margin-right:50px;}
.tabcontent p.ht, .tabcontent div.ht {margin-left:50px; margin-right:80px;}
.tabcontent img {float:right;}
.tabcontent p a:link, .tabcontent p a:visited, .tabcontent div a:link, .tabcontent div a:visited {color:#333; border-bottom:1px dashed #FF9900; text-decoration:none;} 
.tabcontent p a:hover, .tabcontent div a:hover {color:#000; background-color:#FEF3CB;}

/* Picture Box
---------------------------------------------------------------------------*/
#pictureBox {margin:0px 0px -3px 0px;}
.imageViewer {height:264px; width:900px; background-color:#FFFFFF;}
.pictureBox {position:absolute; border:none; height:264px; width:900px;}
.imageViewer2{ position:absolute; left:175px; height:264px; width:900px; background-color:#FFFFFF;}

/* Hot Links
---------------------------------------------------------------------------*/
.hotLinkBar {position:relative; z-index:100; top:209px; height:55px;}
.linkSkin {display:block; height:50px; width:100px; background-color:#FFFFFF;}
ul.hotLinks {text-align:center; width:900px;}
ul.hotLinks li { width:200px; font-weight:normal; display:inline; text-align:left; float:left; position:relative; z-index:200; top:-45px; margin:0px 0px 0px 20px;}
ul.hotLinks li a:link, ul.hotLinks li a:visited {width:210px; color:#FFFFFF; font-size:11px; text-decoration:none; font-weight:normal;}
ul.hotLinks li a:hover {color:Gold;}
.hotlinkID{float:left; margin-right:5px;}
.hotlink-bg{filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;}
ul.hotLinks li span{font:bold 14px Arial, Helvetica, sans-serif; margin-left:0px;}
ul.hotLinks li span.whitetext {color: #ffffff; font:bold 10px Arial, Helvetica, sans-serif; margin-left:0px;}
ul.hotLinks li span.tantext {color: #CFC374; font:bold 10px Arial, Helvetica, sans-serif; margin-left:0px;}
	

/* Content Styles
---------------------------------------------------------------------------*/
#contentBox {background-color:#FFF;}
#content {padding:25px 50px 20px 50px; margin:0px 0px 0px 0px; font:normal 13px Arial, Helvetica, sans-serif; background:#fff url(images/content-bg.jpg) top repeat-x; height:100%; overflow:auto; text-align:justify;}
#content2 {padding:25px 50px 20px 20px; margin:0px 0px 0px 0px; font:normal 13px Arial, Helvetica, sans-serif; background:#fff url(images/content-bg.jpg) top repeat-x; height:100%; overflow:auto; text-align:justify;}
#content_drop {margin:0px 0px 0px 0px; background:#fff url(images/content-bg.jpg) top repeat-x; height:100%; overflow:auto; text-align:justify; font:normal 13px Arial, Helvetica, sans-serif;}
#content_drop ul {margin:0px 0px 0px 10px; text-align:justify; font:normal 11px Arial, Helvetica, sans-serif; list-style-position: inside;}
#content-nodrop {padding:5px 50px 20px 50px; margin:0px 0px 0px 0px; font:normal 13px Arial, Helvetica, sans-serif; height:100%; overflow:auto; text-align:justify;}
#content h1 {font-size:26px; color:Black;}
#content h2 { font-size:18px; color:#333; padding:10px 0px 5px 0px;}
#content h3 { font-size:16px; color:#555; margin-bottom:2px; }
#content h3 a:link, #content h3 a:visited {font-size:18px; color:#555; margin-bottom:2px;}
#content h4 { font-size:14px; color:#996600; margin-bottom:0px; font-family:Arial, Sans-Serif;}
#content h5 {font-size:13px; font-weight:normal;}
#content h5 a:link, #content h5 a:visited {font-size:13px; color:#996600; text-decoration:none;}
#content h5 a:hover{color:#FF9933; border-bottom:1px dashed #FF9933; text-decoration:none;}
#content h6 { font-size:14px; color:#777; margin-bottom:0px;}
#content hr { height:3px; border:none; background:#fff url(images/bullet-hover.gif) repeat-x;}
#content p{margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; color:#333333; line-height:19px;}
#content p span{font-size:13px; color:#555;}
#content p a:link, #content p a:visited{color:#555; border-bottom:1px solid #B27C10; text-decoration:none; font-weight:bold;} 
/*#content p a:link, #content p a:visited{color:#555; border-bottom:1px dashed #0099CC; text-decoration:none; font-weight:bold;} */
/*#content p a:hover{color:#000; background-color:#FEF3CB;}*/
#content p .link {font-weight:bold;}
#content ul li {margin:6px 0px 0px 20px;}
#content span.backButton a{font:bold 12px/26px tahoma, arial, sans-serif; color:#777; padding:5px 0px 7px 31px; text-decoration:none;background:#FFF url(images/arrow.jpg) top left no-repeat; height:26px;}
#content .contentOrgs h4 {color:#555; padding-top:20px;}


.contentBox {background-color:#FFF;}
.content { margin:0px 0px 0px 0px; font:normal 12px Arial, Helvetica, sans-serif;}
.content h2 { font-size:18px; color:#555; padding:10px 0px 5px 0px;}
.content h3 { font-size:18px; color:#555; margin-bottom:2px; }
.content h4 { font-size:16px; color:#996600; margin-bottom:0px;}
.content h5 a:link, .content h5 a:visited {font-size:13px; color:#996600; text-decoration:none;}
.content h5 a:hover{color:#FF9933; border-bottom:1px dashed #FF9933; text-decoration:none;}
.content h6 { font-size:14px; color:#777; margin-bottom:0px;}
.content hr { height:3px; border:none; background:#fff url(images/bullet-hover.gif) repeat-x;}
.content p{margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; color:#333333;}
.content p span{font-size:13px; color:#555;}
.content p a:link, .content p a:visited{color:#555; border-bottom:1px solid #B27C10; text-decoration:none; font-weight:bold;} 
/*.content p a:hover{color:#000; background-color:#FEF3CB;}*/
.content p .link {font-weight:bold;}

.hotTopics ul li a:link {color:#333;}
.hotTopics ul li a:hover {color:#258; text-decoration:underline; list-style-image:none;}
.hotTopics ul li a:visited {color:#777; padding:0px 20px 0px 0px; background: transparent url(images/checkmark.gif) right no-repeat; }

.content ul li {margin:4px 0px 0px 20px;}
.content span.backButton a{font:bold 12px/26px tahoma, arial, sans-serif; color:#777; padding:5px 0px 7px 31px; text-decoration:none;background:#FFF url(images/arrow.jpg) top left no-repeat; height:26px;}

a.link, a.link:link, a.link:visited {text-decoration:none; font-weight:bold; color:#555; border-bottom:dashed 1px #FF9900;}
a.link:hover {background:#FEF3CB; border-bottom:1px dashed #FF9900;}

span.p {font:normal 12px arial, sans-serif; color:#333;}

h4.margin {padding:0px 0px 5px 0px;}
.p-inline {display:inline;}

a.pdf {background:transparent url(images/pdf-icon.jpg) 0 0 no-repeat; padding:5px 0px 0px 25px;}
a.word {background:transparent url(images/word-icon.jpg) 0 0 no-repeat; padding:5px 0px 0px 25px;}

.app-top {background:#FFF url(images/app-top2.png) top center no-repeat; width:800px; padding:8px 0px 0px 0px; overflow:auto;}
.app-bg {background:#FFF url(images/app-bg2.png) top center repeat-y;  width:710px; padding:5px 25px 20px 65px; overflow:auto;}
.app-bottom {background:#FFF url(images/app-btm2.png) top center no-repeat; height:18px; width:800px; padding:18px 0px 0px 0px; overflow:auto;}

.contentPG {padding:20px 50px 20px 50px; margin:0px 0px 0px 0px; font:normal 12px Arial, Helvetica, sans-serif; width:300px; float:left;}
.contentPG h4{ font:bold 14px/22px arial; color:#565656; border-bottom:solid 1px #565656;}
.contentPG ul {margin-bottom:30px;}
.contentPG ul li {margin:8px 0px 0px 1px; list-style-type:none;}
.contentPG ul li a:link, .contentPG ul li a:visited{}
.contentPG ul li a:hover{color:#111; border-bottom:solid 1px #111; list-style-image:none;}
.contentPG ul li ul {margin:0px 0px 0px 20px;}
.contentPG ul li ul li {list-style-type:disc;}
.contentPG ul li ul li a:link, .contentPG ul li ul li a:visited, 
.contentPG ul li ul li a:hover {margin:0px 0px 0px 0px; list-style-image:none;}

/* RPA Special Programs Tab
---------------------------------------------------------------------------*/
.mtbp {float:left; width:320px; padding:0px 30px 0px 0px;}
#content .mtbp h6 {font-size:13px; color:#4a658a; margin-top:15px; padding:0px 0px 0px 0px;}
.contentOrgs .mtbp ul li a:link, .contentOrgs .mtbp ul li a:visited {border:none; font-size:11px; margin:0px 0px 0px 0px;}
hr.space {visibility:hidden; clear:both;}
hr.drop {visibility:hidden;}	
	
/* Footer
---------------------------------------------------------------------------*/
#footer {height:27px; border:1px solid #333; 
         background:#444 url(images/navigation/footer-bg.jpg) 0 0px repeat-x; 
         margin:0px 0; text-align:center; clear:both;}
.footer{font:normal 10px/27px Arial, Helvetica, sans-serif; color:#555;}
.footer span {position:relative;}
.footer a:link, .footer a:visited{font:normal 10px/27px Arial, Helvetica, sans-serif; color:#888; 
                               text-decoration:none; text-align:center;}
.footer a:hover {text-decoration:underline; color:#FFF;}

/* Related Links Section
---------------------------------------------------------------------------*/
#relatedLinks {background-color:#232323; border:solid 1px #555; width:900px; height:140px; color:#888; margin:0px auto;}
#relatedLinks h4 {font-size:13px; margin:20px 0px 0px 0px;}
#relatedLinks a:link, #relatedLinks a:visited {color:#676767; text-decoration:none;}
#relatedLinks a:hover {text-decoration:underline; color:#97812c;}
	
.rl-left {float:left; margin:0px 0px 0px 30px; width:260px; display:inline;}
.rl-right {float:left; margin:10px 30px 0px 0px; width:260px; display:inline;}
.rl-left ul, .rl-right ul {margin:3px 0px 0px 0px; color:#676767; list-style-type:none; font:normal 11px arial;}
.rl-left ul li, .rl-right ul li {margin:0px 0px 3px 0px;}
.rl-right p {font-weight:normal; margin-top:10px;}
	
.rl-contact_info {font:normal 11px arial; color:#676767; width:285px; margin:10px 0px 0px 0px; float:right;}
.rl-contact_info h4 {color:#888;}
.rl-contact_info p {margin-top:8px;}
.rl-contact_info strong {color:#777;}
	
.armyFooter {float:left; margin: 30px 0px 0px 10px;}

/* Resets  
---------------------------------------------------------------------------*/
ul.rpa{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
ul.rpa li{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

/* Misc for TIOH
---------------------------------------------------------------------------*/

a:link {color: #C52808;}
a:visited {color: #B27C10;}

table tr td a {text-decoration:none;}
table tr td a span {text-decoration:underline;}

.note{font-weight:bold; font-size: 12px; color:#333333; width: 94%; margin: 15 25px; padding: 20px; border: 1px solid #746F60; background-color: #E2E1E0}

a.btn_gray:link, a.btn_gray:visited {padding:12px 20px 20px 20px; background:transparent url(images/button_gray.jpg) 0 0 no-repeat; color:White; text-decoration:none; font-weight:bold; line-height:54px; text-align:center;}

a.btn_gray:hover{background-position:0 -64px;}

.center {width:100%; margin:0 auto; text-align:center;}

.inline {display:inline;}

.list_margin {margin:5px 0px 5px 80px;}
.list_margin2 {margin:5px 0px 5px 100px;}
.block {margin:5px 80px 5px 80px;}

.margin{margin:5px 30px 20px 30px;}

.marginA{margin:0px 0px 0px 20px;}
.marginB{margin:0px 0px 0px 46px;}

.margin2 
{
	margin:0px 0px 0px 30px;
	line-height: 15px;
}

.margin2a
{
	margin:0px 0px 0px 30px;
	line-height: 40px;
	}

.margin3 {margin:0px 0px 0px 60px;}
.margin3a {margin:0px 0px 0px 80px;}
.margin3b {margin:0px 0px 0px 100px;}
.margin3c {margin:0px 0px 0px 120px;}

.margin4 {margin:0px 0px 0px 90px;}


a.button:link, a.button:visited {background: #D1992C; color:#000; font-weight: bold; border-width: 2px; border-style: solid; border-top-color: #C78030; border-right-color: #994819; border-bottom-color: #753008; border-left-color: #C78030; display: inline-block ; width: 175px; margin: 5px 5px 10px 5px; padding: 5px 10px 5px 10px; text-decoration: none;}

a.button:hover {background: #F4C220; color:#000; font-weight: bold; border-width: 2px; border-style: solid; border-top-color: #C78030; border-right-color: #994819; border-bottom-color: #753008; border-left-color: #C78030; display: inline-block ; width: 175px; margin: 5px 5px 10px 5px; padding: 5px 10px 5px 10px; text-decoration: none;}

.orange_title {color: #C52809; font-weight: bold; font-size:14px;}
.orange_title2 {color: #C52809; font-weight: bold; font-size:15px;}
.orange_title3 {color: #C52809; font-weight: bold; font-size:12px;}

.leftBar {float:left; margin:0px 70px 0px 0px; width:130px;}
.list_inside {list-style-position:inside;}
.leftBar2 {float:left; margin:0px 0px 0px 0px; width:130px;}
.rightBar {float:right; margin:0px 0px 0px 0px;}
.rightBar3 {float:right; margin:0px 0px 0px 30px;}

.strong {font-weight: bold;}
.strong2 {font-weight: bold; font-size: 14px;}
.smText {font-size: 10px; font-weight: bold; text-decoration:none; float:right; margin:-20px 12px 0px 0px;}
.text13 {font-size: 13px; font-weight: bold;}
.text16 {font-size: 16px;}
.text22bold {font-size: 22px; font-weight: bold;}
.textRed {color: #C52809; font-weight:bold;}
.demoNote {color:Red; font-size: 11px;}
.caption {font-size:11px; font-weight:bold; text-align:center;}

.copyright {}

.blockquote
{
	margin: 0px 80px 0px 80px;
}

.linkColumn {float:left; margin: 8px 15px 0px 40px; width:160px;}
.galleryColumn {float:left; text-align:center; margin: 2px 2px 0px 2px; width:260px; border-style:solid; border-width:1px; padding: 5px 5px 5px 5px;}
.galleryMargin{margin: 5px 0px 20px 15px;}

.table
{
	text-align:left;
	margin: 0px 0px 0px 30px;

}


.table table td
{
	text-align:center;
}


.table2
{
	text-align:center;
	margin: 0px 0px 0px 10px;
	font-size: 11px;
}


.table td
{
	padding-right:25px;
	vertical-align:top;
}

/*p:first-letter {font-weight:bold; font-family: French Script MT; font-size: xx-large;}*/

/* For legacy Heraldry images */
.fixedImg {
  max-width: 150px;
  max-height: 150px;
  width: expression(this.width > 100 ? "150px" : true);
  height: expression(this.height > 100 ? "150px" : true);
}


.heraldryMargin{padding:0px 0px 0px 25px;}

.heraldry h1 {font-size: 28px;}
.heraldry h2 {font-size: 22px; color:#C52809;}
.heraldry h3 {font-size: 18px;}
.heraldry h4 {font-size: 14px;}

.catlistingitem
{padding: 0px 20px 0px 0px;}

.black
{color:Black;}


/* Site Map (sitemap.asp)

---------------------------------------------------------------------------*/

#sitemap {background:#FFF url(images/oaaseal-lrg.jpg) 300px 90px no-repeat;}

li.map {list-style-type:none;}

li.map a:link, li.map a:visited { text-decoration:none; font-weight:bold; color:#555; border-bottom:1px dashed #FF9900;}

li.map a:hover {background:#FEF3CB; border-bottom:1px dashed #FF9900;}

/*------------------------ */