body
{
	background:url(images/bg.gif) repeat-x 0 0 #FFF;
	color:#363636;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

div,h1,h2,h3,h4,h5,h6,form,label,input,span,ul,li,p,a
{
	margin:0;
	padding:0;
}

iframe
{
	border:3px solid navy;
}

ul
{
	list-style:none;
}

.spacer
{
	font-size:0;
	line-height:0;
	clear:both;
}

#header
{
	position:relative;
	width:778px;
	height:228px;
	background:url(images/header_bg.jpg) no-repeat 0 0 #337BA6;
	color:#000;
	margin:0 auto;
}

#header img
{
	position:absolute;
	left:393px;
	top:30px;
	border:none;
}

#header h1
{
	position:absolute;
	left:397px;
	top:40px;
	border:none;
	font:bold 32px/34px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}

#header h2
{
	position:absolute;
	left:397px;
	top:73px;
	border:none;
	font:bold 14px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}

#header h3
{
	position:absolute;
	left:197px;
	top:35px;
	border:none;
	font:bold 20px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

#header h4
{
	position:absolute;
	left:220px;
	top:55px;
	border:none;
	font:bold 14px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}

#header h5
{
	position:absolute;
	left:170px;
	top:115px;
	border:none;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#666;
	text-align:right;
}

#topNav
{
	width:778px;
	height:30px;
	background:url(images/top_nav_bg.gif) no-repeat 0 0 #FFF;
	color:#000;
	margin:0 auto;
}

#topNav ul
{
	width:490px;
	margin:0 auto;
}

#topNav ul li
{
	float:left;
	margin:0 1px 0 0;
}

#topNav ul li a
{
	font:bold 11px/29px Arial, Helvetica, sans-serif;
	color:#595959;
	background:url(images/top_nav_btn_bg.gif) repeat-x 0 0 #FFF;
	display:block;
	text-decoration:none;
	padding:0 12px;
}

#topNav ul li a:hover
{
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	color:#337BA6;
	background-color:#FFF;
	background-image:none;
	border-top:#DADADA 1px solid;
	border-right:#DADADA 1px solid;
	border-left:#DADADA 1px solid;
	display:block;
	text-decoration:none;
	margin:2px 0 0;
	padding:0 11px;
}

#topNav ul li a.hover
{
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	color:#F50B04;
	background-color:#FFF;
	background-image:none;
	border-top:#DADADA 1px solid;
	border-right:#DADADA 1px solid;
	border-left:#DADADA 1px solid;
	display:block;
	text-decoration:none;
	margin:2px 0 0;
	padding:0 11px;
}

#body
{
	width:738px;
	margin:0 auto;
	padding:24px 0 49px;
}

.left
{
	width:480px;
	float:left;
	padding:0 38px 0 0;
}

.left h2
{
	font:bold 20px/25px Arial, Helvetica, sans-serif;
	color:#337BA6;
	background-color:#FFF;
	height:25px;
	width:480px;
	float:left;
	border-bottom:1px dotted #9F9F9F;
	margin:0 0 10px;
	padding:0;
}

.left h3
{
	font-size:18px;
}

.left span.dot
{
	background:url(images/dot_line.gif) repeat-x 0 18px #FFF;
	height:25px;
	width:360px;
	display:block;
	float:right;
	color:#000;
}

.left p
{
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:#FFF;
	padding:0 0 12px;
}

.left p span
{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:#BFDEF7;
}

.left p.dotLine
{
	color:#363636;
	font-size:0;
	line-height:0;
	height:13px;
	background:url(images/dot_line.gif) repeat-x 0 2px #FFF;
	padding:3px 0 12px;
}

.left p.dotLine a.readMore
{
	background:url(images/read_more_btn.gif) no-repeat 0 0 #FFF;
	color:#000;
	font-size:0;
	line-height:0;
	text-decoration:none;
	text-indent:-2000px;
	width:58px;
	height:13px;
	display:block;
	float:right;
}

.left p.dotLine a.readMore:hover
{
	background:url(images/read_more_btn_h.gif) no-repeat 0 0 #FFF;
	color:#000;
	font-size:0;
	line-height:0;
	text-decoration:none;
	text-indent:-2000px;
	width:58px;
	height:13px;
	display:block;
	float:right;
}

.left p.dotLine a.readcode
{
	background:url(images/read_code_btn.gif) no-repeat 0 0 #FFF;
	color:#000;
	font-size:0;
	line-height:0;
	text-decoration:none;
	text-indent:-2000px;
	width:58px;
	height:13px;
	display:block;
	float:right;
}

.left p.dotLine a.readcode:hover
{
	background:url(images/read_code_btn_h.gif) no-repeat 0 0 #FFF;
	color:#000;
	font-size:0;
	line-height:0;
	text-decoration:none;
	text-indent:-2000px;
	width:58px;
	height:13px;
	display:block;
	float:right;
}

.event
{
	width:480px;
	padding:26px 0 0;
}

.eventLeft
{
	width:324px;
	float:left;
	padding:6px 0 0;
}

.eventLeft h2
{
	font:bold 20px/25px Arial, Helvetica, sans-serif;
	color:#337BA6;
	background-color:#FFF;
	width:124px;
	float:left;
	padding:0 0 6px;
}

.eventLeft h2 span
{
	font:bold 20px/25px Arial, Helvetica, sans-serif;
	color:#F50B04;
	background-color:#FFF;
}

.eventLeft span.date
{
	background:url(images/date_bg.gif) no-repeat 0 0 #FFF;
	color:#333;
	font:bold 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	width:117px;
	height:15px;
	display:block;
	float:left;
	margin:6px 0 0 12px;
}

.eventLeft p
{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#363636;
	background:url(images/left_line.gif) no-repeat 0 16px #FFF;
	padding:10px 0 12px 16px;
}

.eventLeft p.dotLine1
{
	color:#363636;
	font-size:0;
	line-height:0;
	width:304px;
	height:13px;
	background:url(images/dot_line.gif) repeat-x 0 2px #FFF;
	padding:3px 0 0;
}

.eventLeft p.dotLine1 a.viewMore
{
	background:url(images/view_more_btn.gif) no-repeat 0 0 #FFF;
	color:#000;
	font-size:0;
	line-height:0;
	text-decoration:none;
	text-indent:-2000px;
	width:58px;
	height:13px;
	display:block;
	float:right;
}

.eventLeft p.dotLine1 a.viewMore:hover
{
	background:url(images/view_more_btn_h.gif) no-repeat 0 0 #FFF;
	color:#000;
	font-size:0;
	line-height:0;
	text-decoration:none;
	text-indent:-2000px;
	width:58px;
	height:13px;
	display:block;
	float:right;
}

.eventRight
{
	width:155px;
	float:left;
}

.left form.contact
{
	background:url(images/login_bg.gif) no-repeat 0 0 #FFF;
	color:#000;
	width:400px;
	height:350px;
	padding:14px 14px 34px 16px;
}

.left form.contact h2
{
	font:normal 18px/18px Arial, Helvetica, sans-serif;
	width:auto;
	color:#000;
	background-color:#F5F5F5;
	padding:0;
}

.left form.contact label
{
	font:bold 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#337BA6;
	background-color:#F5F5F5;
	padding:0 0 8px;
}

.left form.contact input
{
	width:180px;
	height:15px;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	background-color:#FFF;
	color:#000;
	margin:0;
	padding:2px;
}

.left form.contact textarea
{
	width:180px;
	height:150px;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	background-color:#FFF;
	color:#000;
	margin:0;
	padding:2px;
}

.left form.contact input.submitBtn
{
	width:52px;
	height:16px;
	float:left;
	margin:3px 0 0;
	padding:0;
}

.left form.contact p
{
	font:bold 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#337BA6;
	background-color:#F5F5F5;
	padding:4px 0 0;
}

.right
{
	width:220px;
	float:left;
}

.right form.search
{
	background:url(images/search_bg.gif) no-repeat 0 0 #FFF;
	color:#000;
	width:189px;
	height:63px;
	padding:14px 14px 30px 16px;
}

.right form.search label
{
	font:normal 18px/18px Arial, Helvetica, sans-serif;
	color:#000;
	float:left;
}

.right p
{
	margin:0 0 10px;
}

.right form.search input
{
	width:180px;
	height:15px;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	background-color:#FFF;
	color:#000;
	margin:7px 0 5px;
	padding:2px;
}

.right form.search input.searchBtn
{
	width:52px;
	height:16px;
	float:right;
	margin:0;
	padding:0;
}

.right h2
{
	font:bold 20px/25px Arial, Helvetica, sans-serif;
	color:#337BA6;
	background-color:#FFF;
	height:25px;
	width:220px;
	float:left;
	border-bottom:1px dotted #9F9F9F;
	margin:0 0 10px;
	padding:0;
}

.right span.dot
{
	background:url(images/dot_line.gif) repeat-x 0 18px #FFF;
	height:25px;
	width:70px;
	display:block;
	float:right;
	color:#000;
}

.right ul
{
	padding:0;
}

.right ul li a
{
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#535353;
	display:block;
	text-decoration:none;
	/* background:url(images/red_arrow_bullet.gif) no-repeat 0 6px #FFF; */
	padding:0 0 0 12px;
}

.right ul li a:hover
{
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#535353;
	display:block;
	text-decoration:none;
	background:#BFDEF7;
	padding:0 0 0 12px;
}

#footer
{
	background:url(images/footer_bg.gif) no-repeat center top #0E4472;
	color:#000;
}

.footer
{
	width:500px;
	height:115px;
	margin:0 auto;
	padding:12px 0 0;
}

.notice
{
	width:850px;
	height:160px;
	margin:0 auto;
	padding:12px 0 0;
}

.footer ul
{
	width:445px;
	margin:0 auto;
}

.footer ul li
{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:#0E4472;
	float:left;
}

.footer ul li a
{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
	background-color:#0E4472;
	padding:0 8px;
}

.footer ul li a:hover
{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
	background-color:#11558C;
	padding:0 8px;
}

.footer p
{
	width:400px;
	color:#DBEDFB;
	background-color:#0E4472;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0 auto;
}

.footer p.valid
{
	width:300px;
	margin:0 auto;
}

.footer p.valid a.xhtml
{
	background:url(images/xhtml_btn.gif) no-repeat 0 0 #0E4472;
	color:#FFF;
	text-decoration:none;
	text-indent:-2000px;
	width:70px;
	height:23px;
	display:block;
	float:left;
	margin:5px 0 8px;
}

.footer p.valid a.xhtml:hover
{
	background:url(images/xhtml_btn_h.gif) no-repeat 0 0 #0E4472;
	color:#FFF;
	text-decoration:none;
	text-indent:-2000px;
	width:70px;
	height:23px;
	display:block;
	float:left;
	margin:5px 0 8px;
}

.footer p.valid a.css
{
	background:url(images/css_btn.gif) no-repeat 0 0 #0E4472;
	color:#FFF;
	text-decoration:none;
	text-indent:-2000px;
	width:70px;
	height:23px;
	display:block;
	float:left;
	margin:5px 0 8px 4px;
}

.footer p.valid a.css:hover
{
	background:url(images/css_btn_h.gif) no-repeat 0 0 #0E4472;
	color:#FFF;
	text-decoration:none;
	text-indent:-2000px;
	width:70px;
	height:23px;
	display:block;
	float:left;
	margin:5px 0 8px 4px;
}

.footer p.tworld
{
	width:170px;
	height:17px;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#414141;
	background-color:#FFF;
	text-align:center;
	margin:0 auto;
	padding:0 3px;
}

.footer p.signature a
{
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}

.footer p.signature a:hover
{
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:#11558C;
	text-align:center;
	text-decoration:none;
}

.left img,.eventRight img
{
	border:none;
}

.left h2 span,.right h2 span
{
	font:bold 20px/25px Arial, Helvetica, sans-serif;
	color:#F50B04;
	background-color:#FFF;
	height:25px;
}