body { margin-top: 0px; font-size: 95%; line-height: 1.2em; letter-spacing: 1.2 em;
    background-image: url(../../assets/images/brushedmetal.jpg); }  /** remove for editor style **/
    h1, h2, h3, h4 {color: #fff;}
    h2, h3 {padding: .5em 0 10px; }
    h1 {font-size: 250%; padding: 10px 0;}
    h2 {font-size: 175%;}
    h3 {font-size: 125%;}
    h4 {font-size: 100%; padding: 0px; }
    p {padding: 5px 0px;}
    hr {background-color: #333; color: #333; display: block; clear: right; margin: 10px auto;}
    ul {padding:  10px 10px 10px 35px;}
    li {list-style: disc; list-style-position: outside;}
    a span.readmore {text-decoration: underline;}
    a span.readmore:hover {color: #fff;}

    .clearbox {width: 500px;}
    .imgleft {float: left; padding: 5px 10px 10px 0;}
    .imgright {float: right; padding: 5px 0px 10px 10px;}
    .indentbigimage {float: left; }
    .fourimagegrid {clear: right; margin: 0 0 10px 0;}
    .griditem {width: 180px;  padding: 5px 5px 5px 60px; float: right; margin-right: 10px;}
    .griditem img { float: left; margin-right: 5px; margin-left: -60px;}
    .leftbox { float: left; margin: 5px 5px 5px 0; padding: 5px; background-color: #333; width: 47%;}
    .rightbox {float: right; margin: 5px 5px 5px 5px; padding: 5px; background-color: #333; width: 45%;}
    .fullbox { margin: 5px 5px 5px 0; padding: 10px; background-color: #333; }

    .largetagline {font-size: 175%; text-transform: uppercase;}
    .smalltagline {font-size: 105%; text-transform: uppercase;}
    .readmore {float: right; font-size: 87%; margin: 0px 20% 0 0;}

    #wrapper {width: 900px; margin: auto; }  /** remove for editor style **/
    #mastheadborder {border-bottom: 1px solid #7D7D7D; clear: both; }
    #masthead { width: 900px; margin: 0px auto; }
    #logo { width: 330px; height: px; float: left; padding: 3px 0px 5px 18px; 
    border-right: 1px solid #7D7D7D; border-left: 1px solid #7D7D7D; margin-right: 0px;}
    
    #logo h1 {padding-bottom: 0px;}
    #logo span.smalltag {padding: 0px 0 0 90px;}

    #leftcolumn {width: 350px;  background-color: #444; 
    margin-bottom: -3500px; padding-bottom: 3500px;}  /*  if this is changed IE.css must also be changed  */
    #leftcolumn #mainimage {width: 350px;} 
    #content { background-color: #515151; clear: both; margin-bottom: -15px; overflow: hidden; }
    #rightcolumn {padding: 0px 20px 20px 0px; float: right; width: 510px; }
    
    .box_no_bkgd_w_image150w {padding: 5px 5px 5px 185px; float: right; clear: right;}
    .box_no_bkgd_w_image150w img {margin-left: -185px;}

    .box_no_bkgd_w_image125w {padding: 5px 5px 5px 135px; float: right; clear: right; width: 370px;}
    .box_no_bkgd_w_image125w img {margin-left: -135px;}

    #footerborder {border-bottom: 1px solid #7D7D7D; margin-top: 15px; }
    #footer {width: 858px; margin: auto; clear: both; padding: 20px 20px 20px 20px; 
    border-right: 1px solid #7D7D7D; border-left: 1px solid #7D7D7D;}
    #footer p {font-size: 90%;}

    

    span.logosmall {font-size: 70%;}
    span.smalltag {font-size: 105%; padding: 10px 10px 0px 50px; display: block;}
    span.largetag {font-size: 160%; padding: 0px 10px 10px 15px; display: block;}
    span.blue {color: #0072BB;}



#menu { padding-top: 20px; border-right: 1px solid #7D7D7D; height: 130px;}

#menu ul { 
	margin: 0px;
	padding:10px 0px 0 360px;
	list-style:none;
	}
#menu li {
	display:inline;
	margin:0px;
	padding:0;
	}
#menu a {
	float:left;
	background:url("../../assets/images/menul.jpg") no-repeat left top;
	display:block;
	margin:0px 5px;
	padding:0px 0px 0px 10px;
	text-decoration:none;
/*	overflow: hidden;  */
	}
#menu a span {
	float:left;
	display:block;
	background:url("../../assets/images/menur.jpg") no-repeat right top;
	padding:12px 20px 20px 10px;
	color:#444;
/*	overflow: hidden;  */
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#FFFFFF;}
#menu a:hover {background: url("../../assets/images/menuhoverl.jpg") no-repeat left top; }
#menu a:hover span {background: url("../../assets/images/menuhoverr.jpg") no-repeat right top; }                    



    .clearfix:after {
    content: ".";
    display: block;
    height: 1%;
    clear: both;
    visibility: hidden;
    }
/* hides from IE/mac \*/
*html .clearfix {height: 1%;}
/* end hidefrom IE/mac */