﻿body {
	margin:0px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#all {
	background-color: #6AB6DA;
	width: 932px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}


.topleft {
	float: left;
	width: 188px;
	
}

.topleft1 {
	margin-top:-15px;
	margin-left: 0px;
	

}

.topleft a:link, .topleft a:visited
{
    font-weight:normal; 
    border:none;
    text-decoration:none;
    font-size:11px;
    }
.topleft  img
{
    float:left; 
    border:none;
    padding-right:5px;
    }
.topmiddle {
	margin-top:0px;
	width:490px;
	float:left;
	azimuth img

}
.nfrc {
	margin-left: 85px;
	margin-bottom:20px;
}
.inp{
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:11px;
	color: #000;
	border-width:1px;
	border-style:solid;
	border-color: #888;
	background-color: #eee ;
	width: 80px;
	margin-bottom: 1px;
}
.submit {
  border:0;background:none;
  width:90px; color:#0000CC; height: 19px;font-size:11px;font-family:verdana, arial, helvetica, sans-serif; font-weight:bold;
}


.hidden {display:none}



.inline{display:inline}
form{
	margin:0;
}
.formleft{
	float:right;
	margin-right: 10px;
}

 .howto{
	float:right;
	background-color: #3399cc;
	width:140px;
	background-color: #3399cc;
	
	padding:0;line-height:13px
  }
 
.howto2{
	float:right;
	background-color: #336699;
	width:240px;
	background-color: #336699;
	
	padding:0;line-height:13px
  } 


.topright{
	float:right;
	background-color: #6AB6DA;
	width:240px;
	margin-top: 30px;
	margin-left:120px;
	border: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 8px;
}
  } 	

.eachhow{
	background-color: #3399cc;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
}

 .eachhow A:link {
	  COLOR: #fff;  font-weight:normal; font-size:11px;TEXT-DECORATION: none;border-left:solid  3px #336699;padding-left:4px;
	
}
 .eachhow2 A:link {
	  COLOR: #fff;  font-weight:normal; font-size:11px;TEXT-DECORATION: none;3px #336699;padding-left:4px;
	
}


 .eachhow A:visited {
	      COLOR: #fff;  font-weight:normal; font-size:11px;TEXT-DECORATION: none;border-left:solid  3px #336699;padding-left:4px;
}

 .eachhow A:hover {
	COLOR: #fff;
	font-weight:normal;
	font-size:11px;
	TEXT-DECORATION: none;
	padding-left:4px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #e78411;
}

a img 
{
    border: none; 
    }
    
.menu {
	width:100%;
	height:32;
	position:relative;
	z-index:100;
	font-family:arial, sans-serif;
	color: #013567;
}



/* horizontal menu at the top of each page */



/* hack to correct IE5.5 faulty box model */

