/*
-----------------------------------------------------------------------------------------
CSS document: ImageCafe Template Styles
Created: 03/08/2006
Last Modified: 10/16/2006
NOTE: Template styles included here cannot be changed by the customer
-------------------------------------------------------------------------------------- */


* {margin:0;padding:0;}  /* zero out everything */

body {	width:100%;	text-align: center; font-family:Arial, Helvetica, sans-serif; }



*.primary {background-color: rgb(53, 160, 217)}
*.secondary {background-color: rgb(255, 255, 255)}
*.tertiary {background-color: rgb(233, 155, 33)}
*.background {background-color: rgb(14, 108, 255)}
h1#website-title {font-family: arial, verdana, sans-serif; font-size: 36px; font-weight: normal; color: rgb(255, 255, 255); font-style: normal; text-decoration: none}
h2#website-slogan {font-family: verdana, arial, sans-serif; font-size: 14px; font-weight: bold; color: rgb(255, 255, 255); font-style: italic; text-decoration: none}

*#navcontainer div a h3 {font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: bold; color: rgb(255, 255, 255); font-style: normal; text-decoration: none}
*#navcontainer div a:hover h3 {font-weight: bold; color: rgb(255, 255, 255); font-style: normal; text-decoration: none; background-color: rgb(204, 204, 0)}
*#navcontainer div a:hover {font-weight: bold; color: rgb(255, 255, 255); font-style: normal; text-decoration: none; background-color: rgb(204, 204, 0)}

#headertop h2 {
	position:absolute;
	top:50px;
	left:750px;
	color:#FFF
}
#content h4.home { background:#36a0da; margin:10px; padding:10px; text-align:center; font-weight:normal; font-size:20px; color:#FFF }
#content h4.home a {color:#e7bb1a;}

.lipstick { float:right; margin-top:80px; }
ul.home  { width:350px;}

#pagecols {  width:759px;  text-align:left;}
#column1 {  float:left; 
 width:759px;  }
#colbody1 {  border-top-width: 0px; border-top-style: none;
padding-top: 5px;
border-right-width: 0px; border-right-style: none;
padding-right: 5px;
border-bottom-width: 0px; border-bottom-style: none;
padding-bottom: 5px;
border-left-width: 0px; border-left-style: none;
padding-left: 5px;
  }
#body_pgbldblk165 { border-top-width: 0px; border-top-style: none;
padding-top: 5px;
border-right-width: 0px; border-right-style: none;
padding-right: 5px;
border-bottom-width: 0px; border-bottom-style: none;
padding-bottom: 5px;
border-left-width: 0px; border-left-style: none;
padding-left: 5px;
  width: 739px;   overflow: hidden;
  }
#body_pgbldblk190 { border-top-width: 0px; border-top-style: none;
padding-top: 5px;
border-right-width: 0px; border-right-style: none;
padding-right: 5px;
border-bottom-width: 0px; border-bottom-style: none;
padding-bottom: 5px;
border-left-width: 0px; border-left-style: none;
padding-left: 5px;
  width: 739px;   overflow: hidden;
  }
#body_pgbldblk185 { border-top-width: 0px; border-top-style: none;
padding-top: 5px;
border-right-width: 0px; border-right-style: none;
padding-right: 5px;
border-bottom-width: 0px; border-bottom-style: none;
padding-bottom: 5px;
border-left-width: 0px; border-left-style: none;
padding-left: 5px;
  width: 739px;   overflow: hidden;
  }
