/* CSS Document */

* { margin: 0; padding: 0; }

body { margin: 0; padding: 0; font: normal 12px "Lucida Grande", Geneva, Arial, sans-serif; color: #555; background: #eee5d8; }

h1 { font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; font-size: 19px; color: #522B00; margin: 0 0 3px 0; font-weight: bold; }
h2 { font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; font-size: 19px; color: #522B00; margin: 0 0 10px 0; font-weight: normal; }
h3 { margin: 0 0 10px 0; }
h4 { font-size: 18px; color: #2d6b95; margin: 0 0 10px 0; }
h5 { font-size: 13px; margin: 0 0 10px 0; }
h6 { font-size: 14px; color: #2d6b95; margin: 0 0 10px 0; }

.h5-subnav-style { color: #FFF; background: #669dc4; font-weight: 100; border-bottom: 2px solid #FFF; padding: 4px 0 5px 7px; margin: -4px -4px 0 -4px; }

.h6-alt { border-bottom: 1px solid #7da7c4; padding: 25px 0 4px 0; }
.h6-sub { font-size: 13px; color: #000; font-weight: bold; margin: 0; }

p { margin-bottom: 15px; line-height: 20px; }

ul { list-style-type: disc; list-style-position: outside; list-style-image: url(graphics/ul-arrow.gif); margin: 0 0 15px 35px; color: #333; }
ol { list-style-position: outside; margin: 0 0 15px 30px; }
li { padding: 0 0 5px 0; }

a { color: #2d6b95; font-weight: bold; text-decoration: none; }
a:hover { color: #a8c9e8; }

a img { border: 0; }
img { margin-bottom: 15px; }

.clear { clear: both; }
.divider { border-top: 1px solid #7da7c4; padding: 15px 0 0 0; }

.alignleft { float: left; margin: 0 10px 15px 0; }
.alignright { float: right; margin: 0 0 15px 10px; }

#header-span { width: 100%; height: 112px; background: url(graphics/header_bg-blue.jpg) repeat-x; }
	#header { width: 950px; height: 112px; background: url(graphics/header_bg_graphic-blue.jpg) no-repeat; margin: 0 auto; }
	#header-info { float: right; text-align: left; font-size: 13px; line-height: 17px; color: #333; font-weight: 100; margin: 23px 0 0 0; }

#menu-span { width: 100%; height: 41px; background: url(graphics/nav_bg.jpg) repeat-x; }

#content-span { width: 100%; background: #eee5d8; }
#content-wrap { width: 950px; margin: 0 auto; padding: 10px 0 0 0; }
#content { width: 750px; float: right; }

.element-wrap { background: #FFF; padding: 4px; margin: 0 0 10px 0; border: 1px solid #c9c7c6; }
.element { padding: 4px; /* background: #FFF; */ text-align: left; }

#index-feature { width: 450px; height: 137px; background: url(graphics/index_feature.jpg) no-repeat #FFF; line-height: 21px; padding: 113px 20px 0 274px; }

#sidebar-left { width: 190px; float:left; }
	#sidebar-left img { margin: 0; }
.subnav { width: 160px; background: url(graphics/sub_nav_bg-dkblue.jpg) repeat-x #d8e4f0; padding: 5px 10px 5px 10px; }
	.subnav h5 { color: #FFF; background: #669dc4; font-weight: 100; border-bottom: 2px solid #FFF; padding: 4px 0 5px 7px; margin: -5px -10px 0 -10px; }
	.subnav ul { list-style: none; margin: 5px 0 -3px 0; padding: 0; }
	.subnav li { margin: 0; padding: 0 0 8px 0; }
	.subnav a { color: #01515c; line-height: 14px; font-weight: normal; }
	.subnav a:hover { color: #FFF; }
	
#sidebar-right { width: 265px; float: right; margin: 0 0 0 10px; }
	#sidebar-right img { border-bottom: 2px solid #FFF; margin: 0; }
	
.sidebar ul { list-style-image: none; }

#index-centercol { width: 475px; float: left; }
	#index-centercol ul { list-style-type: disc; list-style-position: outside; margin: 10px 0 0 20px; }
	#index-centercol li { padding: 0 0 3px 0; }
	
#contact-left { width: 605px; float: left; }
#contact-right { width: 335px; float: right; }
	#contact-left img, #contact-right img { margin: 0; }
	
.before-after { width: 460px; margin: 0 auto; }
	.before-after img, .before-after2 img, .before-after3 img, .before-after4 img, .before-after5 img { border: 3px solid #999; }
.before { width: 230px; float: left; text-align: center; }
	.before img { width: 220px; height: 264px; }
.after { width: 230px; float: right; text-align: center; }
	.after img { width: 220px; height: 264px; }
	
.before-after2 { width: 680px; margin: 0 auto; }
.before2 { width: 340px; float: left; text-align: center; }
	.before2 img { width: 330px; height: 150px; }
.after2 { width: 340px; float: right; text-align: center; }
	.after2 img { width: 330px; height: 150px; }
	
.before-after3 { width: 460px; margin: 0 auto; }
.before3 { width: 230px; float: left; text-align: center; }
	.before3 img { width: 220px; height: 220px; }
.after3 { width: 230px; float: right; text-align: center; }
	.after3 img { width: 220px; height: 220px; }
	
.before-after4 { width: 686px; margin: 0 auto; }
.before4 { width: 343px; float: left; text-align: center; }
	.before4 img { width: 333px; height: 249px; }
.after4 { width: 343px; float: right; text-align: center; }
	.after4 img { width: 333px; height: 249px; }
	
.before-after5 { width: 460px; margin: 0 auto; }
.before5 { width: 230px; float: left; text-align: center; }
	.before5 img { width: 220px; height: 330px; }
.after5 { width: 230px; float: right; text-align: center; }
	.after5 img { width: 220px; height: 330px; }

#footer-span { width: 100%; height: 102px; background: url(graphics/footer_bg-blue.jpg) repeat-x #a8c9e8; }
	#footer { width: 950px; height: 85px; margin: 0 auto; background: url(graphics/footer_bg_graphic-blue.jpg) no-repeat; font-size: 11px; color: #FFF; font-weight: 100; padding: 17px 0 0 0; text-align: center; }
	#footer a { color: #FFF; }
	#footer a:hover { color: #2d6b95; }
	

.postmetadata { background: #F5F5F5; border: 1px solid #E3E4E4; color: #666; margin: 10px 0 0 0; padding: 5px 8px; }
.subnav .textwidget { margin-top: 5px; }

#player { border: 1px solid #000; margin: 0 0 15px 0; }


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton4.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {width:950px; /*height:531px;*/ background:url(anywidth/skeleton.jpg); text-align:left; margin:0 auto;}

#menu ul {margin:0; padding:1px 0 0 0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block; border:0px solid #444;border-right: 1px solid #e5e5e5;} 

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px; background: #FFF; padding: 0 0 3px 0; border: 1px solid #c9c7c6; border-width: 0 1px 1px 1px; }
#menu ul.level1 {margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}

#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/

#menu a {display:block; font-size: 13px; font-weight: normal; color:#3F3F3F; line-height:39px; text-decoration:none;padding:0 25px 0 25px; border-left: 1px solid #e5e5e5; }
#menu ul ul a {line-height:22px; border: 0; }
#menu ul.level1 li.level1-li a.level1-a {float:left;}

#menu ul li:hover > ul {visibility:visible; left:0; top:39px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}


#menu a:hover ul {left:0; top:23px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}

#menu li.left ul a {text-align:right; padding:0 10px 0 20px;}


#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}

#menu li a.drop {background:transparent url(anywidth/white-down.gif) no-repeat right center;}
#menu li a.fly {background:transparent url(anywidth/white-right.gif) no-repeat right center;}
#menu li.left ul a.fly {background:transparent url(anywidth/white-left.gif) no-repeat left center;}

#menu li a:hover,
#menu li a.fly:hover {color:#669dc4; background: #FFF; direction:ltr;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {color:#669dc4; background: #FFF;}

#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

/* Videos Menus */

.vmi-left { width: 161px; margin: 5px 0 0 0; padding: 0 16px 0 0; border-right: 1px solid #CECECE; float: left; text-align: center; }
	.vmi-left p { color: #383838; font-size: 11px; line-height: 12px; margin: 0 0 10px 0; }
	.vmi-left img { margin: 0 0 5px 0; padding: 0; }
	.youtube-moreinfo { padding: 10px 0 0 0; }
		.youtube-moreinfo p { color: #8C8C8C; font-size: 11px; color: #8C8C8C; margin: 0 0 10px 0; }
		.youtube-moreinfo a { color: #8C8C8C; font-size: 11px; line-height: 12px; margin: 0 0 10px 0; font-weight: normal; }
		.youtube-moreinfo a:hover { color: #383838; }
.vmi-right { width: 263px; float: left; margin: 5px 0 0 -1px; padding: 0 0 0 16px; border-left: 1px solid #CECECE; }
	.vmi-right .video-block { width: 120px; float: left; text-align: center; margin: 0 11px 10px 0; }
	.vmi-right .video-block img { margin: 0 0 2px 0; padding: 0; width: 120px; height: 74px; }
	.vmi-right .video-block a { font-size: 12px; color: #2D6B95; font-weight: normal; line-height: 12px; }
	.vmi-right .video-block a:hover { color: #000; }
	
.vmwps-left { float: left; width: 553px; height: 120px; overflow:hidden; margin: 10px 0 0 0; padding: 0 0 0 0; border-right: 1px solid #CECECE; text-align: center; }
	.vmwps-left .video-block { width: 260px; float: left; text-align: left; margin: 0 16px 19px 0; padding: 10px 0 0 0; }
	.vmwps-left .video-block img { width: 77px; height: 47px; margin: -10px 5px 0 0; padding: 0; float: left; }
	.vmwps-left .video-block a { font-size: 12px; color: #2D6B95; font-weight: normal; line-height: 12px; }
	.vmwps-left .video-block a:hover { color: #000; }
.vmwps-right { width: 161px; float: left; margin: 5px 0 0 -1px; padding: 0 0 0 16px; border-left: 1px solid #CECECE; text-align: center; }
	.vmwps-youtube-moreinfo { margin: 0; }
	.vmwps-youtube-moreinfo img { margin: 0 0 2px 0; }
	.vmwps-youtube-moreinfo p { color: #8C8C8C; font-size: 11px; color: #8C8C8C; margin: -5px 0 0 0; }
	.vmwps-youtube-moreinfo a { color: #8C8C8C; font-size: 11px; line-height: 12px; margin: 0 0 10px 0; font-weight: normal; }
	.vmwps-youtube-moreinfo a:hover { color: #383838; }


/* COUPONS */

#content-coupon { width: 950px; }
#coupon-wrap { width: 650px; margin: 20px auto; text-align: center; }
.coupon-image { height: 400px; float: left; border: 0; margin: 0 30px 30px 0; }
#coupon-text { padding: 20px 0 0 0; }
#coupon-wrap h1 { font-size: 28px; font-weight: bold; color: 222; margin: 0 0 0 0; }
#coupon-wrap h2 { font-size: 22px; font-weight: 100; color: #444; margin: 0 0 30px 0; }
#coupon-wrap h3 { font-size: 18px; font-weight: 100; color: #666; margin: 0; }
.coupon-link { width: 294px; margin: 0 0 10px 0; }
#coupon-wrap small { font-size: 12px; color: #666; font-style: italic; }
#coupon-wrap .terms { font-size: 10px; color: #777; margin: 40px 0 0 0; }