* html .menu {width:930px; w\idth:930px;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {width:132px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {
	float:left;
	width:132px;
	position:relative;
	color: #FFF;
}

/* style the links for the top level */

.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:132px; height:32px;  
border-width:1px 0 1px 1px; background:#013567; padding-left:10px; line-height:29px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:132px; w\idth:132px;}



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#beb9ab;}

/* style the second level hover */

.menu ul ul a.drop:hover{background:#E78411 url(blue-arrow.jpg) no-repeat 132px center;}

.menu ul ul :hover > a.drop {background:#E78511 url(blue-arrow.jpg) no-repeat 132px center;}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#E78411;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#beb9ab;}


/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden; position:absolute;height:0;top:31px;left:0; width:132px;}

/* another hack for IE5.5 */

* html .menu ul ul {top:30px;t\op:31px;}



/* position the third level flyout menu */

.menu ul ul ul{visibility:hidden; position:absolute;height:0;top:-1px;left:132px; width:132px;}



/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-132px;}
.menu ul ul ul { left: -999px; } /*This and the next line are for the second level down in file structure pages. Those associated with MasterPage2.master*/
.menu ul ul li:hover ul { left: 132px; } 




/* style the table so that it takes no part in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {background:#e5e1d6; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 

1px 1px 1px;}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{color:#000; background:#cc6600;}

.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#cc6600;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible;}



/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}



/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible;}




#allleft{
	width: 178px;
	
	height: auto;z-index: 4; opacity: 1;position:absolute;
}


.clearer {
font-size: 0px;
line-height: 0px;
display: block;
margin: 0px;
padding: 0px;
clear: both;
height: 0px;
width: auto;
}

.clear {
	font-size: 0px;
	line-height: 0px;
	
	margin: 0px;
	padding: 0px;
	width: auto;
	height: 15px;
}

.whitebg {
	background-color: #FFFFFF;
	padding: 10px;
}

/* right column content area - interior pages */



.rightcolumn {
	
	 width:725px;float:left;margin-left:15px;
}
.rightcolumntxt{
	background-color: #F5F2EF;
	margin-bottom:6px;
	margin-top:0;
	margin-left:0;
	margin-left:0;
	padding:8px;
	width:710px;
	background-position: center;
    border: 1px solid #cacaca;line-height:13px;
}
.rightcolumn img{
	float:left;
	margin-right:6px;
	border: 1px solid #336699;
}

/* center column content area - interior pages */



.centercolumn {
	
	 width:885px;float:left;margin-left:15px;
}
.centercolumntxt{
	background-color: #F5F2EF;
	margin-bottom:6px;
	margin-top:0;
	margin-left:0;
	margin-left:0;
	padding:8px;
	width:885px;
	background-position: center;
	border: 1px solid #cacaca;line-height:13px;
}
.centercolumn img{
	float:right;
	margin-right:16px;
	border: none;
}


 .centercolumn A:link {
	  COLOR: #3399cc;  font-weight:normal; font-size:12px;TEXT-DECORATION: none;padding-left:4px;
	
}
 
 .centercolumn A:visited {
	      COLOR: #fff;  font-weight:normal; font-size:11px;TEXT-DECORATION: none;padding-left:4px;
}

 .centercolumn A:hover {
	COLOR: #e78411;
	font-weight:normal;
	font-size:12px;
	TEXT-DECORATION: none;
	padding-left:4px;
	
}
.centercolumntitle{
	padding: 2px;
	font-weight:bold;
	color: #000;
	margin-bottom: 6px;
	BACKGROUND-COLOR: #fff;
}
.centercolumntxt{
	padding: 3px;

}
td {font-size: small;

}



/* news section  - home page */

.allnews {
	
	 width:725px;float:left;margin-left:15px;
}
.eachnews{
	background-color: #F5F2EF;
	margin-bottom:6px;
	margin-top:0;
	margin-left:0;
	margin-left:0;
	padding:8px;
	width:710px;
	background-position: center;
	background-image: url(../images/enbg.gif);
	border: 1px solid #cacaca;line-height:13px;
}
.eachnews img{
	float:left;
	margin-right:6px;
	
}




/* announcements - left side of home page */

.announcements {
	width: 168px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;
	background-color: #cc6600;
	
}

 .announcements A:link {
	  COLOR: #fff;  font-weight:normal; font-size:11px;TEXT-DECORATION: none;padding-left:4px;
	
}
 
 .announcements A:visited {
	      COLOR: #fff;  font-weight:normal; font-size:11px;TEXT-DECORATION: none;padding-left:4px;
}

 .announcements A:hover {
	COLOR: #3333ff;
	font-weight:normal;
	font-size:11px;
	TEXT-DECORATION: none;
	padding-left:4px;
	border-left-width: 3px;
	
}
.announcementstitle{
	padding: 2px;
	font-weight:bold;
	color: #oo33cc;
	margin-bottom: 6px;
	BACKGROUND-COLOR: #cc6600;
}
.announcementstxt{
	padding: 3px;
	

}




/* left column - interior pages */


.leftcolumn {
	width: 168px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;
	background-color: #cc6600;
	
}

 .leftcolumn A:link {
	  COLOR: #fff;  font-weight:normal; font-size:11px;TEXT-DECORATION: none;padding-left:4px;
	
}
 
 .leftcolumn A:visited {
	      COLOR: #fff;  font-weight:normal; font-size:11px;TEXT-DECORATION: none;border-left:solid  3px #336699;padding-left:4px;
}

 .leftcolumn A:hover {
	COLOR: #e78411;
	font-weight:normal;
	font-size:11px;
	TEXT-DECORATION: none;
	padding-left:4px;
	border-left-width: 3px;
	
}
.leftcolumntitle{
	padding: 2px;
	font-weight:bold;
	color: #FFF;
	margin-bottom: 6px;
	BACKGROUND-COLOR: #C60;
}
.leftcolumntxt{
	padding: 3px;

}




/* footer */

#footer-content {
	font:Verdana, Geneva, sans-serif;
	background:#c60;
	padding:2px;
	font-size:9px;
	color:#000;
	text-align:center;
}
.footer A:link {
	  COLOR: #fff;  font-weight:normal; font-size:8px;TEXT-DECORATION: none;padding-left:4px;
}
.footer A:visited {
	      COLOR: #000;  font-weight:normal; font-size:8px;TEXT-DECORATION: none;border-none;padding-left:4px;
}

 .footer A:hover {
	COLOR: #fff;
	font-weight:normal;
	font-size:8px;
	TEXT-DECORATION: none;
	padding-left:4px;
	border-left-width: 3px;
	
}






/* interior footer */

#interiorfooter-content {
		font:Verdana, Geneva, sans-serif; background:#c60; padding:4px; font-size:9px;color:#000;text-align:center;


 .grey{
	background-color:#ccc;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 200px;
	padding-left: 4px;
	
}

.blue{
	background-color:#3399cc;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 200px;
	padding-left: 4px;
	
}

/*ACCORDIAN SECTION*/

.accordion {
   margin: 50px;   
   dt, dd {
      padding: 10px;
      border: none;
      border-bottom: 0; 
      &:last-of-type {
        border-bottom: none; 
      }
      a {
        display: block;
        color: black;
        font-weight: bold;
      }
   }
  dd {
     border-top: 0; 
     font-size: 12px;
     &:last-of-type {
       border-top: 1px solid white;
       position: relative;
       top: -1px;
     }
  }
}
a {
  text-decoration: none;
}
body {
  font: 16px Sans-Serif;   
}
​
