body { 
background-color: #5b1313;
color: #000000;
margin: 0px;
padding: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.75em;
line-height: 1.2em;
text-align: justify
}

a {color: blue;}

a:link {color: blue;
text-decoration: underline;}

a:hover {color: #ef1307;
background-color: #ffffff;
text-decoration: underline;}

a.footera {color: #dfe228;
text-decoration: none;}

a:link.footera {
text-decoration: none;}

a:hover.footera {color: yellow;
background-color: #696969;
text-decoration: none;}

a.bookmark{
color: #000000;}

a#top {
color: #000000;}

h1 {font-size: 1.5em;
font-weight: bold;
text-align: left;
line-height: 1.5em;}

h2 {font-size: 1.3em;
font-weight: bold;
text-align: left;
line-height: 1.2em;}

h3 {font-size: 1.2em;
font-weight: bold;
text-align: left;}

h4 {font-size: 1.1em;
font-weight: bold;
text-align: left;}

h5 {font-size: 1em;
font-weight: bold;
text-align: left;}

p {font-size: 10pt;
text-align: left;}

/* Font sizes*/
.small {font-size: 8pt}
.smaller {font-size: 7pt}
.centre {text-align: center;}
.leftali {text-align: left;}
#cent{text-align: center;}

div.container
{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
}

div.left
{
float:left;
width:220px;
margin:0;
padding:1em;
background-color:blue;
}

div.right
{
float:right;
width:250px;
margin:0;
padding:1em;
}


div.LSHTMright
{
float:right;
width:150px;
margin:0;
padding:1em;
}

div.AboutUsright
{
float:right;
width:230px;
margin:0;
padding:1em;
}



div.content
{
line-height:120%;
margin-left:220px;
margin-right:270px;
padding:1em;
}

div#topdesign {
background-image: url('images/header_backgroundblue2.gif');
background-repeat: repeat-x;
height: 17em;
z-index: 2;}

div.blackbox{
/*Places a black border within a div*/
border: 3px #000000 solid;
margin: .3em;
padding: .3em;
}


#logoplace {
	position:relative;
	top:1.25em;
	margin-left:20px;	
}

#sidewrapper {
	float: left;
	width:220px;
/*	margin-top: 1em;*/
}

#sidemenu{
	border-top: 5px solid #deddff; 
	border-right:5px solid #deddff; 
	border-bottom:5px solid #c6c7e9; 
	border-left: 5px solid #c6c7e9 ;
	width:200px;
	height: 350px;
 	margin-left:10px; 
	padding-bottom:33px;
	background-color: #f4f3ff;
	background-repeat: no-repeat;
	background-position:left bottom;
}

.sidepanel{
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	width: 180px;
}

.sidepanel li{
	background-color: #f4f3ff;
	border-bottom: 1px solid white;
	margin-left: 15px}

.sidepanel li a{
	display: block;
	width: auto;
	text-indent: 8px;
	text-decoration: none;
	color: black;
	border-bottom: 1px solid #c6c7e9; 
	font-style:normal; 
	font-variant:normal; 
	font-weight:bold; 
	font-size:13px; 
	font-family:"Lucida Grande", "Trebuchet MS", Verdana; 
	padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px
}

.sidepanel li a:visited, .sidepanel li a:active{
	color: black;
}

.sidepanel li a:hover{
	background-image:  url('images/rollovernav.gif');
	color: black;
	border-bottom: 1px solid #c6c7e9; 
	background-repeat: repeat-x;}

.mainbox {
	position:relative;
	color: #000000;
	border:none;
	background-color: #ffffff;
	margin-left:250px;
	margin-right: 50px;
}

#mainnav {
	background-repeat:no-repeat;
	font-family:"Lucida Grande", "Trebuchet MS", Verdana; 
	font-size:12px;
	font-weight:normal;
	height:27px;
	white-space:nowrap;
	position:relative;
	top: 7.95em;
	z-index: 3;
}

#mainnav ul {
	padding:0 ;
	margin: 5px 0 0 ;
	height:27px;
	white-space:nowrap;
	width:900px;
	position:absolute;
	color:blue; list-style-type:none
}

#mainnav ul li{
	text-align: center ;
	text-decoration:none;
}

#mainnav li{
	display:block;
 	float:left;  
	height:27px;
	list-style-type:none;
	margin:0;
	padding:0;
	white-space:nowrap;
	width:auto;
}

#mainnav a {
	border-left:1px solid #E9EFF2;
	border-right:1px solid #B1C6CF;
	font-size:13px;
	padding:5px 12px;
	position:relative;
	text-decoration:none;
	left:25px;
}

#mainnav a:hover {
	background-color:#F1F4F4;
	background-image:url('images/rollovernav.gif');
	color:#000000 !important;
	text-decoration:none;
}

#mainnav a:link, #mainnav a:visited {
	color:#000000 !important;
	list-style-type:none;
	text-decoration:none;	
}

#hitcounter {
width: 150px;
padding-left: 20px}

div.footer{
position:relative;
background-image: url('images/FooterbgndBigb.jpg');
background-repeat: no-repeat;
width: 1000px;
height: 42px;
line-height: .7em;}

/*Top div on history.htm ?needed*/
div.appendices{
width: 500px;
position: relative;
margin-left: auto;
margin-right:auto;
z-index: 3;}

/*Footer paragraph*/
p.footerp {
line-height: .7em;
text-align: center;
}

/*Numbered paras in how2join.htm*/
p.Soc {
margin-left: 38pt;
text-indent: -37.95pt;
}

/*TABLES*/

table tr td {
	color: #000000;
	font-size: 10pt 
}

/*Table 3 in SSM Info page*/
.tab3a {
border: 1px black solid;
border-collapse: collapse;
width:630px;
}

.tab3{
font-size: 7pt;/*.63em;*/
padding: .5em;
border: 1px black solid;
border-collapse: collapse;
vertical-align: top;
text-align: left;
width:105px;
}

.tab3b{
font-size: 7pt;/*.63em;*/
padding: .5em;
border: 1px black solid;
border-collapse: collapse;
vertical-align: top;
text-align: center;
width:105px;
}

/*Table 4 in SSM Info page*/
.tab4 {
border: 1px black solid;
padding: .7em;
border-collapse: collapse;
vertical-align: top;
text-align: left;
}

.links {
padding: .5em;
border-collapse: collapse;
vertical-align: top;
text-align: left;
border-left-color:;
border-left: 3px silver solid;
border-top: 3px silver solid;
border-bottom: 3px black solid;
border-right: 3px black solid;
width: 635px;
}

td.links{
padding: .5em;
width: 314px;
border: none;
border-right:1px silver solid;
}


/*Used in hisphoto.htm*/
td.photo{
text-align: center;
vertical-align: middle;
}

/*Used to vertically align table 1 in ssminfo.htm*/
.rightj{
text-align: right;
}

/*Used to vertically and text align & add borders in tables 3 & 4 in ssminfo.htm*/
.vali{
vertical-align: top;
text-align: left;
border: 1px black solid;
}