/* << ----------------// General Styles //---------------->> */
body {
text-align: center;
background-color:#ffffff;
margin:0px;
padding:0;
font-family:Verdana, sans-serif;
font-size:.85em;
line-height:150%;
}

p {
margin:4px 0 6px 0;
}

b {
font-weight:bold;
}

i {
font-style:italic;
}

h1, h2, h3, h4 {
font-weight:bold;
line-height:100%;
margin:2px;
}

h1 {
font-size:2em;
}

h2 {
font-size:1.5em;
}

h3 {
font-size:1.2em;
}

h4 {
font-size:1em;
}

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

a:hover, a:active {
color:#999999;
text-decoration:underline;
}

ul {
margin:5px 0 5px 20px;
padding:0;
list-style-type:square;
}

ol {
margin:5px 0 5px 30px;
padding:0;
list-style-type:decimal;
}

ul li, ol li {
margin:0 0 4px 0;
padding:0;
}

.emaillistform {
	background-color: #dedeef;
	font-family: Verdana;
	font: bold 9px;
	color: #006;
}

.bluebutton {
	background-color: #335896;
	font-family: Verdana;
	font: bold 9px;
	color: #fff;
	border: 1px outset #a6a6b7
}
.greybutton {
	background-color: #a6a6b7;
	font-family: Verdana;
	font: bold 9px;
	color: #fff;
}


/* << ----------------// Outer container that holds all the columns //---------------->> */
#mainContainer {
margin-left: auto; 
margin-right: auto;
margin-top: 1px;
background-color:#fff;
padding:0px;
width:900px;
border-left:1px solid #9898aa;
text-align: left;
}


/* << ----------------// Header //---------------->> */
#header {
position: relative;
margin:0px 0px 0px 0px ;
padding:5px;
height:90px;
color:#ffffff;
/*background-image: url(../graphics/CLsWMCheader.png); */
/*background-image: url(../graphics/CLsWMC-XMASheader.png);*/
/*background-image: url(../graphics/CLsWMC-SNOWTREESheader.jpg);*/
background-image: url(../graphics/CLsWMCheader.png);

background-color:#6699ff;
border:1px solid #003366;
}

#header-link { 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 550px; 
	height: 98px; 
	background-color: transparent; 
	border: 0px;
}	
		
/* << ----------------// Horizontal navigation //---------------->> */

/* << --- upper --- >> */

#navHorizontal_upper {
margin:0px 0px 0px 0px;
padding:6px 3px 0px 2px;
height:18px;
line-height: 1.2em;
background-color:#224785;
border-top:4px solid #5978AD;
border-bottom:1px solid #003366;
}

#navHorizontal_upper ul {
margin:0 0 0 4px;
padding:0;
list-style:none;
}

#navHorizontal_upper ul li {
font-size: 1em;
margin:0 0 0 -2px;
padding:2px 0 2px 0;
list-style:none;
display:inline;
}

#navHorizontal_upper ul li a:link, #navHorizontal_upper ul li a:visited {
padding:2px 4px 2px 4px;
font-size: 10px;
color:#ededed;
text-decoration:none;
border:1px solid #3358a7;
}

#navHorizontal_upper ul li a:hover, #navHorizontal_upper ul li a:active {
color:#343434;
font-size: 10px;
text-decoration:none;
background-color:#ff9933;
}


/* << --- lower --- >> */

#navHorizontal_lower {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:4px;
line-height: 12px;
/*background-color:#4D6A9A;*/
background-color:#5978AD;
border-bottom:1px solid #4D6A9A;
}

#navHorizontal_lower ul {
margin:0 0 0 4px;
padding:0;
list-style:none;
}

#navHorizontal_lower ul li {
font-size: 10px;
margin:0 0 0 -2px;
padding:2px 0 2px 0;
list-style:none;
display:inline;
}

#navHorizontal_lower ul li a:link, #navHorizontal_lower ul li a:visited {
padding:2px 4px 2px 4px;
font-size: 10px;
color:#ededed;
text-decoration:none;
border:1px solid #3358a7;
}

#navHorizontal_lower ul li a:hover, #navHorizontal_lower ul li a:active {
color:#343434;
font-size: 10px;
text-decoration:none;
background-color:#ff9933;
}



