﻿@import url("layout.css");
* {
	margin: 0;
}
html {
	height: 100%;
	font-family: "Verdana", sans-serif; 
	font-size: 12px;
	line-height:150%;
	color: #666; 
	/*--background-color:#D6E4E1;--*/
	background: url(../images/bg_color.gif) repeat-x #FFFFFF;
	list-style-type: none;
}
body {
	height: 100%;
	font-family: "Verdana", sans-serif; 
	font-size: 12px;
	line-height:150%;
	color: #666; 
	/*--background-color:#D6E4E1;--*/
	background: url(../images/bg_color.gif) repeat-x #FFFFFF;
	list-style-type: none;
}
.container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
	width:990px;
	background-color:#FFFFFF;
	list-style-type: none; 
	border:0px #fff solid;
}

/* -------------------------------------content------------------------------------------*/
#content {
	margin-left: 210px;
	padding: 40px 230px 50px 10px;
	text-align: justify;
	border-left: 0px dotted #005DB3;
	left:0;
	top:0;
}
#homeContent { margin:0; }
a {color: #0066FF;text-decoration: none;}
a:hover {color: #8CC739;text-decoration: underline;}
	
p {
	margin-right: 1%;
	margin-top: 0;
	margin-bottom: 0;
}
p.paragraph {
	margin-right: 1%;
	margin-top: 12px;
	margin-bottom: 12px;
}
p.img {border-width: 0px;float: left;}
p.img.right{ right:20px;}

p.links {
	margin-right: 1%;
	margin-top: 12px;
	margin-bottom: 12px;
}
b {
	color:#2262AF;
}
p.caption{
	font-size:11px;
}

h1 {font-family: Arial, Helvetica, sans-serif;font-size: medium;font-weight: bold;}
h5 {font-family: Arial, Helvetica, sans-serif;font-size:10px;font-weight: normal; margin-left:210px;}
h4 {font-family: Arial, Helvetica, sans-serif;font-size: medium;font-weight: bold;}
h3 {font-family: Arial, Helvetica, sans-serif;font-size: medium;font-weight: bold;}
h2 {font-family: Arial, Helvetica, sans-serif;color: #FFFFFF; font-size: 8pt;text-transform:uppercase;font-weight: normal;padding:0;margin: 0;}
h6{font-family: Arial, Helvetica, sans-serif;font-size: x-small;font-weight: bold;}
        
ul{
	margin:0 7px 0 40px; padding:0;
}
ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.none {list-style-type: none}
ul.decimal {list-style-type: decimal}
ul.lower-roman {list-style-type: lower-roman}
ul.upper-roman {list-style-type: upper-roman}
ul.lower-alpha {list-style-type: lower-alpha}
ul.upper-alpha {list-style-type: upper-alpha}
ul.lower-latin {list-style-type: lower-latin}
ul.upper-latin {list-style-type: upper-latin}

/*---masthead-----*/
#masthead {width: 100%;height:100px;overflow: auto;	text-align: right;	background:url(../images/graphic.gif) #FFFFFF no-repeat scroll 0%;list-style-type:none;}
#masthead p {font-size: 8pt;}
#masthead a {color: #333300;text-decoration:none;}
#masthead a:hover {color: #fff; text-decoration: underline;}
#masthead img {border-width: 0px;float: left;}
#masthead img.logo{width:196px; height:90px; position:relative; top:25px; left:5px;}
	
/*----------------------------for Rowbar---------------------------------- */
#rowBar { background-color:#fff; height: 10px;margin: 0x;overflow: hidden; font-size: 10px;list-style-type:none;}

#finetext { background-color:#fff; height: 10px;margin:10px; font-size: 10px;list-style-type:none;}
#finetext h1 {margin:5px; font-size:11px; font-weight:normal;color: #333;padding:0 0 0 5px;font-family: "Trebuchet MS", Helvetica, sans-serif;}
#finetext ul {list-style-type: none;width: 100%;margin: 0;padding: 0;}
#finetext a {font-size: 11px; color: #005DB3;	text-decoration: none;	display: inline;}
#finetext a:hover {color: #005DB3;text-decoration: underline;}

/*----- right column-------*/
#column_r {
	float: right;
	width: 190px;
	height: auto;
	margin: 40px 10px 0 10px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 0px #CCC solid;
	right: 0px;
	top: 0px;
}
#column_r p {
	font-family: "Verdana", Helvetica, sans-serif;
	font-size: 11px;
	line-height: 140%;
	margin: 0;
	color: #005DB3;
	padding-left:10px;
	padding-bottom:5px;
	border-left:1px #999999 dotted;
}
#column_r p.caption {
	font-family: "Verdana", Helvetica, sans-serif;
	font-size: 11px;
	line-height: 140%;
	margin: 5px;
	color: #005DB3;
	text-align: center;
}
#column_r p.images {
	margin:0;		
	text-align:center;
}
#column_r a {
	font-family: "Verdana", Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #800000;
	display: inline;
	text-decoration: none;
}
#column_r a:hover {
	color: #800000;
	display: inline;
	text-decoration: underline;
	
}
#column_r h5 {
	font-family: "Verdana", Helvetica, sans-serif;
	font-size: 12px;
	font: caption;
	color: #808080;
	margin: 0;
	padding: 0;
}

