@charset "utf-8";
body,td,input,textarea,table,span,div,ul,li {
	font-family:Verdana;
	font-size:12px;
	color:#555;
}
div a:visited, div a:active,div a{
	text-decoration:none;
	color:#006699;
}
div a:hover{
	text-decoration:none;
	color:#0066CC;
}

.bar_green, .event .bar_green {
	background-image:url(images/menu_bggreen.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}

.foot{
	font-size:9px;
	color:#ffffff;
}

.h1{ font-size:12px; color:#006699; line-height:22px; font-weight:bold;text-transform:uppercase;}
.h2{ font-size:12px; color:#006699; line-height:22px;;text-transform:uppercase;}
.h3{ font-size:12px;}
.h4{ font-size:18px; color:#6699cc; line-height:22px; padding:0px; margin:0px;}
.content{font-size:14px; color:#111111; line-height:20px;}
.cap {text-transform:uppercase;}
.pathway,.pathway span, .pathway a,.pathway a:active,.pathway a:visited,.pathway a:active {
	font-size:9px; 
	color:#999999; 
	text-decoration:none; 
	padding:5px; 
	font-weight:bold
}
.boxphoto{ border:1px #CCCCCC solid; padding:3px; background-color:#FFFFFF;}
#top-panel {
	padding-top:30px;
	margin: 0 auto;
	width: 960px;
}
#top-banner {
	padding-top:30px;
}
#top-head {
	position: absolute;
	z-index: auto;
	top: 1px;
	width: 41px;
	height: 52px;
	border: none;
	float: left;
	text-indent:-36px;
}
.menu a,.menu a:visited,.menu a:link{
	text-indent:25px;
	text-decoration:none;
	text-align:left;
	display:block;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:23px;
	margin-left: 5px;
}
.menu a:hover,.menu a:active{
	background-image:url(images/fav_icon_20.png);
	background-color:transparent;	
	background-position:left;
	background-repeat: no-repeat;
}
.current a,.current a:hover,.current a:visited,.current a:active{
	text-indent:25px;
	text-decoration:none;
	text-align:left;
	display:block;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:26px;
	margin-left: 5px;
	background-image:url(images/fav_icon_20.png);
	background-color:transparent;
	background-position:left;
	background-repeat: no-repeat;	
}


.tab a,.tab,.tab a:visited {
	text-decoration:none;
	text-align:center;
	font-size:8px;
	color:#efefef;
	line-height:10px;
}
.tab a:hover, .tab a:active, .tab_active{
	text-decoration:none;
	text-align:center;
	font-size:8px;
	color:#FFFFFF;
	line-height:10px;
}

.hspace {
	margin-top: 20px;
}
.barline{
	text-align:center;
	background-image:url(images/bar.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:20px;
	border:none;
	padding-top:15px;
	padding-bottom:10px;
}
.bartext{
	text-align:center;
	background-image:url(images/bot_text.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:31px;
	border:none;
	padding-top:20px;
	padding-bottom:20px;
}
table .box_gray{
	border-collapse:collapse;
	border:1px #aaaaaa solid;
	background-color:#FFFFFF;
}
.box_gray_head{
	background-color:#aaaaaa;
	text-indent:10px;
	text-decoration:none;
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:26px;
	margin-left: 25px;
}

table .box_blue{
	border-collapse:collapse;
	border:1px #006699 solid;
	background-color:#FFFFFF;
}
.box_blue_head{
	background-color:#006699;
	text-indent:10px;
	text-decoration:none;
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:26px;
	margin-left: 25px;
}
.textbox{
	padding: 1px;
	background: url(images/field_bg.png) no-repeat top left;
	border-width: 1px;
	border-style: solid;
	border-color: #d2d2d2 #e2e2e2 #e2e2e2 #d2d2d2;
	font-size: 12px;
	height: 20px
}
.areabox{
	padding: 1px;
	background: url(images/field_bg.png) no-repeat top left;
	border-width: 1px;
	border-style: solid;
	border-color: #d2d2d2 #e2e2e2 #e2e2e2 #d2d2d2;
	font-size: 12px;
}
.buttonbox{border:1px #006699 solid; background-color:#006699; color:#FFFFFF; font-weight:bold}
 
a.readmore {
	margin: 0px 10px 0px 0px;
	width: 100px;
	height: 20px;
	background: transparent url(images/readmore_black.jpg) 0 0 no-repeat; /* ie6png:crop */
	display: block;
	float: left;
	line-height: 20px;
	text-indent: 10px;
	font-size: 90%;
}

a.readmore:link,  a.readmore:visited {
	color: #ffffff;
	text-decoration: none;
}

a.readmore:hover {
	background: transparent url(images/readmore_black.jpg) 0 -20px no-repeat;/* ie6png:crop */
	color: #ffffff;
	text-decoration: none;
}
ul.bullet {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

ul.bullet li {
	background-image:url(images/bullet_peach.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	line-height:20px;
	padding-left: 25px;
	display: block;
	margin-top:10px;
}
.underline_blue {
	border-bottom:1px #003399 solid;
	padding-left:3px;
	padding-right:3px;
	line-height:28px;
	vertical-align:top;
}	

.note {
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #992222;
	border: 1px #f0c020 solid;
	display: none;
	background-color:#ffffdd;
	text-align: left;
}

.notification_ok {
	color: #229922;	
}

.shadow-left { 
	background: transparent url(images/shadowleft.png) repeat-y top right;
 }
 
.shadow-right { 
	background: transparent url(images/shadowright.png) repeat-y top left;
 }
.top-right1{background: transparent url(images/top_right_corner.png) no-repeat top right;}
.top-right{
	background: transparent url(images/topright.png) no-repeat top right;
}
.flag { border:0px #efefef solid; padding:1px; height:14px;}

.boxcolor1 {border:1px #efefef solid; background-color: #eeeeee; color:#6699CC;}
.boxcolor2 {border:1px #efefef solid; background-color: #6699CC; color:#ffffff;}
 table.box_gray{border-collapse:collapse;border:1px #aaaaaa solid;background-color:#FFFFFF;}
.box_gray_head{background-color:#aaaaaa;text-indent:10px;text-align:left;color:#FFFFFF;font-weight:bold;line-height:26px;margin-left: 25px;}
 table.box_blue{border-collapse:collapse;border:1px #006699 solid;background-color:#FFFFFF;}
.box_blue_head{background-color:#006699;text-indent:10px;text-align:left;color:#FFFFFF;font-weight:bold;line-height:26px;margin-left: 25px;}
.shadow-left {background: transparent url(images/shadowleft.png) repeat-y top right; }
.shadow-right {background: transparent url(images/shadowright.png) repeat-y top left; }
.top-right{background: transparent url(images/top_right_corner.png) no-repeat top right;}
.qleft {background: url(images/quote-left.jpg) no-repeat top left; text-align: left; height:30px; }
.qright {	background: url(images/quote-right.jpg) no-repeat bottom right; text-align:right; height:30px; }
.miniicon{padding:1px; margin:0; border:0; height:20px; width:20px;}

/* Menu Section */
/* Basic code - don't modify */
 ul#nav {height:30px;}
 #nav { display: block; margin: 0; padding: 0; position: relative; z-index:999;  }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; }  /*IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
/* Essentials - configure this */
#nav ul { width: 200px; }
#nav ul ul { left: 200px; }
/* Everything else is theming */
#nav { height: 30px;}
#nav *:hover { background-color: none; }
#nav a { border: 0px solid #006699; color: white;padding: 9px 10px; line-height: 1; }
  #nav li.hover a { background-color: #006699; }
  #nav ul { top: 30px; }
    #nav ul li a { background-color: #006699; padding: 8px 10px;  line-height:1;}
      #nav ul a.hover { background-color: #003366; }
   #nav ul a { border-bottom: 0px solid #006699; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/* Language Section */
	/* remove the list style */
	#language {	margin:0;	padding:0; list-style:none;}	
		#language li {float:right; display:block; width:128px; position:relative;z-index:500; margin:0;}
		#language li a {display:block; padding:2px 3px 0 3px; color:#fff; text-align:left; color:#333;height:18px; }
		#language li a:hover {color:#0000ff;}
		#language a.selected {color:#f00;} /* you can make a different style for default selected value */
		/* submenu, it's hidden by default */
		#language ul {position:absolute; left:-2px; display:none; margin:0; padding:0; list-style:none;background-color:#FFFFFF;opacity: 0.9; filter: alpha(opacity=90);border:1px #CCCCCC solid;}
		#language ul li {	width:126px; 	float:right; }
		#language ul a {display:block; padding: 2px 3px; color:#666;} /* display block will make the link fill the whole area of LI */
		#language ul a:hover {color:#FFFFFF;background-color:#0066CC;	}
		#language ul a.selected {	color:#000000;/* background-color:#009900; */font-weight:bold;	}		
		*html #language ul {margin:0;} /* fix ie6 small issue */