body { padding:0; background:#444; color:#000; text-align:center; font: 13px/1.4em arial, verdana, sans-serif; }

pre {font-size:11px;}
code {font-size:12px;}

a:link { color: #633; }
a:hover { color: #F63; }

a.address:link { color: #F00; font-size: 12px; font-weight: normal; }
a.address:hover { color: #F93; }


#nav_column { background: #d6cfa8; vertical-align: top; padding-top: 44px; width: 153px; border-top: 8px solid #F9F5E9; border-right: 8px solid #F9F5E9; }
#left_column { padding-right:0px; padding-left:0px; background: #B5AA98; height: 500px; vertical-align: top; padding-top: 22px; }
#cel_main { background: url(../images/BG_gradient.jpg) top; height: 500px; vertical-align: top; padding: 22px 11px 5px; text-align: left; font-size: 13px; width: 528px; }
#cel_main_right { background: url(../images/BG_gradient.jpg) top; height: 500px; vertical-align: top; padding: 22px 11px 11px; text-align: left; font-size: 13px; width: 228px; }
.cel_header { background: url(../images/header.jpg) no-repeat; vertical-align: top; text-align: left; height: 127px; width: 800px; }
.cel_header_b { background: url(../images/header_bottom.jpg) no-repeat; vertical-align: top; text-align: left; height: 60px; width: 800px; }
.cel_slidshow { width: 640px; }
.cel_rock_main { background: url(../images/BG_gradient.jpg) top; height: 400px; vertical-align: top; padding: 11px; text-align: left; font-size: 13px; color: #FFF; font-weight: bold; }
.cel_title { width: 181px; }
.cel_rockstar { color: #333; vertical-align: top; font: 12px/1.2em Arial, Helvetica, sans-serif; background: url(../images/rockstar.png) no-repeat; width: 174px; padding-top: 0px; padding-left: 11px; padding-right: 11px; height: 350px; }
.cel_hometext { color: #fff9b6; font-size: 14px; font-weight: bold; line-height: 1.5em; vertical-align: top; text-align: right; padding: 11px 22px 11px 11px; }
.cel_safe-t-cleat { background-color: #39C; border: 1px solid #FFF; padding-top: 11px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; }

#wrapper { width:1000px; margin:0 auto; text-align:left; }
#header { width:900px; height:169px; background:url(../NEW/images/header.jpg) no-repeat; position:relative; }

ul.square { color: #333; font-weight: bold; list-style: url(../NEW/images/arrow_list.gif); line-height: 1.6em; margin-left: 22px; margin-right: 22px; font-size: 12px; }
ul.square2 { color: #333; font-weight: bold; list-style: url(../NEW/images/arrow_list.gif); line-height: 2em; margin-left: 22px; margin-right: 22px; font-size: 14px; }
ul.circle { color: #333; font-weight: bold; margin-left: 22px; margin-right: 22px; font-size: 12px; list-style: disc; }
ul.pdficon { color: #333; font-weight: bold; list-style: url(../NEW/images/pdf2.gif); line-height: 3em; margin-left: 22px; margin-right: 22px; font-size: 14px; }

a.nav:link { FONT-FAMILY: Arial, Verdana, sans-serif; text-decoration: underline; MARGIN-BOTTOM: 0px; MARGIN-TOP: 1px; color: #009; }
	
a.nav:visited { FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #009; text-decoration: underline; }

a.nav:hover {	FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #99FF00;} 


.font_page_title { font-size: 22px; font-weight: bold; color: #B5AA98; font-family: Tahoma, Geneva, sans-serif; }
.font_red { font-size: 22px; font-weight: bold; color: #F00; font-family: Tahoma, Geneva, sans-serif; }
.font_section_title { font-size: 16px; font-weight: bold; color: #53103C; }
.font_section_title_small { font-size: 13px; font-weight: bold; color: #53103C; }
.font_red_small { font-size: 11px; font-weight: bold; color: #53103C; }
.font_sub_section { font-size: 13px; font-weight: bold; color: #000; }
.font_small { font-size: 10px; line-height: 1em; }
.font_yellow { color: #fff9b6; font-size: 14px; font-weight: bold;}

#foot { background:#000; text-align:center; padding:8px 0; font: 11px Arial, Helvetica, sans-serif; color: #F4ECE1; }
#foot p {float:left; padding:0 0 0 15px; margin:0; font-size:9px; color:#444;} 

a.footer:link { color: #630; }
a.footer:hover { color: #F63; }

.clear {display:block; height:0; overflow:hidden; clear:both;}
.float_left {float:left; padding:0 10px 0 0;}
.bold {font-weight:bold;}
.red {color:#c00;}

/* THIS BEGINS THE  FLYOUT MENU CODE*/
#menu { 
} 


#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 { font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; display: block; margin: 0; padding-left: 7px; height: 33px; line-height: 16px; 

}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a { color: #363; text-decoration: none; font-size: 11px; font-weight: bold; text-align: right; background-image: url(../images/nav_off.jpg); padding-right: 11px; 
}

#menu a:hover { color: #000000; background: #A4C493; 
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {  /* this  part regulates the widtth and position of the flyout menu */
	position: absolute;
	top: 0;
	left: 100%; /* to position them to the right of their containing block */
	width: 150%; /* width of the flyout - based on the containing block */
	background-color: #FCE892;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}


div#menu ul ul ul,   /* this affects whether or not the flyout will appear when not rolled over - thus NONE for the display property*/
div#menu ul ul li:hover ul ul
{
	display: none;
}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*  THIS ENDS THE FLYOUT MENU CODE */