/* default styles */
body { padding: 0; margin: 0 auto; font: 13px  Arial, Helvetica, sans-serif; color: #fff;  }
img { border:0; padding:0; margin:0;}
/*table{border-collapse:collapse;}*/
/*td{ padding:0px;}*/
a { /*color:#4279b0;*/color:#fff;  background: inherit; text-decoration:underline;}
a:hover {  color:#0a2506;background: inherit; text-decoration:none;}
p {	margin: 0 0 15px 0; color:#eee;}
h1 {font-size:26px; font-weight:bold; letter-spacing:-1; color:#555; text-indent:18px; line-height:40px; padding:0; margin:40px 0; cursor:default;}
h2 { margin: 0; padding: 0; font: bold 18px Arial, Sans-Serif; letter-spacing: -1px; color:#fff;}
h1 a, h2 a { color:#555; text-decoration: underline; }
h1 a:hover, h2 a:hover { color:#fff; text-decoration: underline; }
h3 {font-size:14px; font-weight:bold;  color:#eee; letter-spacing: -1px; padding:0;}
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }
input, select, textarea { font-size:11px; margin:0; padding:0;}

/* layout */
#body {margin: 0 auto; width: 1000px;}
#content {width: 1000px; background:#bcf4fd url(../images/content_bg.jpg) repeat-x;height:auto!important; float:left;
 }
#head {margin: 0 auto; padding:0; width:1000px;}
#top { margin: 0 auto; padding:0; width:1000px; }

#top a { color: #969696; text-decoration:none; }
#top a:hover { color: #d7d2d2; text-decoration:none; }
.top_line {margin: 0; padding:0; width:1000px; min-height:12px; height:12px; background-image:url(../images/line_top_bg.jpg); overflow:hidden;  }
#logobar {margin: 0; padding:0; width:1000px; background:#000000 url(../images/index_code_r3_c2.jpg) right no-repeat; height:65px;}
#logo { margin: 0; padding:0; }
#menubar {margin: 0; padding:0; background:url(../images/menu_bg.jpg); height:35px;overflow:hidden;}
#banner {margin:0 auto; padding:0; width:1000px;height:200px;}

#slogan { font-size: 0.9em; margin: 0 0 10px 2px; padding: 0; color: #808080; background: #fff; }
#top_info { line-height: 27px; float: right; color: #808080; background: #fff; margin: 12px 5px 7px 0; text-align: right; height: 74px; }

/* round blue login button */
#loginbutton a { text-decoration: none; width: 24px; padding: 7px 12px; margin: 0 0 0 8px; height: 28px; background: #fff url(images/lb.gif) no-repeat; color: #000; }
#loginbutton a:hover{ background: #fff url(images/lbhover.gif) no-repeat; color: #000;}

/* main horizontal menu */
#tablist{ padding: 3px 0; margin: 0; float: left; }
	#tablist li{ list-style: none; display: inline; margin: 0; }
	#tablist li a{
		text-decoration: none;
		padding: 4px 22px;
		margin-right: 2px;
		background: #808080 url(images/corner.gif) no-repeat top right;
		font-weight: bold;
		color: #fff;
	}
	#tablist li a:hover{
		background: #6495AB url(images/corner.gif) no-repeat top right;
		color: #fff;
	}
	#tablist li a.current{
		background: #9FC7D8 url(images/corner.gif) no-repeat top right;
		color: #346BB4;
		padding: 6px 22px;
	}
	#tablist .key { text-decoration: underline; }

/* main menu topics */
#topics {
	clear: left;
	float: left;
	width: 97%;
	background: #B0D0DC url(images/topicsbg.gif) repeat-x left bottom;
	padding: 8px 15px;
	margin: 0 0 5px 0;
	color: #fff;
	height: 90px;
}
	#topics li a { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: center left;  padding: 0 0 0 12px; }

/* main menu search */
#search {
	float: right;
	text-align: right;
	background: #fff url(images/searchbg.gif) no-repeat;
	color: #000;
	padding: 32px 20px 12px 20px;
	min-height: 32px; /* FF height */
	height: 25px;	/* IE height */
	width: 270px;
}
	/* search form styling */
.search_button {
	float:left;
	height: 25px;
	line-height: 17px;
	margin-right: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 2px;
	word-spacing: -1px;
  
}
.search_item {
	float:left;
	height: 17px;
	line-height: 17px;
	margin-right: 10px;
	margin-top: 3px;
  
}

.select_s{
	width: 150px;
	border: 1px solid #357994;
	color: #346BB4;
	padding: 1px 1px 0 3px;
	margin: 0;
	font-weight: bold;
	font-size: 13px;
	height: 20px;
}
	form, form p { margin: 0 auto; padding: 0 auto; line-height: 35px; }
	
		.search {
	width: 160px;
	border: 1px solid #357994;
	background: #fff;
	color: #346BB4;
	padding: 1px 1px 0 3px;
	margin: 0;
	font-weight: bold;
	font-size: 13px;
	height: 19px;
}
		.button { padding: 4px; font: bold 1em Arial, Sans-Serif; }
		
/* =-=-=-=-=-=-=-[Menu ]-=-=-=-=-=-=-=- */

#menu {
        width: 1000px;
        height:39px;
        margin: 0 auto;
		 }

* {margin:0; padding:0; list-style:none; }
	ul#navmenu {
		/*width:200px/; */
		width:1000px;
		height:39px; 
		

	}
	ul#navmenu li {
		float:left; 
		display:inline;
		position:relative; 
		height:39px; 
		
		

	}
	ul#navmenu ul {
		display:none; 
		border:0; 
		width:258px; 
		left:0px;
		position:absolute; 
		top:39px;
		
	}
	ul#navmenu ul li {
		display:inline; 
		float:none;
		
	}
	ul#navmenu a {
		display:block; 
		padding:0; 
		background-color:#ccc; 
		float:left; 
		font-size:11px;
		font-weight:bold;
		font-family:tahoma;
		color:#555; 
		height:30px; 
		line-height:30px;
		text-decoration:none; 
		
	}
	
	
	

	
	ul#navmenu li.iehover a , ul#navmenu li:hover a{ /*First Level(ie6/7|ff)*/
		background:#d2d2d2;

	}
	ul#navmenu li.iehover li a , ul#navmenu li:hover li a { /*Second Level*/

		background: #d2d2d2; 
		padding-left:10px;
		float:none;
		/*filter:alpha(opacity=90);  IE */
		/*-moz-opacity:0.9;  Moz + Firefox */
		/*opacity: 0.9;  CSS3, currently Opera 9, Firefox 1.5 */
	}
	ul#navmenu li.iehover li.iehover a , ul#navmenu li:hover li:hover a { /*Second Level hover*/

		background: #a3a3a3;
		
	}
	ul#navmenu li.iehover li a:hover , ul#navmenu li:hover li a:hover { /*Second Level a:hover*/

		background: #828282;
		color:#FFF;
		
	}
	ul#navmenu li.iehover li.iehover li a , ul#navmenu li:hover li:hover li a { /*Third level*/
		background: #d2d2d2; 
	}
	ul#navmenu li.iehover li.iehover li a:hover , ul#navmenu li:hover li:hover li a:hover {
		background: #828282;
		color:#FFF;
		
	}

	
	ul#navmenu ul ul {
		display: none; 
		left: 258px; 
		position: absolute;
		width:268px; 
		top: 0px
			
	}
	
	ul#navmenu li.iehover ul ul , ul#navmenu li:hover ul ul {
		display: none ;
		
	}
	
	ul#navmenu li:hover ul {
		display: block ;
		
	}
	ul#navmenu ul li:hover ul {
		display: block ;
		
	}
	
	ul#navmenu li.iehover ul {
		display: block
		
	}
	ul#navmenu ul li.iehover ul {
		display: block
		
	}

