@charset "utf-8";
body { margin:0; padding:0; width:100%; background-color:#BEBEBE;}
html { padding:0; margin:0; font:normal 11px Georgia; color:#444; line-height:1.5em;}

h1 { font:normal 24px Georgia; color:#666666; padding:0px 0px; margin:0;}
h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#666666; padding:0px; margin-left:5px; margin-bottom:5px;}
h4 { font:normal 18px Georgia; color:#666666; margin-left:0px; padding-bottom:10px; border-bottom:1px solid #cccccc; margin-top:0px;}

a { color:#8cba1e; text-decoration: underline; font: bold 12px Arial, Helvetica, sans-serif;}

/* search */
.search { padding:8px 25px 0 0; margin:0; float:right; width:340px;}
.search form { display:block; float:right; padding:0; margin-top:10px;}
.search span { display:block; float:left; background:url(../images/search_bg.gif) left top no-repeat; width:149px; padding:0 5px; height:29px;}
.search form .keywords { line-height:15px; float:left; border:0; width:149px; padding:7px 0; height:15px; background:none; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#9c9c9c;}
.search form .button { float:left; margin:0; padding:0;}
.searchtext { margin-bottom:10px; font-size:11px; color:#666666;}
.searchtext a { margin-bottom:10px;  font:normal 11px Georgia; color:#666666; text-decoration:none;}
.searchtext a:hover { text-decoration:underline;}

/* menu */	
.menu { float:left; padding:0; margin-top:40px; width:520px;}
.menucell { font:normal 11px Georgia; color:#999999;}
.menucell a { font:normal 11px Georgia; color:#999999; text-decoration:none;}
.menucell a:hover { text-decoration:underline;}

/********** slider **********/
.slider_top {margin-bottom:0px; padding:0;}
.slider_top2 {margin-bottom:0px; padding:0;}

/*header_text*/
.header_text { padding-left:25px; padding-top:25px;}
.header_text span { display:block; float:left; background:url(../images/navtextbg2.gif) left top no-repeat; width:800px; height:30px; margin-bottom:10px; font-size:11px; color:#666666; padding-top:5px; padding-left:15px; font-weight:bold;}
.header_text .div { width:800px; padding:0; margin:0 auto;}
.header_text img.screen { float:right; margin:0; padding:0;}
.header_text .div .left1 { float:left; width:400px; padding:10px 0 0 0; margin:0;}
.header_text .div .left1 img { float:left; margin:0; padding:0;}
.header_text .div .left1 h2 { font:normal 30px Arial, Helvetica, sans-serif; color:#fff; padding:10px 0 10px 0; margin:0;}
.header_text .div .left1 p.uli { background: url(../images/simple_ul_li.gif) left no-repeat; padding:2px 20px; margin:0; font: normal 12px Arial, Helvetica, sans-serif; color:#242424;}
.header_text p { font: normal 12px Arial, Helvetica, sans-serif; color:#242424; padding:5px 30px 0px 0; margin:0;}

form.homecontactform { padding: 0px; margin: 0px;}
form.homecontactform input.textfield { font-size: 12px; font-weight: normal; width: 175px; border:1px solid #999999; margin-bottom:15px;}
form.homecontactform textarea { font-size: 12px; font-weight: normal; width: 225px; border:1px solid #999999; margin-bottom:15px;}

.storyboard { margin-left:25px; width:800px; height:295px; overflow:hidden;}

.datetext { color:#699239; font-weight:bold; font-size:11px; height:20px;}
.datetext2 { color:#666666; font-weight:normal; font-size:11px; line-height:22px;}
.headlinetext { color:#002E5F; font-weight:bold; font-size:12px; height:20px; font-family:Georgia; line-height:22px;}
.headlinetext a { color:#002E5F; font-weight:bold; font-size:12px; height:20px; text-decoration:none; font-family:Georgia; line-height:22px;}
.headlinetext a:hover { text-decoration:none;}

.eventheadline { color:#699239; font-weight:bold; font-size:12px; height:17px; font-family:Georgia;}
.eventheadline a { color:#699239; font-weight:bold; font-size:12px; height:17px; text-decoration:none; font-family:Georgia;}
.eventheadline a:hover { text-decoration:none;}

.eventdateline { color:#000000; font-weight:normal; font-size:12px; height:17px; font-family:Georgia;}
.eventdateline a { color:#000000; font-weight:normal; font-size:12px; height:17px; font-family:Georgia; text-decoration:none;}
.eventdateline a:hover { text-decoration:underline;}

.eventdateline2 { color:#666666; font-weight:normal; font-size:11px; height:17px; font-family:Georgia;}
.eventdateline2 a { color:#666666; font-weight:normal; font-size:11px; height:17px; font-family:Georgia; text-decoration:none;}
.eventdateline2 a:hover { text-decoration:underline;}

.greenlinks { color:#699239; font-weight:normal; font-size:12px; line-height:20px; font-family:Georgia;}
.greenlinks a { color:#699239; font-weight:normal; font-size:12px; line-height:20px; font-family:Georgia; text-decoration:none;}
.greenlinks a:hover { text-decoration:underline;}

.partnerstext { color:#666666; font: normal 11px Arial, Helvetica, sans-serif; font-weight:bold; padding-left:0px; height:18px;}
.partnerstext2 { color:#666666; font: normal 10px Arial, Helvetica, sans-serif; font-weight:normal; padding-left:10px; height:20px;}
.partnerstext3 { color:#666666; font: normal 10px Arial, Helvetica, sans-serif; font-weight:normal; padding-left:10px; height:30px;}

.bottomtext { color:#666666; font-size:11px; height:18px; padding-left:5px;}

.left ul { list-style:none; margin:0 0 0 210px; padding:10px 0 20px 0;}
.left li { background:url(../images/port_ul_li.gif) left no-repeat; padding:2px 20px; margin:0; font: normal 12px Arial, Helvetica, sans-serif; color:#5c8783; line-height:1.8em;}
.right  { width:325px; float:right; margin:0; padding:10px 10px;} 
.left  { width:565px; float:left; margin:0; padding:10px 10px;} 
.blog { width:280px; float:left; margin:0; padding:10px;}
p.response { text-align:center; color:#F00; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}
/*************footer**********/
.footertext {color:#CCCCCC; font-size:11px;}
.footertext a {color:#CCCCCC; font-size:11px; text-decoration:underline;}
.footertext a:hover {text-decoration:none;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #e2e2e2; padding:0; margin:10px 0; background:none; line-height:0;}

/* Hover Script */
a.rollover
{
	z-index: 10;
	text-decoration:none;
}
a.rollover:hover
{
	position: relative;
	z-index: 100;
}
a.rollover span.tooltip
{
	display: none;
}
a.rollover:hover span.tooltip
{
	display: block;
	position: absolute;
	float: left;
	white-space: nowrap;
	top: 20px;;
	left: -215px;
	background: #FFFFFF;
	border: 4px solid #cccccc;
	color: #444;
	padding: 10px;
	z-index: 10;
	width: 400px;
	height: 155px;
	font-size: 11px;
}

div.navtext {
padding-left:0px;
font:normal 11px Georgia;
color:#999999;
margin:0px;
font-weight:bold;
height:<%=navtext_height%>;
}

div.navtext a {
font:normal 11px Georgia;
color:#999999;
font-weight:bold;
text-decoration:none;
}

div.navtext a:hover {
text-decoration:underline;
}

.tooltip {
text-decoration:none;
text-align:left;
}