/* Layout specific styles */

/* main page container */
#page_container { 
	margin-left:auto;
	margin-right:auto;
	width:989px;
	padding:0;
	background:url(/images/header_bg.gif) 0 0 repeat-x;
}

.blue{
color: #274a91;
}

.red{
color:#ad0000;
}

.dottedline{
border-bottom:1px dotted #274a91;
}
ul li ol li, ul li ol li ol li {
	background-image: none;
	padding-left: 0px;
}
/* place for logo */
.logo {
background:#fff url(/images/header_bg.gif) 0 0 repeat-x;
padding: 8px 0 0  50px;
margin: 0;
}

/* link for logo  - home */
#homecontent .logo a {
display: block;
height: 131px;
padding:0;
}

/* link for logo  - internal */
#internalcontent .logo a {
display: block;
height: 96px;
padding:0 0 0 20px;
}

/* right side header with search and utility nav */
.header_rightside{
float:left;
width:220px;
margin:0;
padding:0 0 0 35px;
text-align:right;
}

/* slogan of NRLCA */
.slogan{
background:url(/images/nrlca_slogan.gif) 10px 100% no-repeat;
width:508px;
height:50px;
margin:0;
float:left;
padding:0 0 0 0;
}

/* search box */
#search {
margin: 0;
padding: 15px 0 0 0;
font-size:11px;
color:#999;
}

#search label {
display: inline;
margin: 0;
padding: 0 1px 0 0px;
}

#search input.search {
width: 109px;
border: 1px solid #0068b3;
padding: 2px;
font-size:10px;
color:#666;
margin:0;
}

input.submit {
border: 0px;
/*background: url(/images/submit.gif) no-repeat 0 100%;*/
color: #fff;
background-color:#274a91;
font-size:11px;
height:19px;
font-weight:bold;
margin:0;
padding:0;
}

/* utility bar */
ul.utilbar{
list-style-type:none;
color: #999;
margin:0;
padding:2px 0 3px 0;
font-size:9px;
}

ul.utilbar li{
display:inline;
background:none;
padding: 0;
margin:0;
}

ul.utilbar li a{
color: #999;
text-decoration: none;
padding:0em .3em;
margin:0;
}

ul.utilbar li a:hover{
color: #900;
}

/* big photo - home */
.photo{
margin:18px 0 0 4px;
padding:0;
}

/* big photo - internal */
#internalcontent .photo{
margin:18px 0 0 0px;
padding:0 0 0 1px;
float:left;
}

/* styles for main navigation */
#nav {
clear:both;
width:222px;
padding: 12px 0 0 0;
margin:0;
background:url(/images/leftcol_top.gif) 0 0 no-repeat;
list-style-type: none;
}

#nav li, #nav ul#navmenu li{
padding:0;
margin:0;
background:none;
}

/* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 222px; 
  list-style: none;
}

ul#navmenu:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu a {
display: block;
height: auto !important;
height: 1%; /*For IE*/
padding: 6px  5px  6px 23px; 
font-weight: bold; 
font-size:11px;
text-transform:uppercase;
text-decoration: none;
background:url(/images/triplebullet.gif) 10px 9px no-repeat;
border-bottom:1px solid #cc8282;
color:#fff;
}

/* Root Menu Hover  */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a, #nav ul#navmenu li.active a, #nav ul#navmenu li.active a:hover {
color: #fff; 
background:#5e0116 url(/images/triplebullet.gif) 10px 9px no-repeat;
}

#nav ul#navmenu li.active:hover li a, #nav ul#navmenu li.active:hover li a:hover{
background-color:#5e0116;
background-image:none;
}

/* 2nd Level Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
padding: 4px 25px 4px 10px; 
color: #fff; 
text-decoration: none; 
font-size: 11px;
text-transform:capitalize;
font-weight:normal;
background-color: #930003;
background-image:none;
}

/* 2nd Level Menu Hover */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background-color: #600002; 
  background-image:none;
  color: #fff;
}

ul#navmenu ul {
	display: none; 
	left: 222px; 
	position: absolute; 
	top: 0px; 
	border-left-width: 1px; 
	border-left-style: solid; 
	border-left-color: #FFFFFF;
}



/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul {
  display: none;
}

ul#navmenu li:hover ul, ul#navmenu li.iehover ul {
  display: block;
}

#nav UL#navmenu LI.active UL {
CLEAR: both; DISPLAY: list-item; FLOAT: none; BACKGROUND-IMAGE: none; MARGIN: 0px; POSITION: relative; BACKGROUND-COLOR: #5e0116; left: 0px; border-left-style: none;
}