/* side bar */
#leftmenu { margin:3px 0 0 2px; padding:0; width:200px; float:left; background:url(../images/leftmenu_bg.png) no-repeat; height:215px;}


#menu3 {
        width: 198px;
		margin:35px 0px 20px 0px;
        padding: 0;
		padding:0;
        border-style: solid solid none solid;
        border-color: #BCD2E6;
        border-size: 1px;
        border-width: 1px;
		font-size:12px;
		float:left;
        }

#menu3  ul {
       font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
        list-style: none;
        margin: 0;
        padding: 0;
        }

#menu3 li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;

        }

#menu3 li a:link, #menu3 li a:visited {
        color: #8BADCF;
        display: block;
        background:  url(../images/menu3.gif);
        padding: 8px 0 0 10px;

        }

#menu3 li a:hover, #menu3 li #current {
        color: #627EB7;
        background:  url(../images/menu3.gif) 0 -32px;
		padding: 8px 0 0 10px;

        }

/* main side */

#main { background:#1b6311 url(../images/main_bg.jpg) bottom repeat-x; }
#main_text h3 { padding:0; margin:0 10px 15px 15px; }
.main_p {margin:0 10px 15px 50px; padding:0;}
#main_text ol{ padding:0; list-style:inside disc; margin:0 10px 5px 35px;}
#main_text ul{ padding:0; list-style:outside disc; margin:0 10px 25px 50px;}
#main_text ol li { padding:0;list-style:inside disc; font-weight:bold;}
#main_text ul li { padding:0;list-style:outside disc;margin-bottom:6px}
#main .main_up {  width:650px;height:126px; background:url(../images/subpage/up.jpg); }
#main .main_mid { margin:0; padding: 20px; width:610px; background-color:#FFFFFF; background:url(../images/subpage/bg.jpg) repeat-x #FFFFFF}
#main .main_down {  width:650px;height:86px; background:url(../images/subpage/bottom.png)}
.maintext {margin:8px 11px 0px 11px;padding:0; /*color:#4b8ec9;*/}