/*---- top column--------------------*/
#topblueprint {
	margin-left: 210px;
	margin-right: 10px;
	padding: 0;
	text-align: justify;
	height: 20px;
}
#topColumn {
	margin-left: 210px;
	margin-right: 10px;
	padding: 0;
	text-align: justify;
	border-left: 0px dotted #005DB3;
	border-bottom: 0px solid #ccc;
	background: #DFEFF0 url(../images/topcolumn_bg.gif) no-repeat center right;
	height: 80px;
}
#topColumn p {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	line-height: 130%;
	color: #0066CC;
	margin-left: 80px;
	background-color: transparent;
}
#topColumn h1 {
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	padding-top: 30px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 10px;
}

/*--default page style---*/
#contentPan { overflow: inherit; background-color: #fff; padding-top:10px; padding-bottom:10px; font-size:11px; line-height:120%;}
#Dcontent {width: auto; height:100%; background:#ccc; color:#8D8D8D;}
#DcontentDua {width: auto; background:#FFFFFF; color:#333; margin:0; height: auto; font-size:11px; line-height:120%; padding-top:10px; }
#bodySecondPan{
	width: auto; 
	background:#FFFFFF url(../images/bodysecondpan_bg.gif) repeat-x;
	color:#333; 
	height:700px; 
	font-size:11px; 
	line-height:120%; 
	padding:30px 0 10px 0;}
#bodymiddlePan{
	width: auto;
	height: 290px;
	color: #99CCFF;
	padding-top: 20px;
	font-size: 11px;
	line-height: 120%;
	background-color:#003366;
}
#bodymiddlePan_bg{
	width: auto;
	height: 40px;
	background:#FFFFFF url(../images/middlepan_shadow.gif) repeat-x;
}


/*---Middle One----*/
#middleonePan{width:186px; height:280px; float:left; margin:0px 5px 0px 15px;; border-left:0px solid #ccc; background:#004489 url(../images/middle_box.gif) repeat-x bottom;}
#middleonePan p{padding:0 5px 75px 5px; margin:0 5px 0 5px;}
#middleonePan p.boldtext{font-size:11px; color: #FFFFFF; font-weight:bold; padding:5px; text-transform:uppercase;}
#middleonePan p.blacktext{color:#000; padding:0 0 12px 0;}
#middleonePan img.gambar1{border-style: none; border-color: inherit; border-width: 0px;	width:175px; height:100px; 	position:relative; 	padding:5px; top: 0px; left: 0px;}
#middleonePan a{display:block; color: #0000CC; font-size:11px; text-decoration:none; padding:0;}
#middleonePan a:hover{color: #990000; text-decoration: underline;}
#middleonePan ul{width:150px; height:0;  padding:0; list-style-type: none; margin: 0px 0px 0px 10px; position:absolute;}
#middleonePan ul li{width:150px; /*height:18px;*/ float:left;}
#middleonePan ul li a{width:150px; height:20px;background: #FFFFFF url(../images/arrowbox.gif) repeat-x; color: #99CCFF; line-height:20px; text-decoration:none; padding:0 10px 0px 10px;}
#middleonePan ul li a:hover{background: #FFFFFF url(../images/arrowbox2.gif) repeat-x; color: #99CCFF; text-decoration: none;}

/*---Middle Two----*/
#middletwoPan {width:186px; height:280px; float:left; margin-right:5px; border-left:0px solid #ccc; background:#004489 url(../images/middle_box.gif) repeat-x bottom;}
#middletwoPan p{padding:0 5px 75px 5px; margin:0 5px 0 5px;}
#middletwoPan p.boldtext{font-size:11px; color: #FFFFFF; font-weight:bold; padding:5px; text-transform:uppercase;}
#middletwoPan p.blacktext{color:#000; padding:0 0 12px 0;}
#middletwoPan img.gambar3{border-style: none;	border-color: inherit;	border-width: 0px; width:175px; height:100px;position:relative;padding:5px;top: 0px;left: 0px;}
#middletwoPan a{display:block; color: #005DB3; font-size:11px; text-decoration:none; padding:0;}
#middletwoPan a:hover{color: #990000; text-decoration: underline;}
#middletwoPan ul{width:150px; height:0;  padding:0; list-style-type: none; margin: 0px 0px 0px 10px; position:absolute;}
#middletwoPan ul li{width:150px; /*height:18px;*/ float:left;}
#middletwoPan ul li a{width:150px; height:20px;background: #FFFFFF url(../images/arrowbox.gif) repeat-x; color: #99CCFF; line-height:20px; text-decoration:none; padding:0 10px 0px 10px;}
#middletwoPan ul li a:hover{background: #FFFFFF url(../images/arrowbox2.gif) repeat-x; color: #99CCFF; text-decoration: none;}

