/* styles for links in the body section */    
a:link {  color:#3300FF; text-decoration : underline; background-color: transparent;}

a:visited {	color: #551A8B;
	background-color:#fafad2;}

a.nav:link {text-decoration : underline;
	color: #0000ff;
	background-color: transparent;}

a.nav:visited {color: yellow;
background-color:#006;}

body {
	margin-left: auto;
	margin-right: auto;
	background-color: #fafad2;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 100%;
	font-size: 14px;
}

CAPTION {
color:#00F;
background-color:#fafad2;
font-size:0.9em;
font-weight:700;
text-align:center;
}

H1 {
color:darkgreen;
	background-color: #fafad2;
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	margin-left: 10%;
	margin-right: 10%;
    margin-bottom: 7px; }


H2 {
color:darkgreen;
	background-color: #fafad2;
	font-size: 1.3em;
	text-align: center;
	font-weight: bold;
	margin-left: 10%;
	margin-right: 10%;
    margin-bottom: 6px;
}

H3 {
color:darkgreen;
	background-color: #fafad2;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
    margin-bottom: 5px;
}

H4 {
color:darkgreen;
	background-color: #fafad2;
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	margin-left: 12%;
}

H5 {
color:darkgreen;
	background-color: #fafad2;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	margin-left: 12%;
}

H6 {
	color: #000000;
	background-color:#fafad2;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	margin-left: 12%;
}

/* styles for input box & submit button*/    
input.box{
	font-size: 10px;
	background-color: #D9EAFF;
	border: 1pt solid #333333;
		color: #000000;
}

input.submit{
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	background-color: #ccc;
}

p.small {
color:#000;
background-color:#fafad2;
margin-bottom: 0.2em;
font-size: 8pt;
margin-left:2%;
}  

p.navbar {
color:Red;
background-color:#fafad2;
margin-left:3em;
margin-right:5em;
font-size:0.9em;
text-align:left;
}
span { display: inline; margin: 2em; text-align: left; }

table {
margin-left:auto;
margin-right:auto;
padding: 3px; border-spacing:2px; border:0px;
}

table.wide {width: 100%; padding: 4px; background-color: #fafad2;color:#000;margin-left:1em;
margin-right:2em;}
table.middle {width: 80%; padding: 4px; background-color: #fafad2; color:#000;margin-left:1em;
margin-right:2em;}
table.narrow {width: 60%; padding: 4px; background-color: #fafad2; color:#000; margin-left: 1em; margin-right:2em;}

table.floatleft {	float: left; margin-left:1em;
margin-right:1em;}
table.sidebar {	float: left; margin-left:1em;
margin-right:1em; width:200px;}
table.floatright {	float: right; margin-left:1em;
margin-right:1em;}

td.nav {
color:#ffe086;
background-color:#000066;
font-size:.7em;
margin-bottom:.5em;
height:30px;
}

td.top {
color:#fff;
background-color:#fafad2;
}

th.h1 {
color:#00F;
background-color:#fafad2;
font-size:1.2em;
text-align:center;
font-weight:700;
}


th.h2 {
font-size:1em;
text-align:center;
font-weight:700;
}

th.head4 {width: 22%; border-color : #008000; border-style: solid;text-align:center;}
td.text4 {width: 22%; border-color : #008000; border-style: solid;text-align:center;}
/*Site Map */

.has-subnav { position: relative; }

figure { 	display: block;
margin-top: 1em;
margin-bottom: 1em;
}  


figcaption 	{display: block; text-align:center;}


.box10 {width: 10em; padding: 10px;   margin: 2px; }
.box20 {width: 15em; padding: 10px;   margin: 2px; }
.box30 {width: 22.5em; padding: 10px;   margin: 2px; }
.box40 {width: 30em; padding: 10px;   margin: 2px; }
.box50 {width: 45em; padding: 10px;   margin: 2px; }
      
      
/* Text Size Fonts */

.font350 { font-size: 350%; } 
.font300 { font-size: 300%; } 
.font250 { font-size: 250%; }         
.font200 { font-size: 200%; }
.font150 { font-size: 150%; }
.font130 { font-size: 130%; } 
.font120 { font-size: 120%; } 
.font117 { font-size: 117%; }
.font100 { font-size: 100%; }
.font83 { font-size: 83%; }
.fontred {color: crimson;}
.fontgreen {color: darkgreen;}
.fontblue {color: blue;}
.fontnavy {color: navy;}
.fontorange {color: orange;}


.fontlarger {font-size:larger; }
.fontsmaller {font-size:smaller; }

.bold {font-weight:700;}
.center {text-align: center;}
.font83 { font-size: 83%; }
.underline { text-decoration: underline; }
.blue { color: #0000FF; background-color: #fafad2; }
.white { background-color: #FFFFFF; text-align: center; }
.darkgreen { color: #008000; background-color: #fafad2; }   
.red { color: #FF0000; background-color: #fafad2;} 
.local { display: none }
.www { display: none  }
.video { display: none  }


/* ID Styles for header, main, section, aside, nav & footer areas */    
#header { line-height: 1.4; display:block;width:96.815%;margin-top:.0em;margin-right:auto;margin-bottom: 0.5em;margin-left:2em;padding: 15px 1.5625%; border-bottom: 2px solid black;
}

#main     {clear: both; line-height: 1.1; display:block; margin-top:0em;margin-right:0;margin-bottom: auto; float: left;}

        
#article {clear: both; line-height: 1.1; display:block;width:95%;margin-top:.0em;margin-right:0;margin-bottom: auto;margin-left:2em;}  




#nav { display:none;}   

#navmobile {clear: both ; display : none ;}     
        
#navhome { display:none;}   

#sectionhome { margin-left:3em; float: left;font-size: 100%;} 
        
                
#sidebar {float: left;width:12em;height:auto;margin-top:0.5em;margin-right: 2em;margin-left:1em;margin-bottom: 2em;}      
        
#footer {clear: both;
         display:inline-block;
        width:96.875%; 
        margin-top: 5px;
        margin:3em;
        font-size:0.75em;
        line-height: 1.0;
        border-top:solid 2px;
        padding: 15px 1.562%;
        }
               
#copyright {float: left; font-family: arial, sans-serif;}    
        
#date {float: right;  font-family: arial, sans-serif; }    
        
#contact {text-align: center; font-family: arial, sans-serif; } 

#address {clear: both; float: left; font-family: arial, sans-serif;} 


#urladdress {clear: both; float: left; font-family: arial, sans-serif;} 

#sectionhome { margin-left:3em; float: left;font-size: 80%;} 

U { text-decoration: underline; }


DD{ margin-left: 2em; font-size: 7pt;}

dl, ol, ul { margin-left: 3%; margin-right: 5%; }

DT { margin-left: 1em;  font-size: 11pt;}

li { margin-left: .1em; font-size: 9pt; }

.navbar {
	color: Red;
	background-color: #fafad2;
	margin-left: 3em;
	margin-right: 5em;
	font-size: 0.8em;
	text-align: center;
}


div.navigationline {
width:100%;
background-color: #00008b;
Color: #ffd700;
border:none;
font-size:.8em;
padding:3px;
margin-top: 3px;
height: 30px;
text-align:center;
}

 span {display:inline;text-align:left;}
span.pagetitle {
font-family:inherit;
color: #808000;
font-size: 12px;
font-weight:900;
background-color:#fafad2;
}

a.nav:active {
color:#FFF;
background-color:#FFF8DC;
text-decoration:none;
font-size:100%;
}


p {
color:#000;
background-color:#fafad2;
margin-bottom: 0.5em;
}

#newswrapper {	margin-left: auto; margin-right: auto;	background-color:#fafad2;	color:#000; Width: 95%;}

div#wrapper {	margin: 0;	background-color:#fafad2;	color:#000; max-width:480px;}
div#twrapper {	margin: 0;	background-color:#fafad2;	color:#000; max-width:960px;}
div#wwrapper {	margin: 0;	background-color:#fafad2;	color:#000; max-width:1200px;}

.sidepanel { width:100%; }
 
.aside {clear: both; display:block; float: right; padding: 2em ; margin-left : 0.5em; width: 32%; } 

         
#aside {clear: both; display:block; float: right; padding: 2em ; margin-left : 2em; width: 32%; } 

#topaside {clear: both; float: right;  margin-left: 1em; width: 32%;
} 

#bottomaside {clear: both; float: right; margin-left: 1em; width: 32%;}



#newswrapper {	margin-left: auto; margin-right: auto;	background-color:#fafad2;	color:#000; Width: 98%;}

.newsleft {height:auto; margin-top:0.5em; margin-right: 1em; margin-left:1em; margin-bottom: 2em;} 
 
#newsright {height:auto; margin-top:0.5em; margin-right: 1em; margin-left:1em; margin-bottom: 2em;} 
              
.content {clear: both; width:65%; float: left; }

#id.content {clear: both; width:65%;  float: left; }
	
	

#header {
width:100%;
margin-right:0;
margin-bottom:auto;
margin-left:0;
margin-top: 0;
}


div#ofbanner {
width:100%;
margin-top:0;
margin-right:0;
margin-bottom:0;
margin-left:0;
height:auto;
display:block;
border-style:none;
}


div.floatleft {	float: left; margin-right: 4px;}
div.floatright {	float: right; margin-left: 4px;}

div.twobox {
	float: left;
	width: 45%;
    margin-right: 15px; margin-top: 4px; margin-left:15px; margin-bottom: 6px; 
    border-style: solid; 
    border-color: black;
     border: 2px;
    
}
div.border {    border: 2px black solid; }
     
div.floatleft200 {
	float: left;
	width: 200px;
}

div.float p {
	text-align: center;
}

div.width480 {max-width: 480px; }
div.width770 {max-width: 770px; }
div.width1200 {max-width:1200px; }
div.width700 {width: 700px; }
div.width600 {width: 600px; }
div.width500 {width: 500px; }
div.width450 {width: 450px; }
div.width400 {width: 400px; }
div.width350 {width: 350px; }
div.width300 {width: 300px; }
div.width250 {width: 250px; }
div.width200 {width: 200px; }
div.width150 {width: 150px; }
div.width100 {width: 100px; }

div.width20p {width: 20%; margin-left: auto; margin-right: auto; }
div.width30p {width: 30%; margin-left: auto; margin-right: auto; }
div.width40p {width: 40%; margin-left: auto; margin-right: auto; }
div.width50p {width: 50%; margin-left: auto; margin-right: auto; }
div.width60p {width: 60%;  margin-left: auto; margin-right: auto;}
div.width80p {width: 80%; margin-left: auto; margin-right: auto; }
div.width100p {width: 100%; }

img.printerwide {margin-left: 25px; margin-right: 15px; border-style: none; }
img.printer {margin-left: 5px; margin-right: 5px; border-style: none; }
img.newsletter {vertical-align:top; margin-left: 2px; margin-right: 2px; border-style: none; }
img.sound {vertical-align:middle; margin-left: 3px; margin-right: 3px; border-style: none; }
img.arrow {vertical-align:middle; margin-left: 5px; margin-right: 1px; border-style: none; }
img.horizon {vertical-align:middle; margin-left: 0px; margin-right: 5px; border-style: none; }
img.navvideo {vertical-align:middle; margin-left: 5px; margin-right: 5px; border-style: none; width: 30px; height: 30px;}
img.arrowsm {vertical-align:middle; margin-left: 5px; margin-right: 2px; border-style: none; width: 20px; height: 12px; }
img.space5px {margin-left: 5px; margin-right: 5px; border: 0; }
img.space10px {margin-left: 10px; margin-right: 10px; border: 0; }
img.floatleft {	float : left; margin-left: 5px;margin-right:20px; border: 0;}
img.floatleft40 {float : left; margin-left: 40px;margin-right:20px; border: 0;}
img.photoright40 {margin-right: 40px; margin-top: 4px; margin-left:15px; margin-bottom: 6px; border-width: 4px; border-color: black;}
img.photoleft40 {margin-right: 15px; margin-left:40px; margin-top: 4px; margin-bottom: 6px; border-style: solid;  border-color: black;}
img.icon5 {	float : left;	margin-right: 60px; border-width: 4px; margin-left:50px;}
img.icon4 {	float : left;	margin-right: 80px; border-width: 4px; margin-left:80px;}
img.icon3 {	float : left;	margin-right: 100px; border-width: 3px; margin-left:100px;}
img.icon2 {	float :left; margin-right: 140px; border-width: 4px; margin-left:140px;}
img.gold {	margin-right:5px;  border: 4px solid gold; margin-left:5px;}
img.icon {	margin-right: 5px;  border: 0px;margin-left:5px;}

img.floatright {float : right;	margin-left: 10px; margin-right: 15px;}
img.logo {	float : left;	margin-right: 20px; border-width: 4px; margin-left:20px;}
img.liicons {	float : left;	margin-right: 20px; border-width: 2px; margin-left:20px;}


div.spacer {
	clear: both;
}

div.row {
	clear: both;
	padding-top: 5px;
}

div.row span.label {
	float: left;
	width: 100px;
	text-align: right;
	
}

div.row span.text-space {
	float: right;
	width: 50%;
	text-align: left;
}

abbr, acronym, .help { border-bottom: 1px dotted #333;
cursor: help;
}

div.width480 {max-width: 480px; }
div.width960 {max-width: 960px; }
div.width1200 {max-width: 1200px; }

.aside {clear: both; display:block; float: right; width: 100%; padding: 2em ; margin-left : 0.5em; width: 32%; } 

         
#aside {clear: both; display:block; float: right; width: 100%; padding: 2em ; margin-left : 2em; width: 32%; } 

#topaside {clear: both; display: block; float: right;  margin-left: 1em; width: 32%;
} 

#bottomaside {clear: both; display:block; float: right; margin-left: 1em; width: 32%;}

#sidebar  {clear: both; display:block; float: left; margin-left: 1em; width: 200px; border: 1px black;}


#newswrapper {	margin-left: auto; margin-right: auto;	background-color:#fafad2; color:#000; Width: 70%;}

.newsleft {float: left;  position:relative; width: 45%; margin-top:0.5em; margin-right: 2em; margin-left:1em; margin-bottom: 2em;} 
 
#newsright {float: right; position:relative; width: 45%; margin-top:0.5em; margin-right: 2em; margin-left:1em; margin-bottom: 2em;} 
              
.content {clear: both; width:65%; float: left; }

#id.content {clear: both; width:65%;  float: left; }