@import "/stylesheets/content.css";

html { overflow-y:scroll;}

#header-top { background: #fff url('/stylesheets/images/header-top.png') no-repeat center top;}

#wrapper { background: #fff url('/stylesheets/images/bg.png') repeat-y center top;}

a.glossary{text-decoration:none;color:#C60;font-weight:700;}
a.glossary:hover{text-decoration:underline;color:#F60;}


/*------------------- TOP NAV -------------------*/

#topnav ul.tools li,#topnav ul.programs li {
display:inline;
}


#topnav {width:950px;height:100px;margin:0 auto 20px; padding-top:5px;}
#topnav.left {float:left;width:200px;}
#topnav.right {float:right;text-align:right;}
#topnav .tagline{text-align:center;margin:13px auto 0;}

#topnav ul.tools {height:auto;list-style-type:none;text-align:right;margin:0 0 20px 0; display:block; font-weight:bold;}
#topnav ul.tools li {font-size:.9em;color:#003; background:url('http://www.naccrra.org/images/top_nav/red-dot.gif') left no-repeat ; padding:0 0 0 10px;}
#topnav ul.tools li form { display:inline;}
#topnav ul.tools li.first, #topnav ul.tools ul.dropdown { background:none;}

#topnav ul.programs{height:auto;list-style-type:none;text-align:right;margin:0 0 5px auto;}
#topnav ul.programs li a {font-size:.9em;color:#003;letter-spacing:-0.001em;border-left:1px solid #003; padding:0 2px 0 4px;}
#topnav ul.programs li a.first {border-left:0;}

#topnav ul.programs li a:hover{color:#EE3510;}
*html #topnav ul.programs li a{letter-spacing:-0.04em;}

#print-logo {
display:none;
}

#horizontal-nav ul {
list-style-type:none;
color:#FFF;
background:#EE3510 url('/images/design/main_nav_bg.gif') repeat-x;
margin:0;
padding:5px;
}

#horizontal-nav li a {
color:#FFF;
font-weight:700;
font-size:.9em;
padding:4px 7px;
}

#horizontal-nav-blue ul {
list-style-type:none;
color:#FFF;
background:#EE3510 url('/images/design/blue_nav_bg.gif') repeat-x;
margin:0;
padding:5px;
}

#horizontal-nav-blue li a {
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-weight:700;
font-size:.9em;
padding:4px 7px;
}