.maintext ul { list-style:outside disc; margin:2px 0 5px 25px;}
.maintext h2 {margin:0; padding:0; font-size:17px; font-weight:bold; /*color:#36638f;*/ color:#3c3c3c}
.maintext p {padding:0; margin-bottom:15px;}
.table_nav { padding:0; margin:0;color: #346BB4}
.table_nav a { color:#4279b0; text-decoration:none;  }
.main_bottom { padding:0; margin:0; color:#000; }
.px17 {font:17px bold Arial, verdana, tahoma ;}
.main_bottom a { color:#000; text-decoration:none;  }
.main_bottom a:hover { color:#1b6311; text-decoration:underline;  }
#photo_f td a{ background-color:#53844C; display:block}
#photo_f td a:hover{ background-color:#1b6311; display:block}

#photo_f img{ border:1px solid #fff;}
.photo {
  float:right;
  margin-left:20px;
  margin-bottom:10px;
}
.photo_b {
  float:right;
  margin-left:20px;
  margin-bottom:10px;
  border:#fff 3px solid;
}

/* left side */
#left {
	float: right;
	width: 790px;
	margin: 0 0 10px 0;
}
	.subheader {
	margin: 0 0 10px 0;
	padding: 8px;






		background: #f4f4f4hade.gif) repeat-x;
	color: #666666;
	border: 1px solid #ccc;
	font-size: 11px;
	background-repeat: repeat-x;
	background-image: url(images/topicsbg.gif);
	background-position: left bottom;
	background-color: #B0D0DC;
	}
	.left_articles {
	margin: 0px 0 20px 0;
	background: #fff url(images/bgshade.gif) repeat-x;
	color: #346BB4;
	padding: 15px 15px 25px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	}
		.date { font-size: .9em; padding: 0 0 0 12px; background: #fff url(images/news.gif) no-repeat center left; color: #808080; }
		.bigimage {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 200px;
			height: 150px;
			margin: 0 15px 10px 0;
		}
	.left_box {
	background: #f4f4f4;
	color: #808080;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 15px;
	clear: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	}
	.thirds {
		float: left;
		width: 186px;
		padding: 0 10px 0 15px;
	}		
		
/* right side */
#right {
	float: right;
	width: 130px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	border: 1px solid #ccc;
}
	.right_articles {
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 0 10px 0;
		background: #eee;
		color: #454545;
	}
	.image {
	float: left;
	margin: 0 9px 3px 0;
	border: 1px solid #4B4B4B;
}
	.notes {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 17px 10px 17px 80px;	
		margin: 0 0 10px 0;
		background: #fff url(images/notes.gif) no-repeat center left;
		color: #454545;
	}
/* footer */
#footer { 
	clear: both; 
	padding: 0;
	margin:0 auto;
	width:1000px;
	height:38px;
	background:url(../images/footer.jpg) no-repeat; color:#969696;
}
#footer a { color: #969696; text-decoration:none; }
#footer a:hover { color: #d7d2d2; text-decoration:none; }
	#footer .right { float: right; }
/*button*/
.btn2-border {
	FLOAT: left;
	WIDTH: 98px;
	HEIGHT: 25px;
    line-HEIGHT: 25px;
	border: 1px solid #4D7B2B;
}
#btn2 {
	BORDER-TOP-WIDTH: 0px;
	BACKGROUND-POSITION: 0px 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	WIDTH: 98px;
	CURSOR: pointer;
	COLOR: #000000;
	LINE-HEIGHT: 25px;
	HEIGHT: 25px;
	TEXT-ALIGN: center;
	BORDER-RIGHT-WIDTH: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(images/btn_search.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
.btn2 {
	BORDER-TOP-WIDTH: 0px;
	BACKGROUND-POSITION: 0px 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	WIDTH: 98px;
	CURSOR: pointer;
	COLOR: #000000;
	LINE-HEIGHT: 25px;
	HEIGHT: 25px;
	TEXT-ALIGN: center;
	BORDER-RIGHT-WIDTH: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(images/btn_search.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

/*-------state--------------*/
.nav3 {
	overflow: hidden;
	clear: both;
	float: left;
	width: 160px;
	min-height: 500px;
	padding: 0px;
	color: rgb(75,75,75);
	font-size: 1.0em;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.nav3 ul {width: 160px; margin: 0px 0px 20px 0px; padding: 0px; border-bottom: solid 1px rgb(216,206,159); background-color: #EAF0F7;}	
.nav3 li {list-style: none; margin: 0px; padding: 0px;}
.nav3 li.title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color: #346bb4; color: rgb(255,255,255); font-weight: bold; font-size: 120%;}
.nav3 li.group a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px rgb(219,230,241); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.nav3 li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; border-left: solid 7px rgb(219,230,241); color: rgb(75,75,75); text-decoration: none; font-size: 120%;}
.nav3 li a:hover, .nav3 li a.selected {border-left: solid 7px #346bb4;  color: rgb(100,100,100); text-decoration: none;}
.sidebar-maintitle {margin: 0px 0px 10px 0px; padding: 3px 10px 2px 10px; background-color: #346bb4; color: rgb(255,255,255); font-weight: bold; font-size: 120%;}
/*adsense*/
.adsense {
	width:120px;
	margin-right: 5px;
	margin-left: 5px;
}
/*content*/
#s_content1{
	width:535px;
	font-size:12px;
}
#s_content1 ul{
	padding-left: 15px;
	list-style-image: none;
}
#s_content1 li{
	line-height:40px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
#s_content1 span{
	float:right;
	font-size: 12px;
	font-weight: bold;
}
#s_content2{
	width:410px;
	font-size:12px;
}
#s_content2 ul{
	list-style-image:none;
	list-style-position: outside;
	padding-left: 25px;
	list-style-type: decimal;
}
#s_content2 li{
	line-height:25px;
}
#s_content2 span{
	float:right;
	font-size: 12px;
	font-weight: bold;
}

/*content3*/
#s_content3{
	width:535px;
	font-size:12px;
    font-weight:bold;
}
#s_content3 ul{
	padding-left: 15px;
	list-style-image: none;
}
#s_content3 li{
	line-height:40px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	font-weight: bold;
}
#s_content3 span{
	float:right;
	font-size: 12px;
	font-weight: bold;
}
/*content4*/
#s_content4{
	width:95%;
	font-size:12px;
}

