body {

margin: 0; 
padding: 0;

 max-width: 1280px; min-width: 40em; margin: 0 auto;

 position: relative;
background-color: rgb(5,32,88);
color: rgb(164,189,242);
font-family: Tahoma, Verdana, Arial, Helvetica, Times New Roman, serif;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
border-color: rgb(33,43,65);


}

ul li 
{
list-style: outside square url(images/bluebut.jpg);
margin-bottom: 0.5em;
}

#content
{
font-family: Tahoma, Verdana, Arial, Helvetica, Times New Roman, serif;
background-color: rgb(255,255,255);
color: rgb(0,0,0);
border-left-width: 4px; border-right-width: 2px; border-top-width: 2px; border-bottom-width: 2px;
border-left-style: solid; border-right-style: solid; border-top-style: solid; border-bottom-style: solid;
padding:2px 38px 38px 38px;
border-color: rgb(255,255,255);
text-align: left;
}

#content ul li a.more { /* this is similar to a tutorial from 2 issues back. It shows, using a table cell */
	font-size: .7em;
	text-decoration: none; 
	background: silver;
	color: #666;
	font-weight: bold;    */                  
	}
#content ul li a.more:hover { 
	font-size: .7em;
	background: #666;
	color: silver;
	font-weight: bold;
	}
	
	
#contentheader
{

font-size: 100%;
background-color: rgb(255,255,255);
color: rgb(0,0,0);
border-left-width: 4px; border-right-width: 2px; border-top-width: 0px; border-bottom-width: 0px;
border-left-style: solid; border-right-style: solid; border-top-style: solid; border-bottom-style: solid;
padding: 38px 38px 2px 38px;
border-color: rgb(255,255,255);
text-align: left;
}



#menu
{
font-size:75%;

background-color: rgb(255,255,255);
color: rgb(33,43,65);
font-family: Tahoma, Verdana, Arial, Helvetica, Times New Roman, serif;
font-style: normal;
border-top: 1px solid white; border-bottom: 1px solid white ;
}

a.menuitem
{
font-size: 160%;
background-color: rgb(5,32,88);
color: rgb(128,150,206);
font-variant: normal;
text-transform: none;
font-weight: normal;
margin-left: 14px; margin-right: 14px; margin-top: 14px; margin-bottom: 14px;
border-left-width: 0px; border-right-width: 0px; border-top-width: 1px; border-bottom-width: 1px;
border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
border-color: rgb(255,255,255);
text-align: center;
}

#logo
{
background: rgb(97%,99%,98%) url(images/hue_colorize_background_renderlight2.jpg) 0 100% no-repeat;
padding: 0;
	overflow: hidden;
	border-bottom: 1px solid #000;
	height: 152px;
	width: 1280px;
	position: relative;

}


#logo h1 {
text-indent: -9999px;}


#logo h1 a {color: rgb(38%,16%,5%);
padding: 0 0.25em;
text-decoration: none;
}


}
#logo h1 {font-size: 1.75em; letter-spacing: 0.13em; 
  padding: 0; margin: 0;
  position: absolute; left: 0; top: 100px;
  text-indent: -9999px;
  /* hide-from-IE5/Mac hack \*/
  top: auto; bottom: 0;
  /* end hack */}


#trail, #trail a
{

font-size: 95%;
background-color: rgb(128,150,206);
color: rgb(5,32,88);
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: normal;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
padding: 12px 8px 11px 8px;
border-color: rgb(255,255,255);
text-align: left;
}

#content a
{

color: rgb(130,138,155);
text-decoration: underline;


}

#content a:hover, #content a:active
{
background-color: rgb(130,138,155);
color: rgb(255,255,255);
}



h1
{
font-size: 162%;
}

h2
{
font-size: 148%;
}

h3
{
font-size: 134%;
}

h4
{
font-size: 120%;
}

h5
{
font-size: 106%;
}

h6
{
font-size: 92%;
}

#testimonial
{
font-size: 65%; 
padding: 1% 3% 1% 1%;
background: url(images/testimonial_bg2.jpg) 0 0 no-repeat;
}


#menu a
{
text-decoration: none;
}

.menuitem:hover
{
background-color: rgb(128,150,206);
color: rgb(5,32,88);
}

#trail a
{
text-decoration: underline;
}

#logo a
{
text-decoration: none;
}

#trail a:hover
{
}



/* layout */
#menu		{width: 20%; position: relative; top: 0; left: 0; float: left; text-align: center;}
.menuitem		{width: auto;}
#contentheader  {margin-left: 20%; width: auto}
#content		{margin-left: 20%; width: auto}
.menuitem		{display: block;}





.emp {
	font-weight: bold;
}
#picleft
{
margin: 0 1em 0 1em; padding: 1; float: left; 
}

#picright
{
margin: 0 1em 0 1em; padding: 1; float: right; 
}
#padr {
	margin: 10px 0 0 0;
	padding: 10px 15px 10px 10px;
	font-family: Tahoma, Verdana, geneva, arial, helvetica, sans-serif;
	font-size: 60%;
	border: 1px solid red;
}

#footer {
	font-size: 80%;
	}

@media print
{
#menu       {display: none;}
#content    {padding: 0px;}
#content a  {text-decoration: underline;}
}