/*------------------- MAIN TABLE -------------------*/
table.main {width:950px;border:0;margin:0 auto;background: #fff url('/bg.png') repeat-y center top;}



/*-----------------------------------------------------------*/
#frontleft { margin-top:5px;margin-bottom:0px;padding-bottom:10px;}
#frontleft ul.block { text-align:left;list-style-type:none;margin:0;padding:0;}
#frontleft ul.block li { border-bottom: 1px solid #ccc;min-height:72px;}

*html #frontleft ul.block li {height:72px; margin-top:-2px;}

#frontleft ul.block li a {display:block;color:#003;font-weight:700;font-size:.9em; min-height:72px; padding:3px 0; text-decoration:none;}
#frontleft ul.block li:hover,#frontleft ul.block li:active {background-color:#f7f3f7;}
#frontleft ul.block li a img {border:1px solid #CCC;width:80px;height:60px;float:left;clear:both;margin:2px 5px 2px 0;padding:3px;}



#frontleft ul.tools {border-bottom:1px solid #ccc; min-height:2em; margin:0; padding:3px 0 2px 0;}
*html #frontleft ul.tools {height:2em;}
#frontleft ul.tools li {list-style-type:none; display:inline; padding:3px;}
#frontleft ul.tools li.subscribe {text-align:left; float:left;}
#frontleft ul.tools li.more {text-align:right; float:right;}


ul.updates { list-style-type:none;text-align:left;vertical-align:middle;padding:0; width:100%; margin:0;}
ul.updates li {width:48%;float:left;border:1px solid #ccc;min-height:75px;margin:3px 2px;}
*html ul.updates li {border:1px solid #ccc;height:75px;padding:2px 0;}
ul.updates li a:link,ul.updates li a:visited, ul.updates li a:hover, ul.updates li a:active {display:block;color:#003;font-weight:700;font-size:.9em;vertical-align:middle;padding:3px 0; text-decoration:none;}
ul.updates li:hover,ul.updates li:active {background-color:#f7f3f7;text-decoration:none;}
ul.updates li a img {border:1px solid #CCC;width:80px;height:60px;float:left;clear:both;margin:2px 3px 4px 2px;padding:3px;}


#frontleft h4, #frontleft h4 a, #frontright h4,#frontright h4 a {font-size:1em;color:#FFF;text-align:left;background-color:#003;margin:0;padding:5px; letter-spacing:0em;}


#frontright ul.ecf {
list-style-type:none;
margin-left:-35px;
}

*html #frontright ul.ecf {
list-style-type:none;
margin:5px 0 0;
}

#frontright ul.ecf li {
padding-bottom:5px;
}

/************************** RIGHT NAV BAR (resources, downloads, etc.)***************************/
td.rightbar {
background-color:#fff;
width:170px;
vertical-align:top;
padding:0 5px 5px 5px;
}

td.rightbar p {
font-size:.9em;
margin:5px;
}

td.rightbar h4, td.leftbar h4 {
font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size:1em;
color:#003;
text-align:left;
background:#f7f3f7 /*url('/images/design/sidebar_h4.png')*/;
margin:10px 0;
padding:5px;
border-bottom: 2px solid #cccccc;
border-top: 1px solid #dddddd;

}

td.rightbar ul {
list-style-position:inside;
margin:0;
padding:0;
}


td.rightbar ul.block {
list-style-type:none;
font-size:.9em;
margin:0 0 10px 0;
padding:0;
}

td.rightbar ul.block li {
display:block;
border-bottom:1px solid #ccc;
}

td.rightbar li {
font-size:1em;
padding:3px 5px 5px;
}

/********************************** MAIN CONTENT ****************************************************/
td.maincontent {
vertical-align:top;
padding:5px;
line-height:1.6em;
}

#maincontent {
padding:0 5px 5px;
}

td.maincontent a:link,a:active,a:visited,#maincontent a:link,a:active,a:visited {
color:#003;
text-decoration:none;
}

td.maincontent a:hover,#maincontent a:hover {
color:#003;
text-decoration:underline;
}

p.breadcrumbs {
margin-top:5px;
margin-bottom:5px;
color:#564b47;
font-size:0.9em;
}

p.breadcrumbs a {
font-weight:normal;
}



p.breakhere {
page-break-before:always;
}

/******************************** LEFT BAR ******************************/
td.leftbar {
width:180px;
background-color:#FFF;
padding-top:5px;
margin-left:5px;
margin-top:5px;
padding-right:5px;
vertical-align:top;
}

td.leftbar p {
color:#003;
margin:5px 0 5px 0;
}

td.leftbar ul.bullet {
font-weight:700;
list-style-image:url('/images/bullet_w_bbg.gif');
color:#003;
margin:5px 5px 5px -15px;
}

td.leftbar ul.menu {
color:#003;
list-style-type:none;
margin:5px 0 100px 0;
padding:0;
}

td.leftbar ul.menu li:first-child {
font-size:1.1em;
}

td.leftbar ul.menu li a {
color:#003;
font-weight:700;
display:block;
width:auto;
padding:3px 0 3px 5px;
}

td.leftbar ul.menu li a.active {
color:#003;
background-color:#f7f3f7;
font-weight:700;
display:block;
width:auto;
}

td.leftbar ul.submenu li:first-child {
font-size:1.0em;
}

td.leftbar ul.submenu li a {
color:#003;
font-weight:700;
display:block;
width:auto;
padding:2px 0 2px 20px;
}

td.leftbar ul.submenu li a.active {
color:#003;
background-color:#f7f3f7;
font-weight:700;
display:block;
width:auto;
}

td.leftbar ul.sub-submenu li a {
color:#003;
font-weight:700;
display:block;
width:auto;
padding:2px 0 2px 40px;
}