#column2 {  float:left;  }
#colbody2 {   }
#column3 {  float:left;  }
#colbody3 {   }




	/*
.textVerd { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	line-height:14px;
	}
	
.textVerdBold { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color:#112269;
	line-height:14px;
	font-weight: bold;
	}
	
.textVerdBold2 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color:#112269;
	line-height:14px;
	font-weight: bold;
	}

td.box4grey
{
	border-style: solid;
	background-color:#FFFFFF;
	border-top-width: 1px;
	border-top-color: #D5D5D5;
	border-right-width: 1px;
	border-right-color: #D5D5D5;
	border-left-width: 1px;
	border-left-color: #D5D5D5;
	border-bottom-width: 1px;
	border-bottom-color: #D5D5D5;
}

td.box4green
{
	border-style: solid;
	background-color:#D7E8A1;
	border-top-width: 1px;
	border-top-color: #B0D144;
	border-right-width: 1px;
	border-right-color: #B0D144;
	border-left-width: 1px;
	border-left-color: #B0D144;
	border-bottom-width: 1px;
	border-bottom-color: #B0D144;
}

td.boxBlack
{
	border-style: solid;
	background-color:#EEF7D0;
	border-top-width: 0px;
	border-top-color: #000000;
	border-right-width: 1px;
	border-right-color: #000000;
	border-left-width: 0px;
	border-left-color: #000000;
	border-bottom-width: 0px;
	border-bottom-color: #000000;
}
*/






/*
-----------------------------------------------------------------------------------------
Global
-------------------------------------------------------------------------------------- */
div {position:relative;}


.clearer {clear:both;}
#printwrap {position:static;}
/*
-----------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
#nav-left, #nav-top {
	width: 770px;
	margin: 0 auto;
	padding-bottom: 5px;	
	text-align:left;
}
#pngcontainer {
	float: left;
	width: 769px;
	padding: 0 10px 0 9px;
	background-image: url(../images/dropshadow_sides_png.png);
	/*--- Proper width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
	width: 750px;	
}
#inner {
	float: left;
	width: 750px;
}
#headertop {
	float:left;
	width:750px;
	height:125px;
	border-bottom: 1px solid #fff;
	background-image: url(../images/pattern_png.png);
}
#image-container {
	position: absolute;
	width: 295px;
	height: 115px;
	top: 2px;
	right: 9px;
	padding: 6px;
	z-index: 2;
	background-image: url(../images/accent_png.png);
	/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
	width: 283px;
	height: 103px;		
}
.accent {
	float: left;
	width: 283px;
	height: 103px;
}
#title {
	position: absolute;
	width: 750px;
	height: 90px;
	top: 31px;
	left: 0;
	text-align: left;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#title h1#website-title {
	padding-left: 15px;
	padding-right: 315px;
}

/*
-----------------------------------------------------------------------------------------
=#NAV-LEFT
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/
#nav-left #navcontainer {
	float: left;
	width: 141px;
	z-index: 1000;
}
#nav-left #nav-wrapper {
	float: left;
	z-index: 1000;	
}	
#nav-left #content {
	float: right;
	width: 609px;
	padding: 0 20px 20px 20px;
		
	width: 569px;	
	
 font-size:12px; background: #FFF url(http://wsm.ezsitedesigner.com/share/scrapbook/54/546762/pagebg.jpg) top repeat-y;




}	
/*------------------ Navigation Elements ------------------*/
#nav-left #navcontainer div, 
#nav-left #navcontainer div h3 {
	float:left;
	display:block;
	cursor:pointer;}
	
#nav-left #navcontainer div a:link, #nav-left #navcontainer div a:active, #nav-left #navcontainer div a:visited {
	float:left;
		/*--- Width for IE5/Win only --*/ width:141px; padding:10px; text-decoration:none;
		/*--- Proper width for all other browsers --*/ voice-family: "\"}\""; voice-family:inherit; width:121px; word-wrap: break-word; }
		
#nav-left #navcontainer div a:hover {border-left:0;}
#nav-left #navcontainer div div.submenu, #nav-left #navcontainer div div.submenu h3 {float:left;
			display:block;	}

#nav-left #navcontainer div div.submenu {	position:absolute;	top:0;left:0;visibility: hidden;
border-left:1px solid #fff;	width:141px;		}

#nav-left #navcontainer div div.submenu div {display:block;}
#nav-left #navcontainer div div.submenu a:link, #nav-left #navcontainer div div.submenu a:active, #nav-left #navcontainer div div.submenu a:visited {
float:left; width:130px; margin 0; word-wrap: break-word;}
#nav-left #navcontainer div div.submenu a:hover {padding-left:10px;}	
			
