/* CSS Document */
body{
	padding:0; margin:0; background:url(/design/css/image/bg.gif) repeat-x 0 0 #FFFFFe; color:#FFFFFF; background-color: #D9F1F5;
	}
div, p, ul, img, h1, h2, h3, h4, form, a{
	padding:0; margin:0;
	}
a:link    { text-decoration: none; color:#6898ac; font-weight:bold;}
    a:visited { text-decoration: none; color:#6898ac; font-weight:bold;}
    a:active  { color:#6898ac;}
    a:hover   { color:#6898ac; font-weight:bold;}
ul{
	list-style-type:none;
	}
.spacer{
	font-size:0; line-height:0; clear:both;
	}
/*-----------------------------header-------------*/
#header{
	width:778px; margin:0 auto; position:relative; height:174px; background:url(/design/css/image/header_pic.jpg) no-repeat 235px 0;
	}
#header img.logo{
	position:absolute; left:18px; top:38px; display:block;
	}
#header h1{
	font:bold 15px/20px Arial, Helvetica, sans-serif;
	position:absolute;
	left:90px;
	top:115px;
	}
#header ul.top_link{
	width:120px; height:26px; font-size:0; position:absolute; left:23px; top:0;
	}
#header ul.top_link li{
	float:left; height:23px; margin:0 1px 0 0;
	}
#header ul.top_link li a{
	width:38px; height:26px; display:block; font-size:0; text-indent:-2000px;
	}
#header ul.top_link li a.home{
	background:url(/design/css/image/home_icon.gif) no-repeat 0 0;
	}
#header ul.top_link li a.mem{
	background:url(/design/css/image/member_icon.gif) no-repeat 0 0;
	}
#header ul.top_link li a.mem:hover{
	background:url(/design/css/image/member_icon_h.gif) no-repeat 0 0;
	}
#header ul.top_link li a.email{
	background:url(/design/css/image/emai_icon.gif) no-repeat 0 0;
	}
#header ul.top_link li a.email:hover{
	background:url(/design/css/image/emai_icon_h.gif) no-repeat 0 0;
	}
#header ul.add{
	width:113px;
	position:absolute;
	left:654px;
	top:8px;
	}
#header ul.add li.toll{
	background:url(/design/css/image/toll_free_icon.gif) no-repeat 0 0; height:22px; width:78px; padding:19px 0 0 35px; display:block;
	}
#header ul.add li.toll span{
	width:78px; height:17px;  background-color:#2E7398; color:#FFFFFF; display:block;
	font:bold 11px/17px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center;
	}
#header ul.add li.num{
	width:94px; height:28px; border:#DADADA 1px solid; display:block; margin:4px 0 0 4px; background-color:#ECECED;
	font:bold 11px/14px Tahoma, Arial, Helvetica, sans-serif; padding:0 6px 0 6px; color:#1C1C1C;
	}
#header ul.add li.fax{
	background:url(/design/css/image/fax_icon.gif) no-repeat 0 0; height:22px; width:68px; padding:19px 0 0 45px; display:block;
	margin:4px 0 0 0;
	}
#header ul.add li.fax span{
	width:68px; height:17px;  background-color:#E2A000; color:#FFFFFF; display:block;
	font:bold 11px/17px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center;
	}
#header ul.navi{
	width:75%;
	position:absolute;
	left:-55px;
	top:145px;
	}
#header ul.navi li{
	margin:0 2px 0 0 ; float:left; padding:0; font:bold 10px/28px Verdana, Arial, Helvetica;
	background:url(/design/css/image/navi_h.gif) repeat-x 0 0 #EBEBEB; display:block; color:#FFFFFF;
	}
#header ul.navi li a{
	padding:0 8px 0 8px; font:bold 10px/28px Verdana, Arial, Helvetica, sans-serif; color:#4F4F4F; background-color:#EBEBEB;
	text-transform:uppercase; text-align:center; display:block; text-decoration:none;
	}
#header ul.navi li a.hover{
	background:url(/design/css/image/navi_h.gif) repeat-x 0 0 #EBEBEB; display:block; color:#FFFFFF;
	}
#header ul.navi li a:hover{
	background:url(/design/css/image/navi_h.gif) repeat-x 0 0 #EBEBEB; display:block; color:#FFFFFF;
	}
/*-----------------------body--------------------*/
#body{
	width:741px; margin:0 auto; padding:14px 16px 0 21px;
	}
#leftPan{
	width:78%;
	float:left;
	color:#2C2C2C;
	background-color:#D9F1F5;
	padding:0 12px 53px 0;
	}
#leftPan h2.duty{
	width:350px; font:normal 30px/35px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; float:left;
	}
#leftPan p.duty_text{
	width:65%;
	font:normal 15px/20px Georgia, "Times New Roman", Times, serif;
	padding:6px 0 6px 0;
	float:left;
	}
#leftPan p.duty_text b{
	color:#0672A3;
	background-color:#D9F1F5;
	}
#leftPan p.duty_text a {
	text-decoration: none;
	font-weight:bold;
	color:#0672A3;
}
#leftPan p.blue_text b{
	color:#0672A3;
	background-color:#D9F1F5;
	}
