/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */<style type="text/css">

body{

background-color: #FF9900;

padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

/* THE NEXT TWO MAKE THE NAVIGATOR CENTERED */

body { /*IE*/
text-align:center;
}

div {/*FF*/
text-align:-moz-center;
}


#framecontent{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 176px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #FF9900;
color: white;
}


#maincontent{
position: fixed; 
top: 176px; /*Set top value to HeightOfFrameDiv*/
left: 0;
right: 0;
bottom: 0;
overflow: auto; 
background: #FF9900;
font-family: Arial, Verdana, sans-serif; 
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/

/* trying to position the navigator to the top of the page */
margin:0 auto;
position: relative;
top: 16px; 
width: 853px
 

}

.innertubeNavigator{
/* trying to position the navigator to the top of the page */
margin:0 auto;
position: relative;
top: -10px; 
width: 853px
 

}

* html body{ /*IE6 hack*/
padding: 166px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}


.invertedshiftdown{

padding: 0;
width: 100%;
border-top: 5px solid #D10000; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{

margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 1px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: #D10000;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 8px 9px 8px; /*Padding within each menu item*/
background-color: #ffff66; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #D10000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: #ffff66;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #D10000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 2px;
padding: 0;
}

#myform .textinput{
width: 166px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid #D10000;
background-color: black;
color: white;
}

/* SETS HEADING PROPERTIES */

p {
	font-family: Arial, Verdana, sans-serif; 
	color: black; 
	font-weight: normal;
	font-size: 16px;
	
}

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

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

</style>