/* << ----------------// Mailing List //---------------->> */
#MailingListDiv {
margin:3px 0px 0px 0px;
padding: 0px;
height:26px;
line-height:12px;
background-color:#fff;
border-bottom:0px solid;
}

/* << ----------------// You Are Here //---------------->> */
#YouAreHere {
margin-top:0px;
padding: 2px 0px 0px 0px;
height:20px;
line-height:12px;
background-color:#dedede;
border:0px solid #ff9933;
}


/* << ----------------// Left column //---------------->> */
#columnOne {
float:left;
margin:0px;
padding:0px 0px 0px 2px;
width:160px;
background-color:#efefef;
border-right: 1px solid #eeeeee;
}

#columnOne p, #columnOne ul li, #columnOne ol li,{
font-size:11px;
}


/* << ----------------// Vertical navigation //---------------->> */


ul.deptmenu, ul.deptmenu ul {
 width: 156px;
 border: 0px solid #000;
 background-color: #a6a6b7;
 padding: 0px;
 cursor: default;
 margin-left: 0px;
 margin-top: 3px;
	z-index: 1;
}
ul.deptmenu li {
 list-style-type: none;
 margin: 0px;
 position: relative;
 border-top: 1px solid #c8c8d9; 
/* border-top: 1px solid #969687; */
 border-bottom: 1px solid #8c8c9a; 
 border-left: 1px solid #858596; 
 color: #000;
 padding: 0px 0px 0px 6px;
 font-size: 11px;
	z-index: 2;
}
ul.deptmenu li > ul {
 display: none;
 position: absolute;
 top: 0px;
 left: 125px;
 line-height: 14px;
	z-index: 3;
 background-color: #8795B1;
}
ul.deptmenu li:hover, ul.deptmenu li.CSStoHighlight {
 background-color: #6184BD;
 color: #dedede;
	font-size: 11px;
	z-index: 4;
}
ul.deptmenu ul.CSStoShow {
 display: block;
}
ul.deptmenu li:hover > ul {
 display: block;
	font-size: 11px;
 background-color: #8795B1;
}

/* menu link styles */
ul.deptmenu li a { color: #000; display: block; width: 100%; text-decoration: none; }
ul.deptmenu li a:hover, ul.deptmenu li a.CSStoHighLink { color: #dedede; }
ul.deptmenu li:hover > a { color: #dedede; } /* supports links in branch headings - should not be display: block; */
ul.deptmenu li:active > a { color: #dedede; } /* supports links in branch headings - should not be display: block; */

</style>

<!--[if gt IE 5.0]><![if lt IE 7]>
<style type="text/css">
ul.deptmenu li { 
 behavior: url( IEmen.htc );
}
ul.deptmenu ul {
 display: none; position: absolute; top: 2px; left: 78px;
}




form#mailinglist_homepg { 
 width: 399px; 
 height: 40px;
 padding:6px 0px 4px 3px;
 background-color: #4B76BE;
 color: #ffffff;
 border: 1px solid #234E98;
 font-family: Verdana, sans-serif;
 font-size: 10px; 
 text-align: center; 
}
fieldset {
border: 1px solid #234E98;
width: 370px
}

form#WMCmailinglist { 
 width: 150px; 
 padding:2px 2px 2px 2px;
 background-color: #4B76BE;
 color: #ffffff;
 border: 1px solid #234E98;
 font-family: Verdana, sans-serif;
 font-size: 10px; 
 text-align: left; 
}
WMCfieldset {
width: 140px
}

form#PRSmailinglist { 
 width: 150px; 
 padding:2px 2px 2px 2px;
 background-color: #4B76BE;
 color: #ffffff;
 border: 1px solid #234E98;
 font-family: Verdana, sans-serif;
 font-size: 10px; 
 text-align: left; 
}
PRSfieldset {
width: 140px
}




/* << ----------------// Why buy...? //---------------->> */
#whybuy {
margin:0px;
padding:3px 3px 3px 3px;
font-size:9px;
line-height:12px;
text-align: justify;
color:#703D0B;
background-color:#efefef;
}

/* << ----------------// Meebo //---------------->> */
#meebo {
margin:0;
padding:3px 3px 3px 3px;
color:#703D0B;
background-color:#efefef;
	z-index: 0;
}

#meebo_whitebg {
margin:0;
padding:3px 3px 3px 3px;
color:#703D0B;
background-color:#ffffff;
	z-index: 0;
}