/*------------------ Table Structures ------------------*/	
#nav-left #content-table {width:569px;}
#nav-left #content-table p {margin:15px 0; color:#000}	
/*
-----------------------------------------------------------------------------------------
=#NAV-TOP
-------------------------------------------------------------------------------------- */
#nav-top #pngcontainer {
	width: 750px

}
#nav-top #navcontainer {
	float: left;
	width: 730px;
	z-index: 1000;
}
#nav-top #nav-wrapper {
	float: left;
	z-index: 1000;	
	width: 730px;
}	
#nav-top #content {
	float: right;
	width: 730px;
	padding: 10px 25px;
	background: #fff; 
	/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
	width: 700px;		
}	
* html #nav-top #content { padding: 10px 18px; }
/*------------------ Navigation Elements ------------------*/
#nav-top #navcontainer #nav-wrapper div, 
#nav-top #navcontainer #nav-wrapper div h3 {
	float:left;
	display:block;
	cursor:pointer;
}
	#nav-top #navcontainer #nav-wrapper div a:link, 
	#nav-top #navcontainer #nav-wrapper div a:active, 
	#nav-top #navcontainer #nav-wrapper div a:visited {
		float:left;
		padding:7px 15px 3px 15px;
		/*height:20px;*/
		text-decoration:none;
		white-space: nowrap;
	}
	#nav-top #navcontainer #nav-wrapper div a:hover {padding-top:7px;}
		#nav-top #navcontainer #nav-wrapper div div.submenu {
			position:absolute;
			top:0;
			left:0;
			visibility: hidden;
			width:141px;
			margin-top: -2px;
		}
			#nav-top #navcontainer #nav-wrapper div div.submenu a:link, 
			#nav-top #navcontainer #nav-wrapper div div.submenu a:active, 
			#nav-top #navcontainer #nav-wrapper div div.submenu a:visited {
				float:left;
				width:150px;
				border-top:1px solid #fff;
				word-wrap: break-word;
				white-space: normal;
			}
			#nav-top #navcontainer #nav-wrapper div div.submenu a:hover {
				border-top:0;
				padding-top:8px;
			}
			
/*------------------ Table Structures ------------------*/	
#nav-top #content-table {width:720px;}
#nav-top #content-table p {margin:15px 0;}	

/*------------------ content styling ------------------*/	



#content #slideshow1 { display:block; height:204px;}

#content h1 {
	font-size:34px; margin: 20px 0; color:#35a1e1; font-weight:normal
}	

#content h1.float {  margin-left:20px; font-size:40px;}
#content h2 {
	font-size:22px;margin: 20px 0 5px 0; color:#8A0000; font-weight:normal; 
}
#content h3 {
	font-size:16px;margin: 5px 0; color:#000066;font-weight:normal
}
#content h4 {
	font-size:14px; margin: 10px 0;  color:#000066;
}
.small { font-size:11px;}

#content ul, #content ol {
	margin:10px;
	padding:0 0 0 30px;
}
#content ol {padding:0 0 0 25px;}

#content ul li { line-height:22px;}


a:link {
	color: #ea7d20;
	text-decoration: underline;
	}
a:visited { 
	color: #e8b120;
	text-decoration: underline; 
	}
a:hover {
	color: #e8b120;
	text-decoration: underline;
	}
a:active { 
	color: #ea7d20;
	text-decoration: underline; 
	}

#content p { margin:15px 0; color:#000; line-height:18px;}
	
.orange {  color:#ea7d20; font-weight:bold;}
	
/*------------------ no-accent adjustments ------------------*/		
.accent-none {display:none;}
/*
-----------------------------------------------------------------------------------------
=WIDE TEMPLATE - GLOBAL
-------------------------------------------------------------------------------------- */
body#wide #nav-left, body#wide #nav-top {
	width: 970px;
}
body#wide #pngcontainer {
	width: 969px;
	/*---	background-image: url(images/dropshadow_sides_png_wide.png);
	 Proper width for all other browsers --*/
			width: 950px;	
}



