body{
margin:0;
padding:0;
line-height: 1.5em;
background: #8B0000 url(Images/bg01.jpg) repeat fixed top right
}


b{font-size: 110%;}
em{color: red;}

h1{
text-align: center;
}

h2{
color: red;
text-align: center;
}

h3{
text-align: center;
}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 10px auto; /*Center container on page*/
padding-left: 10px;
position: absolute;
}

#topsection{
background: #25393A url(Images/Tartanbanner.jpg) no-repeat;
height: 150px; /*Height of top section*/
border: 2px solid #8B0000;
text-align: right;
}

#topsection h1{
margin: 0;
padding-top: 0px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 0 0 175px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-image: url(Images/Htx7.jpg);
border: 2px solid #8B0000;
height: 900px;
padding-top: 5px;
text-align: left;
}

#leftcolumn{
float: left;
width: 172px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
background: #425E5F url(Images/KnotVertical.jpg) repeat-y top left;
border: 2px solid #8B0000;
height: 905px;
padding-top: 0px;
}


#footer1{
clear: left;
width: 836px;
background: #25393A;
border: 2px solid #8B0000;
text-align: center;
text-decoration: none;
color: white;
font-size: small;
}

#footer1 a{
color: white;
text-decoration: none;
}

#footer2{
clear: left;
width: 836px;
background: #25393A;
border: 2px solid #8B0000;
text-align: center;
text-decoration: none;
color: white;
font-size: small;
}

#footer2 a{
color: white;
text-decoration: none;
}

#footer3{
clear: left;
width: 836px;
background: #25393A;
border: 2px solid #8B0000;
text-align: center;
text-decoration: none;
color: white;
font-size: small;
margin-bottom: 20px;
padding: 5px 0px 0px 0px;
}

#footer3 a{
color: white;
text-decoration: none;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}



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









.glossymenu{
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
width: 130px; /*width of menu*/
border: 1px solid #8B0000;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
margin: 0px 0px 0px 22px;
background: black url(Images/glossyback1.gif) repeat-x bottom left;
font: bold 14px "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: 130px;
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/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
margin: 0px 0px 0px 22px;
width: 130px;
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: 130px;
}

.glossymenu div.submenu ul li a:hover{
background: #8B0000;
color: white;
}