/*---Middle Three----*/
#middlethreePan {width:186px; height:280px; float:left; margin-right:5px; border-left:0px solid #ccc; background:#004489 url(../images/middle_box.gif) repeat-x bottom;}
#middlethreePan p{padding:0 5px 45px 5px; margin:0 5px 0 5px;}
#middlethreePan p.boldtext{font-size:11px; color: #FFFFFF; font-weight:bold; padding:5px; text-transform:uppercase;}
#middlethreePan p.blacktext{ color:#000; padding:0 0 12px 0;}
#middlethreePan img.gambar2{border-style: none;border-color: inherit;	border-width: 0px;width:175px;height:100px;position:relative;padding:5px;top: 0px;left: 0px;}
#middlethreePan a{display:block; color: #005DB3; font-size:11px; text-decoration:none; padding:0;}
#middlethreePan a:hover{color: #990000; text-decoration: underline;}
#middlethreePan ul{width:166px; height:0;  padding:0; list-style-type: none; margin: 0px 0px 0px 10px; position:absolute;}
#middlethreePan ul li{display:block;width:150px;height:21px; float:left; padding-top:5px; }
#middlethreePan ul li a{width:150px; height:20px;background: #FFFFFF url(../images/arrowbox.gif) repeat-x; color: #99CCFF; line-height:20px; text-decoration:none; padding:0 10px 0px 10px;}
#middlethreePan ul li a:hover{background: #FFFFFF url(../images/arrowbox2.gif) repeat-x; color: #99CCFF; text-decoration: none;}


/*---Middle Four----*/
#middlefourPan{width:186px; height:280px; float:left; margin-right:5px; border-left:0px solid #ccc; background:#004489 url(../images/middle_box.gif) repeat-x bottom;}
#middlefourPan p{padding:0 5px 10px 5px; margin:0 5px 0 5px;}
#middlefourPan p.boldtext{font-size:11px; color: #FFFFFF; font-weight:bold; padding:5px; text-transform:uppercase;}
#middlefourPan p.blacktext{ color:#000; padding:0 0 12px 0;}
#middlefourPan img.gambar4{border-style: none;border-color: inherit;border-width: 0px;	width:175px; height:100px; position:relative; padding:5px;top: 0px;left: 0px;}
#middlefourPan a{display:block; color: #005DB3; font-size:11px; text-decoration:none; padding:0;}
#middlefourPan a:hover{color: #990000; text-decoration: underline;}
#middlefourPan ul{width:150px; height:0;  padding:0; list-style-type: none; margin: 0px 0px 0px 10px; position:absolute;}
#middlefourPan ul li{width:150px; /*height:18px;*/ float:left;}
#middlefourPan ul li a{width:150px; height:20px;background: #FFFFFF url(../images/arrowbox.gif) repeat-x; color: #99CCFF; line-height:20px; text-decoration:none; padding:0 10px 0px 10px;}
#middlefourPan ul li a:hover{background: #FFFFFF url(../images/arrowbox2.gif) repeat-x; color: #99CCFF; text-decoration: none;}

/*---Middle Five----*/
#middlefivePan{width:186px; height:280px; float: left;border-left:0px solid #ccc; background:#004489 url(../images/middle_box.gif) repeat-x bottom;}
#middlefivePan p{padding:0 5px 5px 5px; margin:0 5px 0 5px;}
#middlefivePan p.boldtext{font-size:11px; color: #FFFFFF; font-weight:bold; padding:2px; text-transform:uppercase;}
#middlefivePan p.blacktext{color:#000; padding:0 0 12px 0;}
#middlefivePan img.gambar5{border-style: none;border-color: inherit;border-width: 0px;width:175px; 	height:100px; position:relative; padding:5px;top: 0px;left: 0px;}
#middlefivePan a{display:block; color: #005DB3; font-size:11px; text-decoration:none; padding:0;}
#middlefivePan a:hover{color: #990000; text-decoration: underline;}
#middlefivePan ul{width:150px; height:0;  padding:0; list-style-type: none; margin: 0px 0px 0px 10px; position:absolute;}
#middlefivePan ul li{width:150px; /*height:18px;*/ float:left;}
#middlefivePan ul li a{width:150px; height:20px;background: #FFFFFF url(../images/arrowbox.gif) repeat-x; color: #99CCFF; line-height:20px; text-decoration:none; padding:0 10px 0px 10px;}
#middlefivePan ul li a:hover{background: #FFFFFF url(../images/arrowbox2.gif) repeat-x; color: #99CCFF; text-decoration: none;}

/*---directory pan----*/
#directoryPan{width:200px; height: auto; float:left; background: #FFFFFF url(../images/boxbg.gif) 0 0 repeat-x; border: 1px solid #CCE6FF;}
#directoryPan p{padding:0 0px 10px 5px;}
#directoryPan p.boldtext{font-size:9pt; color: #0066CC;padding:10px 0 20px 0; text-transform:uppercase; text-align:center;font-family:'Arial Black', Helvetica, sans-serif;}
#directoryPan p.blacktext{background:#fff; color:#000; padding:0 0 12px 0;}
#directoryPan form{padding:0; margin:0;}
#directoryPan ul{width:156px; padding:0 0 20px 0; list-style-type: none;}
#directoryPan ul li{width:156px; height:20px;}
#directoryPan ul li a{width:140px; height:20px; background:url(images/arrow1.gif) 0 8px no-repeat #fff; color:#0000CC; line-height:20px; text-decoration:underline; padding:0 0 0 16px;}
#directoryPan ul li a:hover{background:url(images/arrow2.gif) 0 8px no-repeat #fff; color:#990000; text-decoration:underline;}


