body{
	margin: 1em 2em;
	padding:0;
	line-height: 1.5em;
	background-image: url(Images/tartan-1d.png);
	background-repeat: repeat;
	background-color: #E8D9B2;
}



h1{
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #F00;
}

h2{
	color: red;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
}

h3{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 0px;
}

p{	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.red{ color: red;}


#maincontainer{
	width: 980px; /*Width of main container*/
	border: 3px solid #6D0505;
	box-shadow: 0 0 65px #000;
	background-image: url(Images/Htx7b.jpg);
	margin: 0 auto;
	padding: 0;
}

#topsection{
	height: 187px; /*Height of top section*/
	margin: 0;
	padding: 0px;
}

#topsection h1{


}



#contentwrapper{

float: left;

width: 100%;

}



#contentcolumn{

margin: 0 0 0 175px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

padding-top: 5px;

text-align: left;

}



#leftcolumn{

float: left;

width: 172px; /*Width of left column in pixel*/

margin-left: -980px; /*Set margin to that of -(MainContainerWidth)*/

padding: 0px;

}





#footer1{
clear: left;
width: 980px;
text-align: center;
text-decoration: none;
font-size: small;

}


.innertube{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
margin: 30px; /*Margins for inner DIV inside each column (to provide padding)*/

margin-top: 0;

}


/*******The original menu sections went above here!!************/

.glossymenu{

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

width: 150px; /*width of menu*/

border-bottom-width: 0;

}



.glossymenu a.menuitem{

margin: 0px 0px 0px 0px;

background: black url(Images/glossyback1c.gif) repeat-x bottom left;

font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;

color: white;

display: block;

position: relative; /*To help in the anchoring of the ".statusicon" icon image*/

width: 150px;

padding: 0px 0px 4px 22px;

padding-left: 10px;

text-decoration: none;

}

.glossymenu a.menuitemholder{

margin: 0px 0px 0px 0px;

background: black url(Images/glossyback2c.gif) repeat-x bottom left;

font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;

color: #000;

display: block;

position: relative; /*To help in the anchoring of the ".statusicon" icon image*/

width: 150px;

padding: 0px 0px 4px 22px;

padding-left: 10px;

text-decoration: none;

}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{

color: white;

}



.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/

position: absolute;

top: 5px;

right: 5px;

border: none;

}



.glossymenu a.menuitem:hover{

background-image: url(Images/glossyback2c.gif);

}



.glossymenu div.submenu{ /*DIV that contains each sub menu*/

margin: 0px 0px 0px 22px;

width: 150px;

background: #425E5F;

}



.glossymenu div.submenu ul{ /*UL of each sub menu*/

list-style-type: none;

margin: 0;

padding: 0;

}



.glossymenu div.submenu ul li{

border-bottom: 1px solid #8B0000;

}



.glossymenu div.submenu ul li a{

display: block;

font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;

color: white;

text-decoration: none;

padding: 2px 0;

padding-left: 10px;

width: 150px;

}



.glossymenu div.submenu ul li a:hover{

background: #8B0000;

color: white;

}