html, body
{ 
margin:0; 
padding:0; 
border:0;
}

body
{
background:#CBC9C9;
margin:10px 0;
text-align:left; 
font-family:Trebuchet MS,Arial, Verdana, Helvetica, Sans-Serif; 
font-size:14px; 
color:navy; 
}

img /* saves you from typing border="0" in your images and defaults the border to "0" */
{
margin:0;
border:0;
}

p
{
margin:2px 20px;
padding-top:5px;
font-style:normal;
text-align:left;
}

h1
{
color:navy;
font-family:Trebuchet MS, Verdana, arial, sans-serif; 
font-size:20x;
margin;4px 30px;
text-align:left;
padding:10px 0 0 20px;
font-weight:bold;
}

h2, h3, h4, h5, h6
{
margin;4px 30px;
text-align:center;
padding:0;
font-weight:bold;
}

a, a:visited
{
text-decoration:underline;
color:#0000FF;
}

a:hover
{
text-decoration:underline;
color:#FF0000;
font-weight:bold;
} 

a:visited:hover {
  color: #FF0000;
  font-weight: bold;
}



#wrapper
{ 
width:760px;
background:#fff;
border-top:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #000;
text-align:left;  
margin:0 auto;
} 

#header
{
display:block; 
height:130px; 
background:url(graphics/logo_photo_new.jpg) #fff;
background-position:top right;
background-repeat:no-repeat;
margin-right:50px;
}

* html #header
{margin-top:0px;}

#header h1
{
font-size:1px;
margin-left:-5000px;
}

#maincol
{
background-color:#fff;
border-right:2px solid #fff;  
float:left; 
display:inline; 
position:relative; 
width:580px; 
}

#maincolgooglead
{
background-color:#fff;
float:right; 
position:relative; 
width:340px; 
}

#leftcol
{
background-color:navy;
width:88px;
float:left; 
position:relative; 

padding-left:10px;
}

#footer
{
padding-top:5px;
height:25px;
background:navy;
clear:both;
color:#fff;
font-size:11px;
font-weight:bold;
text-align:center;
}

#footer a, #footer a:visited
{
text-decoration:underline;
color:#fff;
}

#footer a:hover
{
text-decoration:underline;
color:red;
}

.center
{
text-align:center;
}

.centered 
{
  margin:0 auto;
}

/* rules for floated elements such as images which allows text to align to the right or left of the floated element */
.left
{
float:left;
margin:5px 10px;
margin-left:60px;
}

.right
{
float:right;
margin:5px 10px;
margin-right:60px;
}

.clear
{clear:both;}

/* fixes clearing of the floating elements on maincol and leftcol */ 

.clearfix:after /* :after is a pseudo-element that inserts something after an element.  So, after content: which is defined as "." it will clear the columns by displaying a "block of text that has a height of 0", clears any content that is floating, and is effectively hidden from view */
{
content: "."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
 
.clearfix
{display:inline-table;}

/* Hides from IE-mac \*/
* html .clearfix
{height:1%;}

.clearfix
{display:block;}
/* End hide from IE-mac */  

.breadcrumb
{
font-family:Trebuchet MS, Verdana, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
margin-top:120px;
}

.breadcrumb a{
background: transparent url(breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: navy;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

.breadcrumb a:hover{
text-decoration: underline;
color:red
}

/*menu starts here*/

.menu 
{
display:table;         /* ignored by IE6 */
padding:20; 
list-style-type:none;
white-space:nowrap;    /* keep text on one line */
border:0
}
 
.menu li 
{display:table-cell;}    /* ignored by IE6 */

.menu a, .menu a:visited 
{
display:block;         /* for all browsers except IE6 */
padding:4px 16px;
color:#fff; 
font-weight:bold;
background:#003198; 
border:1px solid #000; /* add a 1px black border around items */ 
text-decoration:none;
}

.menu a:hover 
{
color:#0ac; 
background:#fff;
text-decoration:none;
}

H6 {
  font-size: 7pt;
}

OL {
  font-size: 10pt;
}