/* << ----------------// Ask Pro list //---------------->> */
#letushelp {
margin:0;
padding:3px 3px 3px 3px;
font-size:10px;
line-height:14px;
color:#703D0B;
background-color:#efefef;
	z-index: 0;
}

#askprolist {
margin:0px;
padding:3px 13px 3px 13px;
font-size:10px;
line-height:12px;
text-align: justify;
color:#501B09;
background-color:#ffffff;
border: 0px solid #efefef;
}

#askaprolinks {
margin:0px;
padding:3px 13px 3px 13px;
font-size:14px;
font-weight:bold;
line-height:20px;
background-color:#ffffff;
border: 0px solid #efefef;
}


/* << ----------------// Middle Column //---------------->> */
#columnTwo {
float:left;
margin-top:4px;
padding:0 0 0 10px;
width:400px;
background-color:#ffffff;
overflow:hidden;
	z-index: 0;
}

#columnTwo img {
	margin: 0 0 0 -5px;	
}

#columnTwo ul li {
line-height:100%;
}


#PRScolumnTwo {
float:left;
margin-top:4px;
padding:0 0 0 10px;
width:400px;
background-color:#ffffff;
overflow:hidden;
	z-index: 0;
}

#PRScolumnTwo p  {
	margin: 0 0 0 10px;	
}

#PRScolumnTwo ul li {
line-height:100%;
}


/* << ----------------// Columns 2 + 3 WIDE! //---------------->> */
#columnTwoPlusThree {
float:left;
margin-top:14px;
padding:0 0 0 30px;
width:540px;
background-color:#ffffff;
overflow:hidden;
	z-index: 0;
}

#columnTwoPlusThree img {
	margin: 0 0 0 -5px;	
}

#columnTwoPlusThree ul li {
font-size:10px;
line-height:120%;
}

#columnVideo {
float:left;
margin-top:14px;
padding:0 0 0 30px;
width:640px;
background-color:#ffffff;
	z-index: 0;
}

/* << ----------------// Right Column //---------------->> */
#columnThreeHomepg {
float:right;
margin-top:0px;
padding:0px;
width:300px;
color:#79554b;
background-color:#ffffff;
line-height:100%;
border:0px solid #2255bb;
}

#columnThreeHomepg p, #columnThreeHomepg ul li, #columnThreeHomepg ol li,{
font-size:10px;
}

#columnThreeHomepg h1, h2, h3, h4 {
color:993300
}

#columnThree {
float:right;
margin-top:0px;
padding:0px;
width:300px;
color:#79554b;
background-color:#ffffff;
line-height:100%;
border:0px solid #2255bb;
}

#columnThree p, #columnThree ul li, #columnThree ol li,{
font-size:10px;
}

#columnThree h1, h2, h3, h4 {
color:993300
}

#videoBG {
float:right;
margin-top: -5px;
padding: 0px 0px 10px 10px;
width:300px;
border:0px 0px 1px 1px solid #333;
background-color:#fff;
}


#newprsgtrs {
	margin: 0 0 0 30px;
	font-size:10px;
	line-height:120%;
}


/* << ----------------// Footer //---------------->> */
#PADfooter {
margin:0px 0px 0px 0px;
padding:3px 3px 3px 10px;
height:100px;
color:#ffffff;
background-color:#ffffff;
clear:both;
}

#footer {
margin:0px 0px 0px 0px;
padding:3px 3px 3px 10px;
height:40px;
font-size:9px;
line-height:11px;
color:#dedede;
background-color:#224785;
clear:both;
}

#footer a:link, #footer a:visited {
color:#dedede;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color:#ffffff;
background-color:#001352;
text-decoration:none;
}

/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after {
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 */






span.EventCalendarStyle {
  margin: 9px 3px 13px 0px;
  padding: 4px;
  font-family: Verdana,  sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  background: #660000;
  border: 1px solid #000000;
}
span.EventCalendarStyleHeadline {
  margin: 3px 3px 3px 0px;
  padding: -5px 3px 3px 0px;
  font-size: 10px;
  font-weight: bold;
  line-height: 11px;
  color: #773311;
  background: #ffffff;
}
span.EventCalendarStyleGrey {
  margin: 3px 3px 3px 3px;
  padding: 3px;
  color: #773311;
  font-family: Verdana,  sans-serif;
  font-size: 9px;
  line-height: 13px;
}