/*---event hightlight pan----*/
#eventHighPan{width:200px; height: auto; float:left; color:#000000; background:#FFF url(../images/boxbg.gif) 0 0 repeat-x; margin:20px 0 0 0; border: 1px #CCE6FF solid;}
#eventHighPan p{padding:0 5px 10px 5px;}
#eventHighPan p.boldtext{font-size:9pt; color: #0066CC; font-weight:bold; padding:10px 0 15px 0; text-transform:uppercase; text-align:center; font-family:'Arial Black', Helvetica, sans-serif;}
#eventHighPan p.blacktext{background:#fff; color:#0066CC; padding:0 0 10px 0;}
#eventHighPan p.img{background:#fff; color:#000; padding:0 0 10px 0; margin:0 10px 0 10px; border-bottom:1px #808080 dotted;}
#eventHighPan p.img2{background:#fff; color:#000; padding:10px 0 10px 0;}
#eventHighPan ul{width:156px; padding:0 0 20px 0; list-style-type: none;}
#eventHighPan ul li{width:156px; height:20px;}
#eventHighPan ul li a{width:140px; height:20px; background:url(images/arrow1.gif) 0 8px no-repeat #fff; color:#0000CC; line-height:20px; text-decoration:underline; padding:0 0 0 16px;}
#eventHighPan ul li a:hover{background:url(images/arrow2.gif) 0 8px no-repeat #fff; color:#990000; text-decoration:underline;}

/*--blank box---*/
#blankBox{width:200px; height: auto; float:left; color:#000000; margin:20px 0 0 0; border: 1px #CCE6FF solid;}
#blankBox .imgStyle{ border:0;}

/*---adobe reader----*/
#adobe_R {width: auto; height: auto; float:left; color:#000000; margin:0; border:0;}
#adobe_R p{font-family:Verdana;font-size:9px;line-height:130%;color: #666;}
#adobe_R a{border:0;}
#adobe_R a:hover{ border:0;}

/*---center ads----*/

/*---2nd panel---*/
#leftpanel{width:220px; height: auto; float:left;padding: 0 ;}
#rightpanel{width:220px; height: auto; float: right;padding:0;}
#centerPan{width:550px; height: auto; float:left; font-size:11px; line-height:130%;}

/*---ads Panel ----*/
#adsPan {width: auto; height:250px; background-color:#fff;}

/*---center newspanel----*/
#newspanel{width:550px;height: auto;float:left;background-color:#fff;margin:0 0 10px 0;}
#newspanel p{padding:0 0 20px 0;}
#newspanel p.boldtext{font-size:16px; background:#fff; color:#0066CC; font-weight:bold; padding:32px 0 0;}
#newspanel p.blacktext{background:#fff; color:#000; padding:0 0 12px 0;}
#newspanel img.bannerAds{background:url(../images/medium-rectangle.gif) 0 0 repeat-x; width:300px; padding:0; border:0;}
#newspanel ul{width:156px; padding:0 0 20px 0; list-style-type: none;}
#newspanel ul li{width:156px; height:20px;}
#newspanel ul li a{width:140px; height:20px; background:url(images/arrow1.gif) 0 8px no-repeat #fff; color:#0000CC; line-height:20px; text-decoration:underline; padding:0 0 0 16px;}
#newspanel ul li a:hover{background:url(images/arrow2.gif) 0 8px no-repeat #fff; color:#990000; text-decoration:underline;}

/*---iframe----*/
#bodyIframe{width:547px; margin:0; background-color: #fff; color: #000; padding:0; font-size:11px;}

#bodyIframe2{width:100%; margin:0; background-color: #fff; color: #666; padding-bottom:20px;font-size:11px; line-height:130%;}
#bodyIframe2 p{padding:0 5px 10px 15px;}
#bodyIframe2 a{ color: #005DB3; line-height:130%; text-decoration: none; padding:0;}
#bodyIframe2 a:hover{ color: #8CC739; text-decoration:underline; display:block;}
#bodyIframe2 p.boldtext{font-size:10pt; color: #005DB3; font-weight:bold; padding:5px; text-transform:uppercase;}
#bodyIframe2 p.blacktext{font-size:11px; font-weight:bold; text-transform:uppercase; display:block; color: #FF3300; padding:0 0 5px 5px; border:1px #666 dotted;}
#bodyIframe2 ul{width:350px; height:0;  padding:0; list-style-type: none; margin: 0px 0px 0px 10px; position:absolute;top: 368px;left: 21px;}
#bodyIframe2 ul li{width:350px; /*height:18px;*/ float:left; display: inline;}
#bodyIframe2 ul li a{width:350px; /*height:20px;*/  color: #005DB3; line-height:10px; text-decoration:none; padding:0 0 0 16px;}
#bodyIframe2 ul li a:hover{ color: #990000; text-decoration:underline;}


