﻿body { 
	font-family: tahoma, georgia, serif;
	font-size: .9em;
	color: black;
	background: #fff url(images/lrock003.jpg) repeat top left; 
	background-attachment: fixed;
	width: 100%;
	}

div#wrapper
{
    float: left;
    clear: both;
    border: thin solid #000080;
    width: 97%;
    margin-left: .5em;
}

/*div#container {  
	background: transparent url(lrock003_trans.gif) repeat top left;

	width: 78%;
	margin-left: 20%;
	margin-right: auto;
	
	}*/

div#header {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
div#pagehead1 {
		background: transparent url(images/wordbanner.gif) no-repeat top center;
		float: left;
		width: 400px;
		height: 60px;
	}
	
div#pagehead2 h2
{
    float: right;
    clear: none;
    font: 1.8em Verdana, Georgia, Garamond;
    color: #0000CC;
    font-weight: bold;
    margin-right: 1em;
    margin-top: .5em;
    margin-bottom: 0px;
    text-align: right;
}
	
div#header h3
{
    float: left;
    clear: both;
    font: 1.1em;
    color: #CC3300;
    font-weight: bold;
    margin-left: 2em;
    margin-bottom: .25em;
}



div.topmenu,
div.footmenu
{
    float: left;
	clear:both;    
    width: 100%;
    background-color: #333333;
}

div.topmenu ul, 
div.footmenu ul
{
    float: left;
    clear: both;
    list-style-type: none;
    display: block;
    margin-top: 0px;
    margin-left: 1em;
    padding-left: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    width: 100%;
    list-style-image: none;
}

div.topmenu ul li, 
div.footmenu ul li
{
    float: left;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: .25em;
    padding-bottom: .25em;
    color: #FFFFFF;
    text-align: center; /*   height: 1.7em;*/
    font-size: .85em;
    background-color: #333333;
    list-style-type: none;
    list-style-image: none;
}

div.footmenu ul li a, 
div.topmenu ul li a
{
    height: 1em;
    padding-top: .25em;
    padding-left: .5em;
    padding-right: .5em;
    padding-bottom: .25em;
    color: #FFFFFF;
    text-decoration: none;
}

div.footmenu ul li a:hover, 
div.topmenu ul li a:hover
{
color:#FFFFFF;
background-color:#cc0000;
height: 1.5em;

}


div.footmenu ul li a:visited, 
div.topmenu ul li a:visited
{

color:#FFFFFF;
}

div.topmenu ul li.selected,
div.footmenu ul li.selected
{
    background-color: #cc0000;
}

div.leftmenu,
div#content,
div.rightmenu
{
    background-color: #DDDDFF;
}

div.leftmenu
{
    border: thin solid #800000;
    font-size: .9em;
    width: 15%;
    float: left;
    margin-left: 1em;
    margin-right: 0px;
    margin-top: 1em;
    margin-bottom: 1em;
    
}


div.leftmenu ul
{
    list-style-image: none;
    color: #808080;
    /*margin-left: 12px;*/
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 1em;
    padding-right: 1em;
	float:left;
	width:80%;
}

/* common attributes of all menu items, selected or not */
div.leftmenu ul li
{
    margin-top:.5em;
    margin-bottom:.5em;
	list-style:none;
}

/* if this selection is active, make it black and bold */
div.leftmenu ul li.selected
{
    color: #990000;
    font-weight: bold;
}

/* nothing here yet */
div.leftmenu ul li.norm
{
}

div.leftmenu ul a, div.rightmenu ul a
{
    text-decoration: none;
    color: #0000FF;
    font-weight: bold;
}

/* make it pop when highlighted */
div.leftmenu ul a:hover, div.rightmenu ul a:hover
{
    color: #FF0000;
}

/* separates the menu from the company info DL below */
div.leftmenu hr
{
clear:both;
  width: 80%;
    text-align: center;
    margin-top:.5em;
    margin-bottom:.5em;
    padding: 0px;
}

div.leftaddress
{
text-align: center;
}

div.leftaddress a.leftemail img
{
margin-left: auto;
margin-right: auto;
width: 40px;
height: 28px;
margin-bottom: .25em;
}


div.rightmenu
{
display: none;
border: thin solid #800000;
    float: right;
    width: 20%;
    padding-top: 1em;
    margin-top: 1em;
	margin-bottom:1em;
    margin-bottom: 1em;
    margin-left: 1.5%;
    margin-right: 1.5%;

}

div.rightmenu h3
{
    font-size: 1.1em;
    font-weight: bold;
    color: #ff6600;
    text-align: left;
    margin-left: .5em;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

div.rightmenu ul
{
    list-style-image: none;
    color: #808080;
    margin-top: 0px;
    margin-left: .5em;
    margin-right: 0px;
    padding-left: 1em;
    padding-right: 1em;
    margin-bottom: 1em;
    float: left;
    width: 80%;
    font-size: .9em;
}

div.rightmenu ul li
{
    margin-top:.5em;
    margin-bottom:.5em;
	list-style:none;
}

div.rightmenu ul li span.datestamp
{
    font-size: .9em;
    font-style: italic;
}


div#content
{
    float: right;
	width:75%;
	margin-left: 0px;
	margin-right: 1em;
	margin-top: 1em;
	margin-bottom:1em;
	padding: 1em;
border: thin solid #800000;

}

div#content h3
{
    font-size: 1.1em;
    font-weight: bold;
}

div#content h4
{
    font-size: 1em;
    font-weight: bold;
}

div#content p
{ 
    font-size: 1em;
}


div#footer
{ 
   clear:both;
    width: 100%;
}

div#footer div#contacts
{
    color: #333333;
    font-size: .8em;    
    margin-top: 1em;    
    margin-bottom: 1em;    
}

div#footer div#contacts ul
{
    list-style-type: none;
    list-style-image: none;
    padding-left: 0px;
    margin-left: 1em;
}

div#footer div#contacts ul li.copyright
{
    font-style: italic;
}

span.oe
{
    font-weight: bold;
    font-size: 1.05em;
    color: #000070;
}