#s_content4 p{
	font-size: 12px;
    font-weight:normal;

}
/*content5*/
#s_content5{
	width:535px;
	font-size:12px;
    font-weight:bold;
}
#s_content5 ul{
	padding-left: 15px;
	list-style-image: none;
}
#s_content5 li{
	line-height:40px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	font-weight: bold;
}
#s_content5 span{
	float:right;
	font-size: 12px;
	font-weight: bold;
}
/*sitepath*/
#sitepath {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 7px;
	padding-left: 0px;
	margin-left: 3px;
	clear:left;
	margin-top: 5px;
	padding-top: 0px;
}
/*table*/
#table_list{ font-size:15px;}
.px12{ font-size:12px;}
.px12_bold{
	font-size:12px;
	font-weight:bold;
}
.border {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
    font-size:12px;
}
.px11_blue { color:#4d85be;}
.lefttext { margin:8px; padding:0; display:inline;float:left;}
#show {margin:8px 8px 8px 0; padding:0; display:inline; float:right; }
.bar {margin:0; padding:0;float:left; width:1000px; }
.bar1 {margin:0; padding:20px 0px 5px 5px;float:left; }
.bar2 {margin:0; padding:20px 0px 5px 75px;float:left;}
.bar3 {margin:0; padding:20px 5px 5px 0px; float:right;}
.required { color:red;}

.cornerClose { height:25px; background:url(../images/misc/corner3.jpg) no-repeat top left; padding:5px 10px; margin-bottom:5px; cursor:pointer; }

/*- Menu left--------------------------- */

#menu7 {
        width: 257px;
        margin:0;
		padding:0;
        }