/*---Partner panel----*/
#PartnerPan {width:200px; height: auto; float: right; color:#000000; background:#FFF url(../images/boxbg.gif) 0 0 repeat-x; margin:20px 0 0 0; border: 1px #CCE6FF solid;}
#PartnerPan p{padding:0 5px 5px 5px; margin:0 5px 0 5px;}
#PartnerPan p.boldtext{font-size:9pt;  font-family:'Arial Black', Helvetica, sans-serif; color: #0066CC;padding:10px 0 15px 0; text-transform:uppercase; text-align:center;}
#PartnerPan p.blacktext{background:#fff; color:#000; padding:0 0 12px 0;}
#PartnerPan a{display:block; color: #0000CC; font-size:11px; text-decoration:none; padding:0;}
#PartnerPan a:hover{color: #990000; text-decoration: underline;}
#PartnerPan p.img{background:#fff; color:#000; padding:5px 0 5px 0; margin:0 10px 0 10px; border-bottom:1px #808080 dotted; text-align:center;}
#PartnerPan p.img2{background:#fff; color:#000; padding:5px 0 5px 0; text-align:center;}

#photoGallery {width:200px; height: auto; float: right; color:#000000; background:#FFF url(../images/boxbg.gif) 0 0 repeat-x; margin:20px 0 0 0; border: 1px #CCE6FF solid;}
#photoGallery p{padding:0 5px 5px 5px; margin:0 5px 0 5px;}
#photoGallery p.boldtext{font-size:9pt;  font-family:'Arial Black', Helvetica, sans-serif; color: #0066CC;padding:10px 0 15px 0; text-transform:uppercase; text-align:center;}
#photoGallery p.blacktext{background:#fff; color:#000; padding:0 0 12px 0;}
#photoGallery a{display:block; color: #0000CC; font-size:11px; text-decoration:none; padding:0;}
#photoGallery a.gallery{display:block; color: #0000CC; font-size:11px; text-decoration:none; padding:0; padding: 5px 0px 5px 0px; text-align: center;}
#photoGallery a:hover{color: #990000; text-decoration: underline;}
#photoGallery p.img{background:#fff; color:#000; padding:5px 0 5px 0; margin:0 10px 0 10px; border-bottom:1px #808080 dotted; text-align:center;}
#photoGallery p.img2{background:#fff; color:#000; padding:5px 0 5px 0; text-align:center;}


#PartnerPan2 {width:200px; height: auto; float: right; color:#000000; background:#FFF url(../images/boxbg.gif) 0 0 repeat-x; margin:20px 0 0 0; border: 1px #CCE6FF solid;}
#PartnerPan2 p{padding:0 5px 5px 5px; margin:0 5px 0 5px;}
#PartnerPan2 p.boldtext{font-size:9pt;  font-family:'Arial Black', Helvetica, sans-serif; color: #0066CC;padding:10px 0 15px 0; text-transform:uppercase; text-align:center;}
#PartnerPan2 p.blacktext{background:#fff; color:#000; padding:0 0 12px 0;}
#PartnerPan2 a{display:block; color: #0000CC; font-size:11px; text-decoration:none; padding:0;}
#PartnerPan2 a:hover{color: #990000; text-decoration: underline;}
#PartnerPan2 p.img{background:#fff; color:#000; padding:5px 0 5px 0; margin:0 10px 0 10px; border-bottom:1px #808080 dotted; text-align:center;}
#PartnerPan2 p.img2{background:#fff; color:#000; padding:5px 0 5px 0; text-align:center;}


/*---BUSINES PAN---*/
#businessPan {width:200px; height: auto; float: left; background: #FFFFFF url(../images/boxbg.gif) 0 0 repeat-x; border: 1px #CCE6FF solid; margin:20px 0 0 0;}
#businessPan p{padding:0 0px 10px 5px;}
#businessPan p.boldtext{font-size:9pt; font-family:'Arial Black', Helvetica, sans-serif; color: #0066CC; font-weight:bold; padding:10px 0 15px 0; text-transform:uppercase; text-align:center;}
#businessPan p.blacktext{background:#fff; color:#000; padding:0 0 12px 0;}
#businessPan form{padding:0; margin:0;}
#businessPan ul{width:156px; padding:0 0 20px 0; list-style-type: none;}
#businessPan ul li{width:156px; height:20px;}
#businessPan ul li a{width:140px; height:20px; background:url(images/arrow1.gif) 0 8px no-repeat #fff; color:#0000CC; line-height:20px; text-decoration:underline; padding:0 0 0 16px;}
#businessPan ul li a:hover{background:url(images/arrow2.gif) 0 8px no-repeat #fff; color:#990000; text-decoration:underline;}

/*-- announce pan---*/
#announcePan {
	width: 200px;
	height: 170px;
	float: right;
	background: url(../images/boxbg.gif) 0 0 repeat-x #fff;
	border: 1px #CCE6FF solid;
	margin: 0;
}
#announcePan p{padding:0 0px 5px 5px;}
#announcePan p.boldtext{font-size:9pt; font-family:'Arial Black', Helvetica, sans-serif; color: #0066CC; font-weight:bold;padding:10px 0 10px 0; text-transform:uppercase; text-align:center;}
#announcePan p.blacktext{ color:#000; padding:0 0 12px 0;}
#announcePan form{padding:0; margin:0;}
#announcePan ul{width:175px; padding:0 0 20px 0; list-style-type: none; text-align:right;}
#announcePan ul li{width:175px; height:20px;}
#announcePan a {background:#FFFFFF url('../images/more_icon.png') no-repeat 0 center; padding-left:15px; text-decoration:none;}
/*---#announcePan ul li a{width:175px; height:20px; background:url(../images/arrow1.gif) 5px 5px no-repeat; color:#0000CC; line-height:20px; text-decoration: none; padding:0 10px 0 16px;}
#announcePan ul li a:hover{ background:url(../images/arrow2.gif) 5px 5px no-repeat; color:#990000; text-decoration:underline;}
*/
#bannerbox {width:200px; height: auto; float: left; border: 1px #CCE6FF solid; margin:20px 0 0 0;}

