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;

}
.memberlist{
	line-height: 2em;
	padding-right: 10px;
	padding-left: 50px;
}







/*******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.menuitemholder{

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: #000;

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;

}
