/* SETS BASIC HTML DEFINITIONS */

html {	height: 100%; 	margin-bottom: 1px;}

body { background-color: #000033;
 color: #ffffff; font-family: Arial, Verdana, sans-serif;
  font-size: 80%; text-align: center;  margin: 5px 0;}

table, td { padding: 0px;  margin: 0;  border-collapse: collapse;
  font-size: 100%;}

ul li { list-style-image: url('RTB-Free-02_web/images/bluenavbul.gif');
  font-size: 100%;}

hr { background-color: #003399;  color: #003399;  height: 1px;  width: 100%;}

hv { background-color: #003399;  color: #003399;  height: 90%;  width: 1px;} 

img { border: none;}


form { margin: 5px 0 0 0;  padding: 0;  font-size: 100%;}

.forminput { background-color: #303030;
  color: #fff;  border: 1px solid #c0c0c0;
  padding: 2px;  font-size: 100%;
  font-family: Verdana, Arial, sans-serif; margin: 2px;
}

/* SETS HEADING PROPERTIES */
h1 { font-family: Georgia, Times, serif;
  color: #006699;  text-align: left;  font-size: 22px;  font-weight: bold;}

h2 { font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
  color: #006699;  text-align: left;  font-size: 20px;  font-weight: normal;}

h3 { font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
  color: #006699;  text-align: left;  font-size: 20px;  font-weight: normal; }

h4 { font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;  font-size: 18px;  font-weight: normal;  color: #006699;  text-align: left; }

h5 { font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;  font-size: 20px;  font-weight: normal;  color: #006699;  text-align: center; }

h6 { font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;  font-size: 22px;  font-weight: normal;  color: #006699;  text-align: center; }

h7 { font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;  font-size: 15px;  font-weight: normal;  color: #006699;  text-align: center; }

h8 { font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;  font-size: 24px;  font-weight: normal;  text-align: center; }

/* SETS THE VARIOUS HYPERLINK PROPERTIES */

a:link  { color: #66ccff;  text-decoration: none; }

a:visited { color: #66ccff;  text-decoration: none;  }

a:hover { color: #99ccff;  text-decoration: underline; }

a:active { color: #66ccff;  text-decoration: none;  }


.navigation a:link  { color: #fff;  text-decoration: none;
  font-weight: normal;}

.navigation a:visited { color: #fff;  text-decoration: none;
  font-weight: normal;}

.navigation a:hover { color: #fff;  text-decoration: underline;
  font-weight: normal;}

.navigation a:active { color: #fff;  text-decoration: none;
  font-weight: normal;}

/* SETS THE CLASS PROPERTIES Wrapper= text in body*/

.wrapper { width: 750px; background: #aaa; color: #fff;
  text-align: left; margin: 0;
  auto;}

.header { 
	background-image: url('RTB-Free-02_web/images/headerimageltblue.jpg');
	border: 0px solid #f00;
 	color: #fff; text-align: left;
	vertical-align: top; padding-left: 20px; height: 250px;}

.header H1 { font-family: Georgia, Times, serif;
  color: #b86039;
  text-align: left;
  font-size: 26px;
  font-weight: bold;
  margin: 20px 0 40px 0;
 }
.header H2 { font-family: Georgia, Times, serif;
	  color: #fff; text-align: left;  font-size: 20px;
	  font-weight: bold; margin: 10px 0 10px 0;
}

.header h4 { font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;  font-size: 18px;  font-weight: normal;  color: #006699;  text-align: center; }


.header p { color: #fff; font-size: 125%; line-height: 20px;}

.navigation { background-image: url('RTB-Free-02_web/images/%20NavLtBluebg.jpg');
 color: #008;
 text-align: center;
 height: 30px;
 letter-spacing: 2px;}

.sidebar { background-color: #666666; width: 250px;  padding: 10px;
  vertical-align: top;
  font-size: 90%;  text-align: left;
  border-right : 1px dotted #111;}

.maintext { background-color: #666666; width: 500px;
  padding: 10px 15px;  vertical-align: top;  text-align: justify;}

.catalog { width: 50%;  padding: 10px;  text-align: left;
  vertical-align: top; }

.mainwide { background-color: #303030; width: 750px;
  padding: 10px 20px;  text-align: justify;  vertical-align: top; }

.footerleft { background-color: #000; text-align: center; font-size: 90%;  font-weight: normal; border-top: 2px solid #003399; }

.footerright { background-color: #000; text-align: center; font-size: 90%;  font-weight: normal; border-top: 2px solid #003399;  padding: 10px 0;
	display:inline;
	height: 1em;
	}

.imageleft { margin: 3px 10px 2px 0px;  float: left;
  border: 3px double #c0c0c0;}

.imageright { margin: 3px 0px 2px 10px;  float: right;
  	border: 3px double #c0c0c0;
    	}

.imageright  ul { display: block;
		  margin: 25px:
			
    		}

.imagecenter { margin: 0px 5px;  border: 3px double #c0c0c0;}


.nav6 {
 	background-image: url('images/ltBluewide2.jpg');	 		
        border: 0px solid #00b;
	width: 100%;
 	
    }

.nav6 ul  {
 
	 float: center;
	 border: 0px solid #0b0;
 	 width: 685px;
	 padding-left: 40px;
   	 margin: 0;
    	}

.nav6 li {

	float: left;
 	border: 1px solid #bbb;
 	border-bottom-width: 0;
 	margin: 0;
    }

.nav6 ul li { 

 	   list-style-image: none;
	 list-style-type:none;
	  font-size: 100%;}

.nav6 a {

	border: 0px solid #b00;	 		 		
 	display: block;
 	padding: 0.24em 1em;
 	color: black; 	
	width: 5.25em;
 	text-align: center;
    }

 
.nav6 a:hover {
 	 	color: white;
	 	font-weight: bolder;
 		}


.nav6 a:link  { color: white;  text-decoration: none; }

.nav6 a:visited { color: white;  text-decoration: none;  }


.nav6 a:active { color: white;  text-decoration: none;  }


.nav6 #selected a:link {
 		color: white;
 		}


.nav6 #selected a {top: 1px;
	
	
	border: 0px solid #0b0;
 	color: white;
 	font-weight: bolder;
	 }


.nav {
 	background-image: url('images/ltBluewide2.jpg');	 		
        border: 0px solid #00b;
	width: 100%;
 	
    }

.nav ul  {
 
	 float: center;
	 border: 0px solid #0b0;
 	 width: 685px;
	 padding-left: 1px;
   	 margin: 0;
    	}

.nav li {

	float: left;
 	border: 1px solid #bbb;
 	border-bottom-width: 0;
 	margin: 0;
    }

.nav ul li { 

 	   list-style-image: none;
	 list-style-type:none;
	  font-size: 100%;}

.nav a {

	border: 0px solid #b00;	 		 		
 	display: block;
 	padding: 0.24em 1em;
 	color: black; 	
	width: 5em;
 	text-align: center;
    }

 
.nav a:hover {
 	 	color: white;
	 	font-weight: bolder;
 		}


.nav a:link  { color: white;  text-decoration: none; }

.nav a:visited { color: white;  text-decoration: none;  }


.nav a:active { color: white;  text-decoration: none;  }


.nav #selected a:link {
 		color: white;
 		}


.nav #selected a {top: 1px;
	
	
	border: 0px solid #0b0;
 	color: white;
 	font-weight: bolder;
	 }

#navdrop {
	background-image: url('images/ltBluewide2.jpg');
	padding-left: 40px;	 		
        border: 0px solid #00b;
	width: 100%;
}

#navdrop, #navdrop ul { /* all lists WIDTH ADDED*/
	padding: 0.4em 1em;
	margin: 0;
	border: 0px solid #00b;
	height: 1em;
	list-style: none;
	line-height: 1;
}

#navdrop a {
	display: block;
	width: 7em;
}

#navdrop li { /* all list items */
	background-image: url('images/ltBluewide2.jpg');
	float: left;
	width: 7em; /* width needed or else Opera goes nuts */
}

#navdrop li ul { /* second-level lists */
	position: absolute;
	float: left
	
	width: 5.5em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}



#navdrop li:hover ul ul, #navdrop li:hover ul ul ul, #navdrop li.sfhover ul ul, #navdrop li.sfhover ul ul ul {
	left: -999em;
}

#navdrop li:hover ul, #navdrop li li:hover ul, #navdrop li li li:hover ul, #navdrop li.sfhover ul, #navdrop li li.sfhover ul, #navdrop li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



/* SETS THE VARIOUS HYPERLINK PROPERTIES */