body#wide #inner {
	width: 950px;
}
body#wide #headertop {
	width:950px; position:relative;
}
body#wide #title {
	width: 950px;
}
body#wide #footer {
	width: 950px;
	/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
	width: 940px;		
}
body#wide #png-bottom {
	width: 970px;
	height: 10px;
	background-image: url(../images/dropshadow_bottom_png_wide.png);
}
/*
-----------------------------------------------------------------------------------------
=WIDE TEMPLATE - #NAV-LEFT
-------------------------------------------------------------------------------------- */	
body#wide #nav-left #content {
	width: 809px;
	/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit; 
	width: 769px;
}	
body#wide #nav-left #content-table {width:769px;}

.image-right { float:right;  }
.image-right p { text-align:center; }



/*



-----------------------------------------------------------------------------------------
=WIDE TEMPLATE - #NAV-TOP
-------------------------------------------------------------------------------------- */
body#wide #nav-top #content,
body#wide #nav-top #navcontainer, body#wide #nav-top #navcontainer #nav-wrapper {
	/*width: 950px;*/
	width: 900px;	
}
body#wide #nav-top #content-table {width:910px;}

.bottom-links { border-top: solid 2px #37a0d9; text-align:center; margin:30px auto 0 auto; padding-top:8px; }
.bottom-links a { padding: 10px; color:#8A0000 }

#footer {
	float: left;
	width: 750px;
	height: 46px;
	padding: 12px 10px 0 0;
	border-top: 1px solid #fff;
	text-align: right;
	background-image:url(../images/pattern_png.png);
	/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
	width: 740px;	
	height: 33px;	
	z-index:-1;
}

#footer .hotlinks {margin:10px auto; text-align:center; }
#footer .hotlinks a { font-size:11px; color:#FFF; padding:10px;}



#png-bottom {
	float: left;
	width: 770px;
	height: 10px;
	background-image: url(../images/dropshadow_bottom_png.png);
}

* html #headertop {
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader();
}
* html #pngcontainer {
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=);
}
* html body#wide #pngcontainer {
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=);
}
* html body#wide #png-bottom {
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=);
}
* html #png-bottom {
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=);
}
* html #image-container {
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader();
}
* html #footer {
    background-image:url(http://wsm.ezsitedesigner.com/share/scrapbook/54/546762/footer950x21.jpg);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader();
}

* html #headertop {
background:url(http://wsm.ezsitedesigner.com/share/scrapbook/54/546762/HEADER111.jpg);
border-bottom:0px solid #FFFFFF;
float:left;
height:245px;
width:750px;
}
#headertop {
background:url(http://wsm.ezsitedesigner.com/share/scrapbook/54/546762/HEADER111.jpg);
border-bottom:0px solid #FFFFFF;
float:left;
height:245px;
width:750px;
}
#title {display:none;}
#image-container {display:none;}
.accent {display:none;}
.tertiary {background:url(http://wsm.ezsitedesigner.com/share/scrapbook/54/546762/linkbg.jpg) repeat-y;
}
#nav-top #content, body#wide #nav-top #navcontainer, body#wide #nav-top #navcontainer #nav-wrapper {
width:950px;
}
*#navcontainer div a:hover h3 {
font-weight: bold; 
color: rgb(255, 255, 255); 
font-style: normal; 
text-decoration: none; 
background-color: transparent;
}
*#navcontainer div a:hover {
font-weight: bold; 
color: rgb(255, 255, 255); 
font-style: normal; 
text-decoration: none; 
background-color: transparent;
}

.background{background:url(http://wsm.ezsitedesigner.com/share/scrapbook/54/546762/bodybg.jpg) #0e6cff top no-repeat;}
#footer {
background-image:url(http://wsm.ezsitedesigner.com/share/scrapbook/54/546762/footer950x21.jpg);
border-top:0px solid #FFFFFF;
float:left;
height:9px;
padding:12px 10px 0 0;
text-align:right;
voice-family:inherit;
width:740px;
z-index:-1;
}

.clear { clear:both;}