/*xxxxxxxxxxxxxxxxxxx GLOBAL styles xxxxxxxxxxxxxxxxxxxxx*/

* {margin: 0px; padding: 0px; } /* removes default margins from all elements */

p {margin-bottom: 10px;}
body { background-color: black; }

						


h1 {color: #3c5ea9; font-family: verdana, sans-serif; font-size: 10pt; line-height: 1.1em; padding: 5px 20px 10px 0px;}
h2 {color: #3c5ea9; font-family: verdana, sans-serif; font-size: 9pt; line-height: 1.1em; padding: 5px 20px 5px 0px;}
h3 {color: #3c5ea9; font-family: verdana, sans-serif; font-size: 8pt; line-height: 1.1em; padding: 5px 20px 5px 0px;}
h4 {color: #303030; font-family: verdana, sans-serif; font-size: 8pt; line-height: 1.1em; padding: 5px 20px 2px 0px;}

acronym {font-weight: bold;}


.boldtext {color: #3c5ea9; font-family: verdana, sans-serif; font-size: 10pt; font-weight: bold; line-height: 1.5em; padding: 5px 20px 10px 0px;}
.linklist { line-height: 2em; }
.spaced { word-spacing: 15px; }
.indent1 {margin-left: 30px; }
.clearboth { clear: both }
ol li {margin-bottom: 5px; }
ul li {list-style-image: url(images/ulbullet.gif);}
#pagecontainer {width: 898px; border: 1px solid #f0f2f7; background-color: black; margin-top: 10px; margin-left: 20px; 
margin-bottom: 15px;}

.yellow {color: yellow; }

.centered
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px; 
    }

a img { border: none; }

.table1 { margin: 15px 0px 15px 0px; background-color: #dddddd; border: 1px solid #333333; border-collapse: collapse;
				font-family: verdana, sans-serif; font-size: 9pt; line-height: 1.2em;
				color: #333333;			}
				
		
.table1 tr.header { background-color: white; color: #3c5ea9; } 				
.table1 td { width: 250px; padding: 10px; text-align: center; border: 1px solid #333333;}

.table2 { margin: 15px 0px 15px 0px; background-color: #e8e8e8; border: 1px solid #333333; border-collapse: collapse;
				font-family: verdana, sans-serif; font-size: 9pt; line-height: 1.2em;
				color: #333333;			}
				
		
.table2 tr.header { background-color: white; color: #3c5ea9; } 				
.table2 td { width: 275px; padding: 10px; text-align: left; border: 1px solid #333333;}


span.dropimg { display:block;
  float:right;
  width:40px;
  padding: 0px 0px 0px 0px;
  height:40px;
  margin-right:0px; margin-top: -20px; margin-bottom: 0px;
  }




/*xxxxxxxxxxxxxxxxxxx HEADER styles xxxxxxxxxxxxxxxxxxxxx*/

#header { position: relative; width: 898px; height: 132px;  background-color: black; 
background-image: url(images/trabitsheader.jpg); 
background-repeat: no-repeat;}

#headerblurb {position:absolute; top: 200px; left: 20px; width: 490px; 	border: 1 px solid red;
						font-family: arial, sans-serif; font-size: 10pt; line-height: 1.1em;}
						
						
/*xxxxxxxxxxxxxxxxxxx NAV STRIP styles xxxxxxxxxxxxxxxxxxxxx*/

#nav  { display: block; position: relative; width: 883px; padding-right: 15px; padding-bottom: 5px; 
		background-color: black; background-image: url(images/trabitsnavstrip.jpg); 
		background-repeat: no-repeat;
		text-align: right; font-family: verdana, sans-serif;  font-size: 10pt; letter-spacing: .1em; 
		word-spacing: 12px; 
		color: #dde3f2;  }

#nav  a:link { color: #dde3f2;
 		text-decoration: none;
		border-style: none none none none;	}

#nav  a:visited { color: #dde3f2;
 		text-decoration: none;
		border-style: none none none none;}		


#nav  a:hover {
		color: yellow;
		text-decoration: none;
 		border-bottom: yellow;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;	}

#nav  a:active {
		color: #990000;
 		text-decoration: none;
 		border-bottom: #990000;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;	}



/*xxxxxxxxxxxxxxxxxxxCONTENT BOX styles xxxxxxxxxxxxxxxxxxxxx*/


.content { display: block; position: relative; width: 838px; background-color: #f0f2f7; 
				border-top: 10px solid #050d1c;	padding: 15px 30px 20px 30px; 
				font-family: verdana, sans-serif; font-size: 9pt; line-height: 1.2em;
				color: #333333;}

.content p {margin-top: 10px; margin-bottom: 10px; line-height: 1.3em;}

.content img {margin-top: 15px; margin-bottom: 15px;}


.caption {	
	    
	    text-align: left;
		color: #404040;
		font-family: Verdana, Century Gothic, Arial, sans-serif;
		font-size: 9pt;
		line-height: 1.2em;
		font-weight: normal;
		font-style: italic;
		}	

.image_left	{	
		
		float: left; clear: left;
		margin: 0px 35px 10px 0px;
		padding-top: 8px;
		border-style: none;	}

.image_left	p {	
	    
	    text-align: left;
		color: #404040;
		font-family: Verdana, Century Gothic, Arial, sans-serif;
		font-size: 9pt;
		line-height: 1.2em;
		font-weight: normal;
		font-style: italic;
		}
		
.image_center	{	
		text-align: left;
		clear: both;
		margin: 20px auto 0px auto;
		padding-top: 8px;
		border-style: none;	}

.image_center	p {	
	    text-align: left;
		color: #404040;
		font-family: Verdana, Century Gothic, Arial, sans-serif;
		font-size: 9pt;
		line-height: 1.2em;
		font-weight: normal;
		font-style: italic;
		}			
		
.image_right {
	
		float: right; clear: right;
		margin: 5px 0px 10px 35px;
		padding-top: 8px;
		border-style: none;	}
		


.image_right p {	
		width: 200px;
		margin-top: -10px;
		text-align: left;
		color: #404040;
		font-family: Verdana, Century Gothic, Arial, sans-serif;
		font-size: 9pt;
		line-height: 1.2em;
		font-weight: normal;
		font-style: italic;	
		}		


.content  a:link { color: #000099;
 		text-decoration: none;
		border-style: none none none none;
		border-bottom: 1px dotted;}

.content  a:visited { color: #333333;
 		text-decoration: none;
		border-style: none none none none;
		border-bottom: 1px dotted;}		


.content  a:hover {
		color: orange;
		text-decoration: none;
 		border-bottom: orange;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;	
		border-bottom: 1px dotted;}

.content  a:active {
		color: red;
 		text-decoration: none;
 		border-bottom: #990000;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;	
		border-bottom: 1px dotted;}

.jumplist    {color: #3c5ea9; font-family: verdana, sans-serif; font-size: 9pt; font-weight: bold; line-height: 1.1em; 
					padding: 5px 20px 5px 0px;}
.jumplist a:link {color: #666666; }
.jumplist a:visited {color: #999999; }
.jumplist a:hover {color: orange; }
.jumplist a:active {color: red; }

/*xxxxxxxxxxxxxxxxxxx FOOTER styles xxxxxxxxxxxxxxxxxxxxx*/


#footer  { display: block; position: relative; width: 870px; background-color: black; 
			padding: 10px; padding-right: 20px; text-align: right; color: #999999; font-family: verdana, sans-serif; font-size: 7pt; 
			margin-bottom: 30px;}





#footer  a:link { color: #999999;
 		text-decoration: none;
 		border-bottom: #666666;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;	}

#footer  a:visited { color: #999999;
 		text-decoration: none;
 		border-bottom: #999999;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;}		


#footer  a:hover {
		color: yellow;
		text-decoration: none;
 		border-bottom: yellow;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;	}

#footer  a:active {
		color: #cc0000;
 		text-decoration: none;
 		border-bottom: #cc0000;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;	}
		


.nodecor a:link {  text-decoration:none !important; 
				border-style: none !important; border: 0px !important; }

.nodecor a:visited { text-decoration:none !important; 
				border-style: none !important; border: 0px !important; }

.nodecor a:hover { text-decoration:none !important; 
				border-style: none !important; border: 0px !important; }		      

.nodecor a:active {  text-decoration:none !important; 
				border-style: none !important; border: 0px !important; }

/* ..but what if its an im... NO, NO, NO! */				
.nodecor img {  border-style: none !important; border: 0px !important; }