/*----scrolller----*/
#scr1 div {visibility:hidden;}
#scr1 div.default {width:600px; height: 100px; overflow:hidden; visibility:visible;}
#scr1 { width:600px; height:100px; overflow:hidden; visibility:visible; background-color: transparent; margin:0px auto; float:right;}
#scr1 table tr td div { visibility:visible;}
#scr1 table tr td { padding:10px; color:#fff; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align: center; font-weight:bold; vertical-align: middle;}

#scr2 div {visibility:hidden; margin:0;}
#scr2 div.default {width:200px; overflow:hidden; visibility:visible;}
#scr2 {width:200px; overflow:hidden; visibility:visible;}
#scr2 table tr td {padding:8px; text-align: left; }
#scr2 table tr td div {visibility:visible; }
#scr2 ul{width:190px; padding:0; list-style-type: none; margin: 0; position: relative; padding:0;}
#scr2 ul li{width: auto; /*height:18px;*/float: right; color: #FF3300; }
#scr2 ul li a{width: auto; height:20px; background:url(../images/arrow1.gif) 5px 5px no-repeat; color:#0000CC; line-height:20px; text-decoration: none; padding:0 10px 0 16px;}
#scr2 ul li a:hover{background:url(../images/arrow2.gif) 5px 5px no-repeat; color:#990000; text-decoration:underline;}

#scr3 div { visibility:hidden;}
#scr3 div.default {width:550px; height:220px; overflow:hidden; visibility:visible;}
#scr3 {width:550px;height:220px;overflow:hidden;visibility:visible;}
#scr3 table tr td div {visibility:visible;}

/*------------------------- Styles for top Navigation */
#navigation {
	background-position: 0px center;
	background-color: #085dad;
	font-family: "Verdana", Helvetica, sans-serif;
	overflow: inherit;
	font-weight: normal;
	font-size: 10px;
	text-transform: none;
	height: 35px;
	background-image: url(../images/nav_color.gif);
	background-repeat: repeat-x;
}

.topNav { background-color: #fff; height: 20px;	margin: 0;	overflow: hidden; padding:5px; position:relative;font-size:11px;color:#fff;}
.topNav ul{list-style:none; padding: 0; margin:0; list-style-type: none;float:right; float:right;}
.topNav li{padding:0 5px 0 5px; font-family:Verdana; list-style-type: none; display:inline;}
.topNav ul li a{ color:#333; text-decoration:none;}
.topNav ul li a:hover{text-decoration:underline; color:#999;}

/*--- dropdown navigation-----*/

#menu {list-style-type:none; margin:0;  padding:0; }
#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;  font-weight:bold;}
#menu li span {display:block; z-index:100; padding: 3px 5px;font-size: 10px;}
#menu li a:visited {display:block; padding:0;}
#menu li a {display:block; padding:0;}
#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: url(transparency.gif);}
#menu dt {color:#fff; margin:0; font-weight:  bold; font-size: 10px; /*border-bottom:1px solid #fff;*/ float:left;}
#menu dd {
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #2062af;
	display: none;
	background: transparent;
	font-weight: normal;
	clear: left;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 11px;
	text-align: left;
}
#menu dt a:visited {display:block; color:#fff; padding: 3px 5px; text-decoration:none;}
#menu dt a {display:block; color:#fff; padding: 3px 5px; text-decoration:none;}
#menu dd a:visited {background: #fff; color:#000; text-decoration:none; display:block; padding: 3px 5px;}
#menu dd a {background: #FFF; color:#000; text-decoration:none; display:block; padding: 3px 5px;}
#menu li a:hover {border:0;}
#menu li a:hover dd {display:block;}
#menu li:hover dd {display:block;}
#menu li a:hover dl {/*border:1px solid #CCCCCC;*/}
#menu li:hover dl {/*border:1px solid #CCCCCC;*/}
#menu dd a:hover {background: #8dc63f; color:#fff;}
#menu li a:hover dt a {background: #8dc63f; color: #000;}
#menu li:hover dt a {background: #8dc63f; color: #000;}

/* -- droplist menu -- */

#guidelinks{ padding:0; font-family:Verdana; margin-bottom: 0px;  font-size:11px;color:#666; }
#dropboxnav{ padding:0; font-family:Verdana; margin-bottom: 0px;  font-size:11px;color:#666; }
#gotolinks{ width:190px;padding:0; font-family:Verdana; margin-bottom: 10px; margin-left: 5px;  font-size:11px;color:#666; }
#gotolinks3{ width:190px;padding:0; font-family:Verdana; margin-bottom: 10px; margin-left: 5px;  font-size:11px;color:#666; }
#eventsgotolinks{ width:200px;padding:2px; font-family:Verdana; margin: 10px; font-size:8pt; color:#666; }
#archivegotolinks{ width:80px;padding:2px; font-family:Verdana; margin:10px 0 10px 0; font-size:8pt; color:#666; float:right; }
#dropboxnav2{ padding:0; font-family:Verdana; margin-bottom: 0px;  font-size:11px;color:#666; }
#dropboxnav5{ padding:0; font-family:Verdana; margin-bottom: 0px;  font-size:11px;color:#666; }
#gotolinks2{ width:190px;padding:0; font-family:Verdana; margin-bottom: 10px; margin-left: 5px;  font-size:11px;color:#666; }

/*----------------------------- Styles for sidebar--------------------------------- */

#sidebar {
	position: relative;
	float: left;
	width: 190px;
	font-size: 11px;
	font-family: "Verdana", Helvetica, sans-serif;
	margin-left: 10px;
	border-top: 1px solid #E6E6E6;
	background-color: #fff;
	left: 0px;
	top: 0px;
}
#sidebar ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 130%;
}
#sidebar ul li {
	display: block;	
	border-bottom: 1px solid #E6E6E6;
	padding:1px 0 1px 0;
	}