#nav ul#navmenu li.active a, #nav ul#navmenu li.active li.active{
border-bottom:0;
}

#nav ul#navmenu li.active {
border-bottom:1px solid #cc8282;
}

#nav ul#navmenu li.active li a{
padding:0px 5px 5px 23px;
margin:0;
border:0;
font-weight:normal;
text-transform:capitalize;
background-image:none;
}

#nav ul#navmenu li.active li.active a, #nav ul#navmenu li.active a:hover{
text-decoration: underline;
}

#nav ul#navmenu li.active li a:hover
{
background-image:none;
}


/* News, Update and Magazine boxes on homepage */
.news_box, .updates_box, .magazine_box{
margin:0;
padding:0;
background-color:#fbfbfb;
border:1px solid #ececec;
}

.news_box{
width:290px;
}

.updates_box{
width:253px;
}

.magazine_box{
padding:10px 5px 5px 10px;
}

/* News header */
.header_news{
background:url(/images/whatsnew.gif) 0 0 no-repeat;
height:30px;
padding:0;
margin:0;
border:0;
}

/* Updates header */
.header_updates{
background:url(/images/legupdates.gif) 0 0 no-repeat;
height:30px;
padding:0;
margin:0;
border:0;
}

/* Magazine header */
.header_magazine{
background:url(/images/nrlca_magazine.gif) 0 0 no-repeat;
height:22px;
padding:0;
margin:0;
border-bottom:1px dotted #274a91;
}

/* Header with Globe Icon */
.globe{
background:url(/images/globe_icon.gif) 0 0 no-repeat;
padding-left:25px;
text-transform:uppercase;
}

/* rHeadwer with Document Icon */
.magazine{
background:url(/images/news_icon.gif) 0 0 no-repeat;
padding-left:25px;
text-transform:uppercase;
}

/* welcome box on homepage */
.welcomebox{
background:url(/images/welcome_bg.gif) 0 0 repeat-y;
padding:10px 0px 5px 15px;
margin:5px 0 5px 4px;
border:1px solid #b6b6b6;
}

.welcome_msg {
float:left;
width:510px;
padding:0 20px 0px 0;
margin:0;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

.welcome_msg h1{
color:#c60202;
text-transform:capitalize;
font-size:15px;
padding:0;
margin:0;
}

.loginbox{
margin:0 0 0 20px;
padding:0;
float:left;
color:#505153;
font-size:12px;
}

#internalcontent .loginbox{
float:left;
width:173px;
margin:18px 0 0 1px;
padding:10px 0 0 13px;
color:#fff;
background:#375586 url(/images/loginbox_bg.gif) 0 0 no-repeat;
height:99px;
}

.loginbox input{
border:1px solid #999;
margin:0 0 5px 0;
padding:2px;
font-size:11px;
}

.loginbox input{
width:100px;
}

#internalcontent .loginbox input{
width:100px;
}

.loginbox input.button, #internalcontent input.button{
border:0;
width:auto;
}

.hint { 
font-size: 10px; 
clear: both; 
margin: 0px; 
padding: 0px; 
display: block;
}

.hint_icon{
position:relative;
top:-10px;
}

#internalcontent .hint{
margin-right:12px;
}

#internalcontent .loginbox h5{
text-transform:uppercase;
}

#internalcontent .loginbox a{
color:#fff;
}


/* table container for homepage */
#homecontent{
clear:both;
width: 989px;
margin:0;
padding:0;
border-collapse:collapse;
background:url(/images/column_dividers.gif) 0 0 repeat-y;
}

/* table container for internal */
#internalcontent{
clear:both;
width: 989px;
margin:0;
padding:0;
border-collapse:collapse;
background:url(/images/column_dividers.gif) 0 0 repeat-y;
}

/* left column - homepage, internal */
#leftcol{
clear:both;
width: 222px;
padding:0px;
margin:0;
font-size:.7em;
background:#900 url(/images/leftcol_bg.gif) 0 100% repeat-x;
}

/* right column - homepage, internal  */
#rightcol{
	background-image: url(/images/copycontainer_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 197px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e3e3e3;
}

/* used to add a right side border to objects usually placed on the left */
.rightborder{
border-right:1px dotted #999;
}

/* 1-2 column table */
.data{
margin-bottom:0.5em;
}