#leftPan p.blue_text a {
	text-decoration: none;
	font-weight:bold;
	color:#0672A3;
}
#leftPan ul.boLink{
	width:202px;
	float:right;
	padding:0 0 6px 0;
	font-size:0;
	}
#leftPan ul.boLink li{
	height:57%;
	width:70%;
	display:block;
	margin:0 0 0 0;
	}
#leftPan ul.boLink li a{
	font:normal 14px/18px Georgia, "Times New Roman", Times, serif; padding:5px 0 0 85px; width:117px; height:50px;
	text-decoration:none;
	}
#leftPan ul.boLink li a span{
	color:#1E749B; background-color:#FFFFFF; width:99px; height:20px; font:normal 18px/20px Arial, Helvetica, sans-serif;
	display:block;
	}
#leftPan ul.boLink li a.grap{
	background:url(/design/css/image/grap_icon.gif) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#leftPan ul.boLink li a.grap:hover{
	background:url(/design/css/image/grap_icon_h.gif) no-repeat 0 0 #FFFFFF; color:#515050;
	}
	#leftPan ul.boLink li a.tools{
	background:url(/design/css/image/tools.gif) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#leftPan ul.boLink li a.tools:hover{
	background:url(/design/css/image/tools_h.gif) no-repeat 0 0 #FFFFFF; color:#515050;
	}
#leftPan ul.boLink li a.ser{
	background:url(/design/css/image/ser.gif) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#leftPan ul.boLink li a.ser:hover{
	background:url(/design/css/image/ser_h.gif) no-repeat 0 0 #FFFFFF; color:#515050;
	}
#leftPan ul.boLink li a.pro{
	background:url(/design/css/image/proj.gif) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#leftPan ul.boLink li a.pro:hover{
	background:url(/design/css/image/proj_h.gif) no-repeat 0 0 #FFFFFF; color:#515050;
	}
#leftPan h2.event{
	width:560px; font:normal 30px/35px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; float:left; margin:0 0 10px 0;
	}
#leftPan h3{
	width:320px;
	float:left;
	font:normal 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
	display:inline;
	background-color:#D9F1F5;
	color:#A9A9A9;
	}
#leftPan h3 span{
	width:120px;
	height:21px;
	background-color:#E2A000;
	color:#FFFFFF;
	display:block;
	text-align:center;
	margin:0 0 4px 0;
	}
#leftPan p.event_text{
	width:490px;
	font:normal 15px/18px Georgia, "Times New Roman", Times, serif;
	float:left;
	}
#leftPan p.more{
	width:74px;
	background:url(/design/css/image/midel_line.gif) repeat-x 0 0;
	height:21px;
	float:right;
	padding:0 0 0 426px;
	font-size:0;
	display:block;
	margin:0 0 12px 0;
	}
#leftPan p.more a{
	width:64px; height:21px; display:block; background:url(/design/css/image/more.gif) no-repeat 0 0 #FFFFFF; color:#2C2C2C; 
	text-decoration:none; font:bold 15px/18px "Trebuchet MS", Arial, Helvetica, sans-serif ; padding:0 0 0 10px;
	}
#leftPan p.more a:hover{
	background:url(/design/css/image/more_h.gif) no-repeat 0 0;
	}
/*---------------------rightpan--------*/
#right{
	width:150px; float:left; margin:0; padding:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#right h2.search{
	width:134px; height:23px; background-color:#2E7398; color:#FFFFFF; padding:0 0 0 16px; display:block;
	font:normal 20px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 1px 0;
	}
#right form.sea{
	border-left:#D9D9D9 1px solid;
	border-right:#D9D9D9 1px solid;
	background-color:#F5F5F5;
	border-bottom:#D9D9D9 1px solid;
	width:123px;
	padding:6px 12px 0 13px;
	color:#000000;
	height:230px;
	}
#right form.sea select{
	width:122px; height:19px; font:normal 11px/21px Verdana, Arial, Helvetica, sans-serif; padding:0;
	text-transform:uppercase; border-bottom:#D4D0C8 1px solid; border-right:#D4D0C8 1px solid; border-left:#808080 1px solid;
	border-top:#808080 1px solid; margin:0;
	}
#right form.sea input{
	width:63px; height:22px; background:url(/design/css/image/submit.gif) no-repeat 0 0 #F5F5F5; color:#002C41; text-align:center;
	font-weight:bold; line-height:22px;  cursor:pointer; font-size:15px; margin:8px 0 0 58px; border:none;
	}
#right h2.member{
	width:134px; height:23px; background-color:#E2A000; color:#FFFFFF; padding:0 0 0 16px; display:block;
	font:normal 20px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:16px 0 1px 0;
	}
#right form.memberf{
	border-left:#D9D9D9 1px solid;
	border-right:#D9D9D9 1px solid;
	background-color:#F5F5F5;
	border-bottom:#D9D9D9 1px solid;
	width:123px;
	padding:11px 12px 0 13px;
	color:#002C41;
	height:220px;
	font-family:Arial, Helvetica, sans-serif;
	}