td.leftbar ul.sub-submenu li a.active {
color:#003;
background-color:#f7f3f7;
font-weight:700;
display:block;
width:auto;
}

/*********************************** BANNER AD ***********************************************************/
#banner-ad {
text-align:center;
margin:20px auto 5px auto;
}

/********************************** FOOTER **********************************************************/
#footer-top { 
	background: #fff url('/stylesheets/images/footer-bottom.png') repeat-y center top;
	margin:0;
	padding:0;
}

#footer {
	clear:left;
	text-align:left;
	width:950px;
	overflow:auto;
	margin:10px auto 5px auto;
	padding:0;
}

#footer p {
	font-size:.9em;
	color:#564b47;
	margin:5px 0;
	padding:0;
}

#footer ul {
	float: left;
	margin:0;
	padding: 5px 25px 5px 5px;
	list-style-type:none;
}

#footer ul:hover {
	background-color:#f7f3f7;
}

#footer li {
	font-size:.9em;
	color:#003;
	font-weight:bold;
	padding:0 4px;
}

#footer li a { 
	text-decoration:none; 
	font-weight:normal;
}

#footer li a.first, #footer li a.first:hover { 
	font-weight:bold;
}

#footer .about {
float:right;
padding-left:20px;
width:200px;
line-height:1.4em;
border-left:1px solid #CCC;
text-align:right;
}

/****************************************************************************************************/

.application {
height:44px;
width:160px;
background:#FFF url('/MilitaryPrograms/images/application_bg.gif') center no-repeat;
margin:5px;
}

.application p {
padding-top:7px;
padding-right:30px;
font-weight:bolder;
text-align:center;
}

.find_ccrr form {
margin:8px 0;
padding:0;
}

.find_ccrr form .search_button {
background-color:#EE3510;
color:#FFF;
font-size:.7em;
font-weight:700;
text-transform:uppercase;
border:0;
margin:0 0 2px;
padding:4px 2px 3px 10px;
}

div.benefits a:link {text-decoration:underline;}
div.benefits a:visited {text-decoration:underline;}
div.benefits a:hover {text-decoration:underline;}
div.benefits a:active {text-decoration:underline;}

.benefits img {
float:right;
border:1px solid #CCC;
margin:10px;
padding:5px;
}

.benefits h3 {
background-color:#f7f3f7;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:5px;
text-transform:uppercase;
font-size:1.2em;
}

.search_button {
background-color:#EE3510;
color:#FFF;
font-size:.8em;
font-weight:700;
text-transform:lowercase;
border:0;
padding:0 1px 3px 1px;
margin-bottom:6px;
}

.search p{
font-weight:700;
line-height:1.8em;
font-size:.9em;
}

select.search {
border: 1px solid #ccc;
margin-bottom:5px;
padding:2px 0;
}

a.fancytable:link,a.fancytable:active,a.fancytable:visited {
color:#FFF;
text-decoration:none;
}

#breadcrumbs a,#footer li a:hover {
text-decoration:underline; font-weight:normal;
}

#horizontal-nav,#horizontal-nav-blue {
margin:0;
}

#horizontal-nav li,#horizontal-nav-blue li {
display:inline;
margin:0;
}

#horizontal-nav li a:hover,#horizontal-nav-blue li a:hover {
background:#003 url('/images/design/blue_nav_bg.gif') center center repeat-x;
}

*html #horizontal-nav li a,*html #horizontal-nav-blue li a {
color:#FFF;
font-weight:700;
font-size:.9em;
padding-right:5px;
}

#frontleft ul.block li a:hover img,ul.updates li a:hover img {
border:1px dashed #CCC;
}

#frontleft h4 a:link,#frontleft h4 a:active,#frontleft h4 a:visited,#frontright h4 a:link,#frontright h4 a:active,#frontright h4 a:visited,td.leftbar a,*html td.leftbar ul.bullet li a:link,*html td.leftbar ul.bullet li a:visited,*html td.leftbar ul.bullet li a:hover,*html td.leftbar ul.bullet li a:active {
color:#FFF;
}


