﻿/* .|. Wrapper Shadow | Layout Table
---------------------------------------------- */
.wrapperTable {width: 836px;}
        .topColumn {width: 836px; height:45px; background: transparent url('/images/layout-top.png') no-repeat bottom;}
        .leftShadowColumn {width:15px;vertical-align:top; background: transparent url('/images/layout-left.png') repeat-y;}
        .centerContentColumn {
            width:806px;
            padding: 0px; margin:0px;
            background-color: White;
            vertical-align: top;  
        }
        .rightShadowColumn {width:15px; vertical-align:top; background: transparent url('/images/layout-right.png') repeat-y;}
        .bottomColumn {width: 836px; height:14px; background: transparent url('/images/layout-bottom.png') no-repeat top;}



/* .|. Wrapper Shadow | Layout Table (hack for IE6 ONLY)
---------------------------------------------------------- */
       * html .topColumn {background: transparent url('/images/layout-top_IE6.gif') no-repeat bottom;}
       * html .leftShadowColumn {background: transparent url('/images/layout-left_IE6.gif') repeat-y;}
       * html .rightShadowColumn {background: transparent url('/images/layout-right_IE6.gif') repeat-y;}
       * html .bottomColumn {background: transparent url('/images/layout-bottom_IE6.gif') no-repeat top;}
        
        

/* .|. Genral Styles
---------------------------------------------- */
.bodycopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
}
.bodycopy a:link {
	color: #000000;
}
.bodycopy a:hover {
	color: #82a5b9;
}
.bodycopy a:active {
	color: #82a5b9;
}
.bodycopy a:visited {
	color: #000000;
}
.bodycopy a:visited:hover {
	color: #82a5b9;
}
.bodybold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #000000;
}
.bodybold a:link{
	text-decoration: none;
	color: #000000;
}
.bodybold a:hover{
	text-decoration: none;
	color: #82a5b9;
}
.bodybold a:active{
	text-decoration: none;
	color: #82a5b9;
}
.bodybold a:visited{
	text-decoration: none;
	color: #000000;
}
.bodybold a:visited:hover{
	text-decoration: none;
	color: #82a5b9;
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
}
.subheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	line-height: 21px;
}
.subheader a:link {
	text-decoration: none;
	color: #000000;
	line-height: 21px;
}
.subheader a:hover {
	text-decoration: none;
	color: #82a5b9;
	line-height: 21px;
}
.subheader a:active {
	text-decoration: none;
	color: #82a5b9;
	line-height: 21px;
}
.subheader a:visited {
	text-decoration: none;
	color: #000000;
	line-height: 21px;
}
.subheader a:visited:hover {
	text-decoration: none;
	color: #82a5b9;
}
.subheadersmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 15px;
}
.subheadersmall a:link {
	text-decoration: none;
	color: #000000;
}
.subheadersmall a:visited {
	text-decoration: none;
	color: #000000;
}
.subheadersmall a:hover {
	text-decoration: none;
	color: #82a5b9;
}
.tinycopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
}
.tinycopy a:link{
    color: #000000;
}
.tinycopy a:hover{
    color: #ffffff;
}
.tinycopy a:visited{
    color: #000000;
}
.tinycopy a:visited:hover{
    color: #ffffff
}
.sidecopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #000000;
}

#menu {
width: 100%;
background: #eee;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 90px;
height: 27px;
float: left;
background-image:url('images/cline_homenav_r2_c4.jpg');
background-repeat:no-repeat;
background-color: #2F3D41;

}

#menu a, #menu h2 {
font: bold 11px/22px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #999999;
text-transform: uppercase;
}

#menu a {
color: #fff;
background: #70868D;
text-decoration: none;
}

#menu a:hover {
color: #000;
background: #70868D;
}

#menu li {
position: relative;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
display: block;
}
.liborder {
/*	border-style: solid;
	border-width: 1px;
	font: bold 11px/15px arial, helvetica, sans-serif;*/
}

 #menu ul li {float: left; width: 100%;}

body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 11px/18px arial, helvetica, sans-serif;
}

.hangingul {  
    margin : 0;
	padding-left: 20px; 
	list-style-type:none;  
}
.hangingli {  text-indent: -20px;  
}