#right form.memberf input{
	width:122px; height:19px; font:normal 11px/21px Verdana, Arial, Helvetica, sans-serif; padding:0;
	 border-bottom:#D4D0C8 1px solid; border-right:#D4D0C8 1px solid; border-left:#808080 1px solid;
	border-top:#808080 1px solid; margin:0; float:left; 
	}
#right form.memberf label{
	width:61px; height:16px; line-height:16px; font-size:11px; padding:0 0 0 11px; text-transform:uppercase;
	float:left;
	}
#right form.memberf a{
	width:130px; float:left; display:block; text-decoration:none; font-weight:bold; font-size:11px; color:#2C2C2C;
	text-transform:uppercase; background-color:#F5F5F5; padding:8px 0 0 0; line-height:14px;
	}
#right form.memberf a:hover{
	text-decoration:underline;
	}
#right form.memberf input.go{
	width:34px; height:22px; background:url(/design/css/image/go.gif) no-repeat 0 0; float:left; font-size:15px; line-height:22px; 
	font-weight:bold; border:none; margin:9px 0 0 0; text-align:center; padding:0; cursor:pointer;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
/*-------------------------footer---------------*/
#footer_main{
	background:url(/design/css/image/footer_bg.gif) repeat-x 0 0 #BFBFBF; color:#2C2C2C;
	}
#footer{
	width:778px; position:relative; margin:0 auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;  height:132px;
	}
#footer ul{
	width:85%;
	position:absolute;
	top:40px;
	left:126px;
	font-size:0;
	}
#footer li{
	  font-size:12px; line-height:15px;  float:left;	display:block; margin:0; padding:0;
	 background-color:#BEBEBE; color:#FFFFFF; height:15px;
	}
#footer ul li a{
	height:13px; padding:0 8px 0 8px;  font-size:13px; line-height:15px; font-weight:bold; 	
	text-decoration:none;  background-color:#BEBEBE; color:#FFFFFF;
	}
#footer ul li a:hover{
	background-color:#199BD8; color:#fff;
	}
#footer p{
	width:560px;
	position:absolute;
	top:61px;
	left:133px;
	font-size:13px;
	line-height:15px;
	display:block;
	height:15px;
	}
#footer p.copy{
	font-size: 11px; width:490px;  line-height:16px;  position:absolute; left:139px; top:113px; height:16px; padding:0;
	 font-weight:bold; text-transform:uppercase;
	}
#footer p.copy a{
	text-decoration:none;  font-weight:bold; background-color:#BFBFBF; color:#060500; line-height:16px;
	}
#footer p.copy a:hover{
	background-color:#199BD8; color:#FFFFFF;
	}
#footer ul.xh{
	width:150px; position:absolute; top:80px; left:137px; font-size:0; 	padding:0;
	}
#footer ul.xh li{
	float:left; padding:0 0 0 3px; height:26px; line-height:26px; font-size:0;
	}
#footer ul.xh li a{
	 display:block; padding:0; margin:0; text-indent:-2000px; height:26px;
	}
#footer ul.xh li a.xtm{
	background:url(/design/css/image/html_bg.gif) no-repeat 0 0; width:72px; height:26px;  
	}
#footer ul.xh li a.xtm:hover{
	background:url(/design/css/image/html_bg_h.gif) no-repeat 0 0; 
	}
#footer ul.xh li a.ss{
	background:url(/design/css/image/css_bg.gif) no-repeat 0 0; width:61px; height:26px; 
	}
#footer ul.xh li a.ss:hover{
	background:url(/design/css/image/css_bg_h.gif) no-repeat 0 0; 
	}
#footer img{
	position:absolute; left:0; top:0;
	}

/*----- IMAGES ----- */

a img{
	border: none;
}

img.left,img.center,img.right {
	padding: 4px;
	border: 1px solid #a0a0a0;
}

img.left {
	float: left;
	margin: 0px 12px 5px 0px;
	background:#fff;
}

img.right {
	float: right;
	margin: 0px 30px 5px 0px;
}

/*----- FORM ----- */

input   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: normal 10px tahoma;
	width:115px;
	color: #707070;
	margin:0px 0px 5px 0px;
}

textarea.sidebar   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: normal 10px tahoma;
	width:115px;
	height:80px;
	color: #707070;
	margin:5px 0px 5px 25px;
}

input.sidebar   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: normal 10px tahoma;
	width:115px;
	color: #707070;
	margin:0px 0px 5px 25px;
}

input.button_sidebar   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: normal 10px tahoma;
	width:119px;
	color: #707070;
	margin:0px 0px 5px 25px;
}

input.button_content   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: normal 10px tahoma;
	width:119px;
	color: #707070;
	margin:5px 0px 5px 0px;
}



/*----- Hoverbox Code - get code found at http://host.sonspring.com/hoverbox/ ------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	color: inherit;
	vertical-align: top;
	width: 100px;
	height: 75px;
	margin: 2px;
	padding: 2px;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
}

.hoverbox li
{
	
	color: inherit;
	display: inline;
	float: left;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}