#docbox, .docbox, .bluebox, p.docbox {
width:93%;
margin:0 auto 5px auto;
background:#f7f3f7;
border:1px solid #CCC;
font-size:95%;
padding:10px;
}
ul.bluebox li {margin-left:15px;}

#docbox a:link, #docbox a:visited, #docbox a:active, .docbox a:link, .docbox a:visited, .docbox a:active, 
.bluebox a:link, .bluebox a:visited, .bluebox a:hover, .bluebox a:active {
color:#C00; font-weight:bold;
}

#docbox img,.docbox img,.bluebox img {
vertical-align:middle;
margin-bottom:5px;
margin-right:5px;
}

.bluebox p {
font-size:95%;
margin:0;
}

*html td.leftbar ul.menu,*html td.leftbar ul.submenu {
margin-top:20px;
}

*html td.leftbar ul.menu li a,*html td.leftbar ul.submenu li a {
margin:-8px 0;
}

td.leftbar ul.submenu,td.leftbar ul.sub-submenu {
color:#003;
list-style-type:none;
margin:3px 0;
padding:0;
}

p.naccrra-in-the-news {clear:both; margin-bottom:20px; padding-bottom:20px;}
p.naccrra-in-the-news span.date {float:left; width:15%; text-align:right;}
p.naccrra-in-the-news span.info {float:right; width:80%; text-align:left;}








.arrowlistmenu{
margin-bottom:40px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: black;
background-color: #F3F3F3;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
display:none;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
/*background: url('/images/icons/arrow_close.gif') no-repeat center left*/ !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: #F3F3F3 /*url('/images/icons/arrow_open.gif') no-repeat center left*/ !important;
}

.arrowlistmenu ul li a{

background: url() no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 2px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
}

*html ul.categoryitems li a:link {color:#000033;}
*html ul.categoryitems li a:visited {color:#000033;}
*html ul.categoryitems li a:hover {color:#000033;}
*html ul.categoryitems li a:active {color:#000033;}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: #F3F3F3;
}
.search_result {
border-bottom:1px dotted #CCC;width:700px; text-align:left; 
margin:20px auto 10px auto;padding-bottom:10px; padding-left:10px;
}
.search_result_details {
width:700px; margin:20px auto 10px auto;padding-bottom:10px; 
}

#calsheet { float: left; margin-top: 4px; margin-right: 0pt; margin-bottom: 0pt; margin-left: 145px; }
span.calSheet span { display: block; float: left; width: 100%; }
span.calSheet span.day { background-color: #ffffff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; border-right-width-value: 1px; border-right-width-ltr-source: physical; border-right-width-rtl-source: physical; border-bottom-width: 1px; border-left-width-value: 1px; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-right-style-value: solid; border-right-style-ltr-source: physical; border-right-style-rtl-source: physical; border-bottom-style: solid; border-left-style-value: solid; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-right-color-value: #cccccc; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; border-bottom-color: #cccccc; border-left-color-value: #cccccc; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-top-width: medium; border-top-style: none; border-top-color: -moz-use-text-color;color: #000000; line-height: 1.4em; font-weight: bold; letter-spacing: -0.1em; }
span.calSheetSmall span.day { font-size: 14px; text-align:center; }
span.calSheet span.month { background-color: #d51007; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; border-top-width: 1px; border-right-width-value: 1px; border-right-width-ltr-source: physical; border-right-width-rtl-source: physical; border-bottom-width: 1px; border-left-width-value: 1px; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-top-style: solid; border-right-style-value: solid;border-right-style-ltr-source: physical; border-right-style-rtl-source: physical; border-bottom-style: solid; border-left-style-value: solid; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-top-color: #d51007; border-right-color-value: #d51007; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; border-bottom-color: #d51007; border-left-color-value: #d51007;  border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; color: #ffffff; text-transform: uppercase; line-height: 1.1em; font-weight: bold; text-align: center; }
span.calSheetSmall span.month { height: 10px; font-size: 9px; font-weight:bold; }