* { margin: 0; padding: 0; text-align: left; }
#bg_gradient { margin: 0 auto; width: 100%; }
#content_auto { margin: 0 auto; width: 775px; background: #ffffff; }
#top { width: 775px; border-bottom: 0px #1a449d solid;  }
#logo { float: left; width: 142px; height: 83px; }
#topnavs { float: left; width: 633px; height: 30px; text-align: right; font-size: 12px; padding: 16px 0 0 0; color: #1b4097; }
#navs {
	float: left;
	width: 633px;
	background: url(/wxzt/tom-2.jpg) no-repeat top left;
	font-weight: bold;
	color: #0033CC;
	font-size: 14px;
	padding: 16px 0 0 0px;
	
}
#navs1 {
	float: left;
	width: 633px;
	background: url(/wxzt/tom-2.jpg) no-repeat top left;
	font-weight: bold;
	color: #0033CC;
	font-size: 14px;
    height: 37px;
	
}
#promo { float: left; width: 775px; height: 133px; background: url(../images/bg_promo.jpg) no-repeat top left; }
#promo { float: left; width: 775px; height: 133px; background: url(../images/bg_promo.jpg) no-repeat top left; }
#promo_img { float: left; margin: 22px 0 0 15px; } * html #promo_img { margin: 22px 0 0 8px; }
#promo_info { float: left; width: 270px; margin: 22px 0 0 15px; color: #ffffff; font-weight: bold; border-left: 1px #ffffff solid; padding: 0 0 0 15px; }
#content {
	float: left;
	width: 775px;
	background: #ffffff;
	padding: 0 0 25px 0;
	font-size: 12px;
	background-image: url(lfbj.jpg);
	background-repeat: repeat-y;
	background-position: left 0px;
}
#content_surf { float: left; width: 775px; background: #ffffff; font-size: 12px; }
#surf_bg { float: left; width: 775px; margin: 20px 0 25px 0; background: url(../images/bg_surf.gif) repeat-y top left; }
#left { float: left; width: 331px; background: url(../images/bg_left.jpg) no-repeat top left; padding: 30px 24px 0 20px; }
#right { float: left; width: 400px; background: url(../images/bg_right.jpg) no-repeat top left; }

#left_surf { float: left; width: 331px; padding: 5px 24px 0 20px; }
#right_surf { float: left; width: 400px; }
#whatson { float: left; width: 331px; }
#whatson_top { float: left; width: 311px; background: #edf1f9 url(../images/bg_whatson.gif) no-repeat top left; padding: 10px 10px 10px 10px; }
#whatson_top p { padding: 7px 15px 7px 15px; }
#event_top { float: left; width: 311px; padding: 0 10px 10px 10px; }
#event_top p { padding: 7px 15px 7px 15px; }
#whatson_bottom { float: left; width: 331px; height: 12px; background: url(../images/bg_whatson_bottom.gif) no-repeat top left; }
.1pxtop { display: block; padding: 0; margin: 0; }

#promo_inside { float: left; width: 775px; height: 157px; }
#promo_inside_left { float: left; width: 581px; height: 113px; }
#promo_inside_right {
	float: left;
	width: 174px;
	height: 113px;
	background: url(bgh_whatson.jpg) no-repeat top left;
	color: #ffffff;
	font-weight: bold;
	padding: 0px 20px 0 0;
}
#promo_inside_whatson {
	float: left;
	width: 174px;
	height: 113px;
	background: url(bgh_whatson.jpg) no-repeat top left;
	color: #ffffff;
	font-weight: bold;
	padding: 0px 20px 0 0;
}