#sidebar ul li a {
	font-weight: normal;
	text-decoration: none;
	/*--background:#FFFFFF url(../images/arrow4.gif) no-repeat right center;--*/
	color: #666699;
	display: block;
	padding:3px 10px 3px 5px;
}

#sidebar ul li a:hover {
	font-weight: normal;
	text-decoration:  none;
	color: #3399FF;
	/*--background:url(../images/arrow1.gif) no-repeat right center  #EEEEEE;---*/
	background-color: #EEEEEE;
	padding:3px 10px 3px 5px;
}
#sidebar ul li a.hover {
	font-weight: normal;
	text-decoration: none;
	background: url(../images/arrow5.gif) no-repeat right center  #fff;
	color: #8dc63f;
	padding:3px 10px 3px 5px;
}

#sidebar li.drop{
	display: block;	
	border-bottom: 1px solid #E6E6E6;
	background:#FFFFFF url(../images/arrow4.gif) no-repeat right center;
	padding:1px 0 1px 0;
	}
#sidebar li.drop a {
	font-weight: normal;
	text-decoration: none;
	color:  #666699;
	display: block;
	padding:3px 10px 3px 5px;
}

#sidebar li.drop a:hover {
	font-weight: normal;
	text-decoration:  none;
	color: #3399FF;
	background:url(../images/arrow1.gif) no-repeat right center #EEEEEE;
	/*--background-color: #F9F9F9;---*/
	padding:3px 10px 3px 5px;
}
#sidebar li.drop a.hover {
	font-weight: normal;
	text-decoration: none;
	color: #000;
	/*--background:url(../images/arrow3.gif) no-repeat right center #F9F9F9;--*/
	padding:3px 10px 3px 5px;
}
#sidebar li.nest{
	display: block;	
	border-bottom: 1px solid #E6E6E6;

	padding:1px 0 1px 0;
	}
#sidebar li.nest a {
	font-weight: normal;
	text-decoration: none;
	color: #6699FF;
	display: block;
	padding:3px 10px 3px 5px;
}

#sidebar li.nest a:hover {
	font-weight: normal;
	text-decoration:  none;
	color: #666699;
	/*--background:url(../images/arrow1.gif) no-repeat right center #EEEEEE;--*/
	/*--background-color: #F9F9F9;---*/
	padding:3px 10px 3px 5px;
}
#sidebar li.nest a.hover {
	font-weight: normal;
	text-decoration: none;
	color: #99CCFF;
	/*--background:url(../images/arrow3.gif) no-repeat right center #F9F9F9;--*/
	padding:3px 10px 3px 5px;
}


/*--------------------------style for table -----------------------------*/

table.directory {
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	width:525px;
}
td.subdirectory {
	border-bottom: 1px #EEEEEE solid;
	text-align: left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #99CCFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 0px;
}
td.contact {
	border-bottom: 1px #eee  dotted;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, sans-serif, Arial;
	font-size: 11px;
	line-height: 130%;
	color: #404040;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	padding-right: 0px;
}
td.contact2 {
	text-align: left;
	vertical-align: top;
	font-family: Verdana, sans-serif, Arial;
	font-size: 11px;
	line-height: 120%;
	background-color: #EEEEEE;

	border-bottom: 0px solid #AAC6FF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 0px;
}
td.contact3 {
	border-bottom: 1px #eee  solid;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, sans-serif, Arial;
	font-size: 11px;
	line-height: 120%;

	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 0px;
	text-align: justify;
}
td.mediaLink {
	border-bottom: 1px #eee  solid;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, sans-serif, Arial;
	font-size: 11px;
	line-height: 130%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 30px;
	background:#FFFFFF url(../images/pdf_icon.gif) no-repeat right center;
}
td.mediaLink2 {
	border-bottom: 1px #eee  solid;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, sans-serif, Arial;
	font-size: 11px;
	line-height: 130%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 30px;
	background:#FFFFFF url(../images/worddoc_icon.gif) no-repeat right center;
}
td.videoLink {
	border-bottom: 1px #eee  solid;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, sans-serif, Arial;
	font-size: 11px;
	line-height: 130%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 30px;
	background:#FFFFFF url(../images/video_icon.gif) no-repeat right center;
}
td.mediaDate {
	border-bottom: 1px #eee  solid;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, sans-serif, Arial;
	font-size: 11px;
	line-height: 130%;

	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 0px;
}
td.mediaHead {
	text-align: left;
	vertical-align: top;
	font-family: Verdana, sans-serif, Arial;
	font-size: 11px;
	line-height: 120%;
	background-color: #EEEEEE;

	border-bottom: 0px solid #AAC6FF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 0px;
}

