/***********************************************/
/* layout.css                                */
/***********************************************/

/* HTML tag styles                             */

p{
	clear: both;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 20px;
	text-align:justify;
	font-family: Arial, Tahoma, serif;
	font-size: 15px;
	margin:0px ;
	color: #333333;
}

li{
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-right: 20px;
	text-align:justify;
	/*font-family: Arial, Tahoma, serif;
	font-size: 15px;*/
	
	margin:0px ;
	color: #333333;
}

textarea,input{
	font-family: Arial,sans-serif;
	font-size:11px;
	color:#555555;	
	padding: 0px;
	/*width:1024px;
	margin:0 auto;*/
}

body{
	background-color:#000000;
	/*background-image: url(../body-bgud.jpg);*/
	font-family: Arial,sans-serif;
	font-size:18px;
	color:#555555;	
	padding: 0px;
	width:100%;
	/*max-width:1024px;*/
	/*width:1024px;*/
	margin:0 auto;
}

table{
	width:100%;/*width:1024px;*/
	/*max-width:1024px;*/
	background-color:#FFFFFF;
	border-style:none; 
	padding: 0px;
	margin: 0px;
	border-spacing: 0px; 
}

td{
	padding: 0px;
}

h1{
	font-family: Arial,sans-serif;
	margin: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
 	background-color: #006699;
 	font-size: 20px;
 	color: #FF9900;
 	border-style:none;
	border-collapse: collapse; 
	border-spacing: 0px;
}

h2{
	font-family: Arial,sans-serif;
	margin: 0px;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
 	font-size: 20px;
 	color: #000099;	
}

h3{
	font-family: Arial,sans-serif;
	margin: 0px;
	padding-left: 15px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 5px;
 	color: #000000; 
 	/*background-color: #000000;*/
 	font-size: 16px;
}
h4{
	font-family: Arial,sans-serif;
	margin: 0px;
	padding-left: 15px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 2px;
 	color: #0000; 
 	/*background-color: #000000;*/
 	font-size: 16px;
}
a:link, a:visited, a:hover {
	color: #002070;
	text-decoration: none;
	font-weight: 600;
}

a:hover {
	text-decoration: underline;
}

ul{
 	list-style-type: disc;
}

ul p{
	line-height: 1px;
}

ul ul{
 	list-style-type: disc;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#navBar{
	background-color: #eeeeee;
	font-size: 16px;
	white-space: nowrap;
	vertical-align: top;
}

/************* #globalNav styles **************/

#globalNav{
	color: #cccccc;
	padding: 0px 0px 0px 10px;
	white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 	display: block;
}

#globalNav  {
	font-size: 100%;
	padding: 0px 0px 0px 0px; 
	color: #0070b0;
}

#globalNav a:link, #globalNav a:visited, #globalNav a:hover {
	font-size: 100%;
	padding: 0px 0px 0px 0px; 
	color: #f2f2f2;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
	top: 0px;
	/*inherit:false*/
}

#sectionLinks h3{
	padding: 10px 10px 2px 10px;
}

#sectionLinks a:link{
	padding: 2px 10px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
    /*
	voice-family: "\"}\""; 
  	voice-family:inherit;
	*/
	width: auto;
}
/* See how this horrible hack gets round IE5 bugs */
/* http://www.tantek.com/CSS/Examples/boxmodelhack.html */

#sectionLinks a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 10px 2px 10px;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 2px 0px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}


/**** Class Definitions */

.Banner{
	border-collapse: collapse;
	border-style:none; 
	background-color:#000000;
	padding: 0px;
	color:#bbbbbb;
	vertical-align:middle;
	font-size: 15px;
}


.floatL{
    float: left;
}

.floatR{
    float: right;
}

.normal {  
	clear: both;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-right: 20px;
	text-align:justify;
	font-family: Arial, Tahoma, serif;
	font-size: 15px;
	margin:0px ;
	color: #333333;
}
text {  
	font-size: 20px;
	font-family: Arial, Tahoma, serif;
}
.centerText {
    text-align: center;
    /*padding: 0;
	margin:0;
	border:0;*/    
}

.footer {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
 	background-color: #FF6600;/*#FF9900;*//*#001030;*/
 	font-family: Arial,sans-serif;
 	font-size: 11px;
 	color: #FFFFFF;
 	border-style:none;
	border-collapse: collapse; 
	border-spacing: 0px;
	
}

.bullet {
	font-size: 15px;
	font-family: Arial, Tahoma, serif;
	list-style: square inside; 
}

.autosize {
  width:100%;
  max-width:750px;
  min-width:350px;
}

.fancylist {
		font-size: 20px;
		line-height:2.0;
}

/* Image System changed to use animation rather than transition function. */
/* similar to https://www.taniarascia.com/crossfade-between-two-images-with-css-animations/*/

.imgfade{
	/*width:100%;*/
  	/*max-width:1000px;*/
  	position: relative;
  	top: 0px;
  	left: 0px;
}


.image1 {
    width:100%;
  	max-width:1000px;
	position: absolute;
	top: 0px;
  	left: 0px;
	/*animation-name: fade;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 12s;
	animation-direction: alternate;*/

}
.image2 {
	width:100%;
  	max-width:1000px;
 	top: 0px;
  	left: 0px;
	position: relative;
}
/*
@keyframes fade {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

}
*/