#promo_inside_title { float: left; width: 775px; height: 44px; }
#promo_surfboard { float: left; width: 775px; height: 207px; }
#youarein { float: left; width: 755px; height: 17px; background: #dbe4f0; color: #1a449d; font-size: 12px; font-weight: bold; padding: 4px 0 0 20px; }
#youarein a { text-decoration: none; }
#youarein a:hover { text-decoration: underline; }
#content_full { float: left; width: 735px; padding: 20px 20px 0 20px; }
#right_full { float: left; width: 555px; padding: 20px 20px 0 20px; } * html #right_full { padding: 20px 10px 0 20px; }
#left_inside { float: left; width: 180px; padding: 20px 0 0 0; }
#left_banner { float: left; width: 150px; padding: 15px 14px 15px 14px; }
#center_inside { float: left; width: 555px; padding: 20px 10px 0 20px; }
#center_banner { float: left; padding: 15px 0 15px 0; }
#center_banner_full { float: left; width: 383px; padding: 15px 176px 15px 176px; }
#center_banner_right_full { float: left; width: 385px; padding: 15px 85px 15px 85px; }
.bannerborder { border: 1px #c6d0e6 solid; display: block; padding: 0; margin: 0; text-align: center; }
#right_inside { float: left; width: 170px; padding: 20px 0 0 0; }
#locationandtime { float: left; width: 385px; padding: 10px 0 2px 0; font-size: 12px; color: #1a449d; }
#location { float: left; width: 285px; padding: 0 0 0 5px; }
#time { float: left; width: 95px; }
#blueborder { float: left; width: 375px; padding: 4px 4px 4px 4px; border: 1px #c6d0e6 solid; }
#bluebg { float: left; width: 375px; background: #f6f8fc; padding: 0 0 10px 0; }
#bluebg p { padding: 10px 15px 0 15px; margin: 0; }
#bluebox { float: left; width: 355px; background: #f6f8fc; margin: 5px 5px 5px 5px; padding: 10px 10px 15px 10px; } * html #bluebox { width: 353px; margin: 5px 3px 5px 3px; }
#error { float: left; width: 343px; background: #f6f8fc; border: 1px #c6d0e6 solid; margin: 15px 5px 15px 5px; padding: 10px 10px 15px 20px; } * html #error { width: 341px; margin: 15px 3px 15px 3px; }
#comment { float: left; width: 355px; background: #f6f8fc; padding: 10px 10px 15px 10px; }
#bluefull { float: left; background: #f6f8fc; margin: 5px 5px 5px 5px; padding: 10px 10px 15px 10px; } * html #bluefull { margin: 5px 3px 5px 3px; }
#topline { float: left; width: 345px; border-top: 1px #c6d0e6 solid; font-size: 12px; padding: 5px 20px 5px 20px; }
#topline_full { float: left; width: 515px; border-top: 1px #c6d0e6 solid; font-size: 12px; padding: 5px 20px 5px 20px; text-align: center; }
#topline_fullwidth { float: left; width: 695px; border-top: 1px #c6d0e6 solid; font-size: 12px; padding: 5px 20px 5px 20px; text-align: center; }
.subnavs { float: left; width: 170px; border-bottom: 1px #c6d0e6 solid; padding: 7px 0 5px 0; font-size: 12px; }
.subnavs_img { float: left; padding: 0 3px 0 0; } 
.subnavs_link { float: left; padding: 2px 0 0 0; } 
.subnavs a { text-decoration: none; }
.subnavs a:hover { font-weight: bold; }
.banner { float: left; width: 170px; padding: 5px 0 0 0; }
.gap15px { clear: left; width: 100%; height: 15px; }
.gap25px { clear: left; width: 100%; height: 25px; }


.form_center { clear: left; text-align: center; padding: 15px 0 15px 125px; text-align: left; }
.btnvideo { float: right; width: 99px; height: 26px; background: url(../images/bg_watchvideo.gif) no-repeat top left; font-size: 12px; font-weight: bold; padding: 31px 0 0 60px; text-decoration: none; color: #4f70b5; margin: 10px 0 10px 0; }
.btnvideo:hover { text-decoration: none; color: #4f70b5; }
.btnaudio { float: right; width: 99px; height: 26px; background: url(../images/bg_listenaudio.gif) no-repeat top left; font-size: 12px; font-weight: bold; padding: 31px 0 0 60px; text-decoration: none; color: #4f70b5; margin: 0 0 5px 0; }
.btnaudio:hover { text-decoration: none; color: #4f70b5; }

#quiz {
	float: left;
	width: 550px;
	margin: 0 0 12px 0;
	height: 20px;
}
#quiz_top { float: left; width: 555px; background: url(../images/bg_quiz.gif) no-repeat top left; }
#quiz_bottom { float: left; width: 555px; height: 56px; background: url(../images/bg_eventsearch_bottom.gif) no-repeat top left; }
#quizbox_right { float: left; width: 431px; margin: 64px 62px 0 62px; } * html #quizbox_right { margin: 64px 31px 0 31px; }
#quizboxes { float: left; width: 407px; background: #d8dff0 url(../images/bg_quizboxes_top.gif) no-repeat top left; padding: 12px 12px 0 12px; }
#quizboxes_bottom { clear: left; width: 431px; height: 11px; background: url(../images/bg_quizboxes_bottom.gif) no-repeat top left; margin: 0 0 10px 0; }
#quiz_button { float: right; width: 82px; height: 36px; background: url(../images/bg_quizbutton.gif) no-repeat top left; padding: 5px 0 0 5px; margin: 8px 64px 0 0; } * html #quiz_button { margin: 8px 32px 0 0; }
.quiz_divider { float: left; width: 530px; text-align: right; padding: 5px 25px 10px 0; border-bottom: 1px #dfe5f2 solid; margin: 0 0 15px 0; }

#footer { float: left; width: 775px; height: 35px; color: #93a3c9; border-top: 1px #c6d0e6 solid; background: #ffffff; }
#footer_left { float: left; width: 575px; padding: 5px 0 0 25px; }
#footer_right { float: left; width: 135px; padding: 5px 25px 0 0; }
#footer_right p { text-align: right; }
#footer p { font-size: 12px; }
#footer a { color: #93a3c9; font-weight: normal; }

#popup_header { float: left; width: 640px; height: 130px; }
#popup_content { float: left; width: 580px; padding: 0 30px 35px 30px; }
#popup_viewevent { float: left; padding: 0 60px 35px 60px; }

#popup_locationandtime { float: left; width: 580px; padding: 10px 0 2px 0; font-size: 12px; color: #1a449d; }
#popup_location { float: left; width: 480px; padding: 0 0 0 5px; }
#popup_time { float: left; width: 95px; }

#popup_blueborder { float: left; width: 572px; padding: 4px 4px 4px 4px; border: 1px #c6d0e6 solid; }
#popup_bluebg { float: left; width: 572px; background: #f6f8fc; padding: 0 0 10px 0; }
#popup_bluebg p { padding: 10px 15px 0 15px; margin: 0; }
#popup_bluebox { float: left; width: 550px; background: #f6f8fc; margin: 5px 5px 5px 5px; padding: 10px 10px 15px 10px; } * html #popup_bluebox { width: 572px; margin: 5px 3px 5px 3px; }

/*------------- GLOBAL SELECTORS --------------*/

body { text-align: center; margin:0; padding:0; color: #000000; font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; }
body.main { text-align: center; margin:0; padding:0; color: #000000; font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; background: #ffffff url(../images/bg_main.gif) repeat-x top left; }
body.inside { text-align: center; margin:0; padding:0; color: #000000; font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; background: #ffffff url(/wxzt/bg_inside.gif) repeat-x top left; }

p { font-size: 12px; line-height: 18px; padding: 6px 0 3px 0; margin: 0; }
p.blog { font-size: 12px; line-height: 14px; padding: 3px 0 5px 1px; margin: 0; }
p.star { padding: 0 0 20px 0; background: url(../images/star_orange.gif) no-repeat 0 11px; font-weight:bold; text-decoration:none; color: #c65c04;}
div.faq { padding: 0 0 10px 0; margin: 3px 0 0 15px; }
p.star a { color: #c65c04; text-decoration:none}
p.dot_blue { padding: 3px 0 1px 10px; background:url(../images/dot_blue.gif) no-repeat 0 8px; }
p.arrow_red { padding: 0 0 0 12px; background:url(../images/arrow_red.gif) no-repeat 0 5px; }
p.blog_subtitle { text-align: right; padding: 0 10px 4px 0; color: #1a449d; font-size: 13px; }
.big { font-size: 13px; font-weight: bold; line-height: 15px; }

td.blueline { padding: 5px 5px 5px 5px; border-bottom: 1px #cad4e8 solid; font-size: 12px; }
td.blueline_center { padding: 5px 5px 5px 5px; border-bottom: 1px #cad4e8 solid; font-size: 12px; text-align: center; }
td.blueline a { text-decoration: none; }
td.blueline a:hover { text-decoration: underline; }
td.bluetitle { padding: 5px 5px 5px 5px; background: #4d7ed5; color: #ffffff; }
td.bluetitle_center { padding: 5px 5px 5px 5px; background: #4d7ed5; color: #ffffff; text-align: center; }
tr.rowhighlight { border-bottom: 1px solid #1a449d; font-size: 11px; padding-left: 5px; background-color: #e3edf9; }

img.nowrap { display: block; padding: 0; margin: 0; }
img.pic { display: block; padding: 0; margin: 5px 5px 5px 5px; border: 7px #eaeaea solid; }
img.banner { float: left; margin: 0; padding: 0 0 7px 0; display: block; }

a { text-decoration: underline; color: #1b4097; font-weight: normal; }
a:hover { text-decoration: none; color: #1b4097; }



/*------------- SUBNAVIGATION --------------*/

#left_inside ul.subMenu { margin:0; padding: 0px 0px 20px 0px; font-size: 12px; font-family: arial,verdana,helvetica,sans-serif; }
#left_inside ul.subMenu li { margin:0; padding: 8px 0 6px 0; display: block; list-style-type: none; border-bottom: 1px solid #c6d0e6; }
#left_inside ul.subMenu a:link, #left_inside ul.subMenu a:visited { padding:0 0 0 20px; color: #1a449d; text-decoration:none; font-weight: bold; display: block; }
#left_inside ul.subMenu a:active,#left_inside ul.subMenu a:hover{ color: #2d70cf; text-decoration: none; font-weight: bold; display: block; }
#left_inside ul.subMenu a:link.subMenuOn, #left_inside ul.subMenu a:visited.subMenuOn { padding: 10px 0 8px 20px; color: #ffffff; text-decoration: none; font-weight: bold; background: url(../images/bg_navs.jpg) no-repeat top left; display: block; }

#left_inside ul.subMenu2 { margin:0; padding: 5px 0px 5px 0px; font-size: 12px; font-family: arial,verdana,helvetica,sans-serif; }
#left_inside ul.subMenu2 li { margin: 0; padding: 1px 0 1px 0; display: block; list-style-type:none; border: none; } #left_inside ul.subMenu2 a:link, #left_inside ul.subMenu2 a:visited { padding: 0 0 0 9px; margin: 0 0 0 20px; color: #1a449d; text-decoration:none; background: url(../images/arrow_light.gif) no-repeat 0 6px; font-weight: normal; display: block; }
#left_inside ul.subMenu2 a:active, #left_inside ul.subMenu2 a:hover, #left_inside ul.subMenu2 a:link.subMenu2On, #left_inside ul.subMenu2 a:visited.subMenu2On { padding:0 0 0 9px;  margin: 0 0 0 20px; color: #1a449d; text-decoration: none; background: url(../images/arrow_light.gif) no-repeat 0 6px; font-weight: bold; display: block; }
#left_inside ul.subMenu2 a:link.subMenu2On, #left_inside ul.subMenu2 a:visited.subMenu2On { font-weight: bold; }

#left_inside ul.subMenu3 { margin:0; padding: 2px 0px 1px 0px; font-size: 12px; font-family: arial,verdana,helvetica,sans-serif; }
#left_inside ul.subMenu3 li { margin:0; padding: 1px 0 1px 0; display:block; list-style-type:none; border: none; }
#left_inside ul.subMenu3 a:link, #left_inside ul.subMenu3 a:visited { padding: 0 0 0 9px; margin: 0 0 0 35px; color: #1a449d; text-decoration:none; background: url(../images/arrow_light_small.gif) no-repeat 0 6px; font-weight: normal; display: block; }
#left_inside ul.subMenu3 a:active, #left_inside ul.subMenu3 a:hover, #left_inside ul.subMenu3 a:link.subMenu3On, #left_inside ul.subMenu3 a:visited.subMenu3On { padding:0 0 0 9px;  margin: 0 0 0 35px; color: #1a449d; text-decoration: none; background: url(../images/arrow_light_small.gif) no-repeat 0 6px; font-weight: bold; display: block; }
#left_inside ul.subMenu3 a:link.subMenu3On, #left_inside ul.subMenu3 a:visited.subMenu3On { font-weight: bold; }



/*------------- H STYLES --------------*/

h1 { font-family: Arial, Verdana, sans-serif; font-weight: bold; margin: 0; padding: 7px 0 2px 0; line-height: 22px; font-size: 20px; color: #1a449d; font-weight: normal; }
h1.red { font-family: Arial, Verdana, sans-serif; font-weight: normal; margin: 0; padding: 7px 0 2px 0; line-height: 19px; font-size: 18px; color: #d32937; font-weight: normal; }
h1.green { font-family: Arial, Verdana, sans-serif; font-weight: normal; margin: 0; padding: 7px 0 2px 0; line-height: 19px; font-size: 18px; color: #539d4f; font-weight: normal; }
h1.yellow { font-family: Arial, Verdana, sans-serif; font-weight: normal; margin: 0; padding: 7px 0 2px 0; line-height: 19px; font-size: 18px; color: #f4a01a; font-weight: normal; }
h2 { font-family: Arial, Verdana, sans-serif; margin: 0; padding: 2px 0 3px 0; line-height: 15px; font-size: 12px; color: #F2F5FD; }
h2 a { font-family: Arial, Verdana, sans-serif; font-weight: normal; margin: 0; padding: 5px 0 3px 0; line-height: 15px; font-size: 13px; color: #1a449d; font-weight: bold; text-decoration: underline; }
h2 a:hover { text-decoration: none; }
h2.underline { font-family: Arial, Verdana, sans-serif; font-weight: normal; margin: 0; padding: 0 0 3px 15px; line-height: 15px; font-size: 13px; color: #1a449d; font-weight: bold; border-bottom: 1px #c8d2e7 solid; }
h2.underline_blog { font-family: Arial, Verdana, sans-serif; font-weight: normal; margin: 0; padding: 0 0 3px 0; line-height: 15px; font-size: 13px; color: #1a449d; font-weight: bold; border-bottom: 1px #c8d2e7 solid; }
h2.underline_popup { font-family: Arial, Verdana, sans-serif; font-weight: normal; margin: 0; padding: 0 0 3px 15px; line-height: 15px; font-size: 13px; color: #1a449d; font-weight: bold; border-bottom: 1px #c8d2e7 solid; width: 626px; } * html h2.underline_popup {  width: 642px; }
h3 { font-family: Arial, Verdana, sans-serif; font-weight: normal; margin: 0; padding: 0; line-height: 17px; font-size: 15px;}
h4 { font-family: Arial, Verdana, sans-serif; font-weight: normal; margin: 0; padding: 2px 0 3px 0; line-height: 22px; font-size: 13px; color: #1a449d; font-weight: bold; }
h4 a { font-family: Arial, Verdana, sans-serif; font-weight: normal; margin: 0; padding: 2px 0 3px 0; line-height: 22px; font-size: 13px; color: #1a449d; font-weight: bold; text-decoration: underline; }

/*------------- WEATHER --------------*/

.weather_row1 { background: #1a449d; }
.weather_title { font-weight: bold; color: #fff; margin: 20px 10px 20px 10px; }
.weather_col1 { background: #fff; border-bottom: 1px #c6d0e6 solid; padding: 5px 5px 5px 5px; }
.weather_col2 { background: #fff; border-bottom: 1px #c6d0e6 solid; padding: 5px 5px 5px 5px; }
.weather_header { font-weight: bold; }

.wireless {width:260px}
.albumList 									{clear:both;border-bottom:1px solid #e5e5e5;overflow:hidden;_height:1%;width:550px;}
.albumList li 							{float:left;width:170px;margin:8px 0 0 0;padding:0 0 5px 7px;}
.albumList li p							{padding:0 6px;margin-top:3px;}
.albumList li .img					{width:150px;height:100px;margin:0 auto;background:url(img/album_bg1.gif) no-repeat center top;border:1px solid #c4d9f5;}
.albumList li .img img			{width:120px;height:90px;padding:0;border:0;margin:5px 0 0 8px;}
.albumList li .img a:hover	{background:transparent;}
.albumList li h2,.albumList li h3			{line-height:16px;height:22px;padding:2px 6px 0 10px;word-break:break-all;word-wrap:break-word;overflow:hidden;}
.albumList li h2 a,.albumList li h3 a	{line-height:16px;font-weight:normal;text-decoration:underline;}
.albumList li p							{padding:0 0 0 6px}
.albumList li p a,.albumList li p span{color:#333;}
.albumList li p a:hover			{color:#db2c30;}
#NearlyVideo									{}
#NearlyVideo .Notop						{padding:2px 0;}
#NearlyVideo .list .ust				{height:76px;margin:8px;padding:0;border-bottom:1px dashed #CCC;}
#NearlyVideo .list .ust div		{margin-left:96px;text-align:left;line-height:140%;}
#NearlyVideo .list .ust div a	{}
#NearlyVideo .list .ust .Qsel	{float:left;margin:0;padding:0;}
#NearlyVideo .list .ust .Qsel img{float:none;margin:0;width:82px;height:61px;}
#NearlyVideo .list .ust .Qsel a:hover img{background:#E9F5FF;border:1px solid #0066FF;}
#NearlyVideo .list .ust .date	{color:#9E9E9E;}
#newpro{width:550px; float:left; margin-top:5px; background:url(dot_1x21.gif); height:21px;}
#newproduct{height:80px; width:550px; margin-top:10px; float:left;}
.propic{width:102px; height:75px; float:left; margin-left:2px;}
.prointro{width:160px; height:60px; float:left; text-align:left; padding-left:5px; padding-top:15px; padding-right:5px; color:#666666;}
.prointro p{list-style:none; margin:0; padding:0; margin-bottom:2px; color:#000;}
.propic a{border:1px #666666 solid; display:block;}
.propic a:link{border:1px #999999 solid; display:block;}
.propic a:visited{border:1px #666666 solid; display:block;}
.propic a:hover{border:1px #000000 solid; display:block;}

.ztai {
	CLEAR: left;
	FLOAT: left;
	width: 178px;
}
.ztai UL {
	MARGIN: 2px 2px 2px 2px; OVERFLOW: hidden; DISPLAY: inline; WIDTH: 80px; HEIGHT: auto
}
.ztai UL LI {
	FLOAT: left; MARGIN: 0px 0px 2px;
}
.ztai UL LI IMG {
	BORDER-RIGHT: #ddd 1px solid;
	BORDER-TOP: #ddd 1px solid;
	BORDER-LEFT: #ddd 1px solid;
	BORDER-BOTTOM: #ddd 1px solid;
DISPLAY: inline; MARGIN: 4px 0px 0px 2px; OVERFLOW: hidden; WIDTH: 80px; HEIGHT: 20px
}
.ztai UL LI A {
	CURSOR: pointer; COLOR: #0278c2
}
.ztai UL LI A:visited {
	CURSOR: pointer; COLOR: #0278c2
}
.ztai UL LI H2 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; OVERFLOW: hidden; WIDTH: 80px; COLOR: #0278c2; LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-ALIGN: center
}