table.stats {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	background-color: #fff;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.stats td {
	background-color: #fff;
	color: #000000;
	padding:0;
	text-align: left;
	border-bottom: 1px #ccc dotted;
}
table.stats td.hed{
	background-color: #E5E5E5;
	color: #000000;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #fff solid;
	font-size: 11px;
	font-weight: bold;
	width:70%;
}

td.eventsbox {
	text-align: left;
	vertical-align: top;
	font-family: Verdana, sans-serif, Arial;
	font-size: 11px;
	line-height: 130%;

	padding: 10px;
}
td.events2box {
	background-color: #E3F5FB;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, sans-serif, Arial;
	font-size: 11px;
	line-height: 130%;

	padding: 10px;
}

td.pixBox {
	border-bottom: 1px #eee  solid;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, sans-serif, Arial;
	font-size: 11px;
	line-height: 130%;

	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 0px;
}
td.pixBox2 {
	text-align: left;
	vertical-align: top;
	font-family: Verdana, sans-serif, Arial;
	font-size: 11px;
	line-height: 130%;
	color:#2262AF;
	border-top: 1px #eee  solid;
	background-color:#eee;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 0px;
}
td.pixBox3 {
	border-bottom: 1px #eee  solid;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, sans-serif, Arial;
	font-size: 11px;
	line-height: 130%;

	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 0px;
}
td.pixBox2 img {
	border:0;
}
table.stats2 {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;

	background-color: #fff;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.stats2 td {
	background-color: #fff;

	padding:0;
	text-align: center;
	border-bottom: 1px #eee  solid;
}
table.stats2 td.hed2{
	background-color: #E5E5E5;

	padding: 4px;
	text-align: center;
	border-bottom: 1px #eee  solid;
	font-size: 11px;
	font-weight: bold;
}

/*---------tab----------------*/
 
div.tabArea { font-size: 12px; font-family: Arial Black, Helvetica, sans-serif; margin-top:10px;}
a.tab {padding: 1px 1em 2px Opx;  position: relative;  text-decoration: none;  color: #0066CC;}
div.tabIframeWrapper {border-top: 1px dotted #CCE6FF; border-bottom: 1px dotted #CCE6FF;  padding-top:10px;  padding-bottom:10px;}
iframe.tabContent {width: 100%;	height: 210px;}

/*-------------------------------------*/
ol#toc {height: 2em;list-style: none; margin: 0; padding: 0;}
ol#toc li {float: left; margin: 0 1px 0 0;}
ol#toc a {background: #bdf url(tab.png);color: #008;display: block;float: left; height: 2em;padding-left: 10px; text-decoration: none;}
ol#toc a:hover {background-color: #3af; background-position: 0 -120px;}
ol#toc a:hover span {background-position: 100% -120px;}
ol#toc li.current a {background-color: #48f;background-position: 0 -60px; color: #fff;font-weight: bold;}
ol#toc li.current span { background-position: 100% -60px;}
ol#toc span {display: block;line-height: 2em;padding-right: 10px;}

div.content {border: #48f solid 3px; clear: left;padding: 1em;}

/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
width: 550px;
height:225px;
background-color: #333;
color:#999;
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;
width: auto;
height: auto;
}

#slideshow .slides ul {
width: auto;
}

#slideshow .slides li {
width: auto;
height: auto;
float: left;
padding:0;}

#slideshow .slides li a{color: #FFFFFF;  text-decoration:none; padding:0;}
#slideshow .slides li a:hover{color: #66FF33; text-decoration: underline;}


#slideshow .slides h2 {
margin-top: 0;
color:#000000;}


/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
	border-top: 0px solid #ccc;
	width: auto;
	font-size:10px
}

#slideshow .slides-nav li {
float: left;
border-left:1px #eee solid;
text-align:center;
width:20px}

#slideshow .slides-nav li a {
display: block;
padding: 0;
border: 0px solid #ccc;
width:20px}

.js #slideshow .slides-nav li.on a {
	background-color: #C0C0C0;
}

.js #slideshow .slides-nav li.on {
	background-color: #C0C0C0;
}

.js #slideshow .slides-nav li.on a {
position: relative;
top: 0px;
}

 
/*--------------------------- Styles for Footer--------------------------- */
.footer {
	height: 100px; /* .push must be the same height as .footer */
	margin: 0 auto;
	width: auto;
	background: #fff;
	list-style-type: none;
	text-align: center;
	background:#8CC739 url(../images/footer_bg.gif) repeat-x;
	color:#666;
}
.push {
	height: 100px; /* .push must be the same height as .footer */
}
/* #footer {clear: both;width: 99%;color: #999;overflow: hidden;padding-top: 1%;padding-right: 0;padding-bottom: 1%; padding-left: 1%;text-align: center;background-color: #CAE4FF; border-top:0px #333300 dotted;} */
.footer p {font-size: 8pt; padding-top:10px;}
.footer a {	color: #333;text-decoration:none;}
.footer a:hover {color: #fff;text-decoration: underline;}