#menu7 li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
		font-weight:bold;
        }

#menu7 li a:link, #menu7 li a:visited {
        color: #FFF;
        display: block;
        background:  url(../images/menu7.gif);
        padding: 8px 0 0 30px;
        }

#menu7 li a:hover, #menu7 li #current {
        color: #FFF;
        background:  url(../images/menu7.gif) 0 -32px;
        padding: 8px 0 0 30px;
        }
-->

.glossymenu{
margin:0;
padding: 0;
width: 258px; /*width of menu*/

}



.glossymenu a.menuitem{
background:  url(../images/menu7.gif) 0 -32px;

 height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;

border:0;
font: bold 12px arial;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/


padding:8px 0px 0px 30px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu  #current{
background:  url(../images/menu7.gif) 0 -32px;
}



.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background:url(../images/menu7.gif);


}


.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;

}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;

margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li a{
padding:8px 0px 0px 30px;

 height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
display: block;
font: bold 12px arial;
color: #444;
text-decoration: none;


background:  url(../images/menu7.gif) 0 -64px;

}

.glossymenu div.submenu ul li a:hover{
background:url(../images/menu7.gif) 0 -96px; ;

padding:8px 0px 0px 30px;
colorz: #444;
}

/*img show*/
#rc { width:725px; float:right; overflow:hidden; color:#fff; }
#projectDetailThumb { width:420px; float:left; }
		#projectDetailThumb div { width:420px; height:320px; }
			#projectDetailThumb img#mainPic {  left:10px; top:10px; width:390px; height:293px;border:2px solid #fff;  }
		#projectDetailThumb ul { margin:0; padding:0; list-style-type:none; }
			#projectDetailThumb li { float:left; width:136px; height:97px;  }
			#projectDetailThumb li img { width:120px; height:89px; position:relative; top:2px; left:0; border:1px solid #fff; }
	
#projectDetailData { width:300px; float:right; }
	#projectDetailDataCorner {  padding:15px 15px 0 0; }
		#projectDetailData h1 { margin:0 0 15px 0; padding:0; color:#666; font-size:18px; line-height:18px; }
		#projectDetailData h2 { color:#666; font-size:13px; margin-top:25px; }
		#projectDetailData ul {  margin:0; padding:0; }
			#projectDetailData li { list-style:disc outside; margin-left:15px; margin-bottom:3px; font-size:13px; font-weight:bold;}
			
			
/*left background*/
.left_bg { background:url(../images/left_bg.jpg) top repeat-x #CDCDCB }
.left_bg_s { background:url(../images/left_bg_s.jpg) bottom repeat-x #CDCDCB }
.left_bg_1 { background:url(../images/left_bg_1.jpg) top repeat-x #CDCDCB }