.data td{
margin:0;
padding:0.5em;
vertical-align:middle;
line-height:1.8em;
}

.leftdivider{
border-left: 1px dotted #666;
margin: 0 10em;
}

/* horizontal dotted divider */
.divider{
height:1px;
border-bottom:1px dotted #666;
margin: 0;
padding:0;
line-height:1px;
clear:both;
}


/* list with red bullets */
.redlist li{
background:url(/images/redbullet.gif) 0 .5em no-repeat;
}

/* list with double arrows */
.doublearrow li{
background:url(/images/doublebullet.gif) 0 0.5em no-repeat;
margin-right:10px;
}

/* used to add solid border around objects */
.border{
border:1px solid #999;
}

/* floating image to the left */
.imgleft{
float:left;
margin-right:1.5em;
margin-bottom:.5em;
}

/* floating image to the right */
.imgright{
float:right;
margin-left:1.5em;
margin-bottom:.5em;
}

/* used to make text smaller */
.smalltext{
font-size:85%;
}

/* used for indenting objects to the right various elements within the layout */
.leftindent {
margin-left:1em;
}

/* container for main content - internal*/
#copy_container{
	padding:0;
	margin:2px 0 0 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e3e3e3;
	border-right-color: #e3e3e3;
	border-bottom-color: #e3e3e3;
	border-left-color: #e3e3e3;
	background-image: url(../images/copycontainer_bg.gif);
	background-repeat: repeat-y;
}

#copy_left{
float:left;
width:538px;
padding:15px 23px 0 20px;
margin:0;
}

#copy_right{
float:left;
width:160px;
margin:15px 0 0 0;
padding:0 10px;
}

/* address of left side for backpages */
.address{
margin-top:40px;
color:#d1b0b8;
font-size:10px;
margin-left:15px;
}

/* address of left side for homepage */
.addressHome{
margin-top:158px;
color:#d1b0b8;
font-size:10px;
margin-left:15px;
}

.address b, .address strong{
font-size:11px;
}

/* phone with icon */
.phone{
background:url(/images/phone_icon.gif) 0 0 no-repeat;
padding:0 0 0 30px;
height:26px;
color:#d1b0b8;
font-size:10px;
margin:-9px 0 0 15px;
}

/* footer navigation */
.footer{
list-style-type:none;
background: #eaeaea;
color: #6b6b6b;
padding:.5em 0;
font-size:11px;
text-align:center;
line-height:18px;
margin:0;
}

.footer li{
display:inline;
background:none;
padding:0;
margin:0;
}

#page_container .footer li a{
text-decoration: none;
color: #6b6b6b;
padding: 0 .9em;
margin:0;
font-weight:bold;
}

#page_container .footer li a:hover{
color: #3f60a1;
}

/* styles for copyright and other info located at the bottom of the page */
.copyright {
margin-left:auto;
margin-right: auto;
width:989px;
text-align: center;
font-size:10px;
color: #707070;
padding-bottom:.5em;
margin-top:10px;
line-height:20px;
}

.copyright a:link{
color: #707070;
}

.copyright strong, .copyright b{
font-size:11px;
}

.primary { background:#d5d5d5;}

.med { 
	background:#505153;
	color:#FFFFFF;
	}
	
table.listTable { 
	border-collapse:collapse;
	border:solid; 
	border-color:#000000; 
	border-width:1px; 
	margin-left:
}

table.listTable th{
	background:#274a91;
	color:#FFFFFF;
	padding-top:.5em;
	padding-bottom:.5em;
	padding-left:.5em;
	font-size:12px;
}

table.listTable td{
	padding-top:.2em;
	padding-bottom:.2em;
}


table.dataVert {
border-collapse:collapse;
border:solid;
border-width:1px;
border-color:#000000; 
}	

table.dataVert th{
background:#274a91;
vertical-align:top;
color:#FFFFFF;
padding-top:.5em;
padding-bottom:.5em;
padding-left:.5em;
}

table.dataVert td{
border:1px solid #ddd;
padding-top:.2em;
padding-bottom:.2em;
text-align:left;
}

.login_text{
font-size:11px;
padding:0 0 0 3px;
margin:0 38px 0 0;
position:relative;
vertical-align:middle;
text-align:right;
}

.login_hint{ 
	width: 100px; 
	padding-top: 0px; 
	display: block; 
	float: left; 
	height: 20px; 
	padding-left: 2px;
}

table.nest {
	margin:10px;
}

tr.gray {
	background-color:#f3f3f3;
}