/* CSS Document */

body {

	background-position:top center;
	margin:0px auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
		background-color:#FFF;
    font-size: 12px;
    line-height: 1.5em;
	font-weight:normal;
}


/* GLOBAL STYLE ADDITIONS - START */
h1 {
	margin:0px!important;
	padding:0px!important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height: 1.5em;
	color:#BBAD9D;
	font-weight:normal;
	}

h2 {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
    line-height: 1.5em;
	color:#BBAD9D;
	font-weight:normal;
	}
h3 {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
    line-height: 1.5em;
	color:#214172;
	font-weight:bold;
	}
p {
    color: #214172;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
	font-weight:normal;
   /* text-align: justify;*/
}
a {
	color:#214172;
	text-decoration:underline;
	}
a:linked, a:visited, a:hover {
	color:#214172;
	text-decoration:underline;
	}
ol, ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#214172;
	margin:10px 0 10px 50px;
	padding:0;
	font-size:12px;
	text-align:justify;
	}
ul li {
	line-height:20px;
	font-size:12px;
	text-align:left;
	}
ol li {
	line-height:20px;
	font-size:12px;
	margin-bottom:10px;
	text-align:left;
	}
table, table td, table td p {
	align: left;
	text-align: left;
	vertical-align: top;
	border: 0;
	padding: 0;
    color: #214172;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
	font-weight:normal;
    text-align: justify;
}
/* GLOBAL STYLE ADDITIONS - END */

#wrapper-all {
	background:url(../images/bg-page2.jpg) repeat-x;
	margin:0px auto;	background-color:#80a3b7;
}

#wrapper {
	width:952px;
	margin:0px auto;
}
	
	#header {
		width:952px;
		height:150px;
		background:url(../images/top-banner.jpg) no-repeat;
		background-position:top center;
	}
	
		#logo {
			width:140px;
			height:130px;
			padding-left:31px;
			padding-top:21px;
			float:left;
		}
		
		#search {
			padding-left:10px;
			padding-top:116px;
			width:370px;
			height:29px;
			float:left;
		}
		
			#search .searchbox {
				background:url(../images/bg-searchbox.gif) no-repeat;
				background-position:center;
				border:0px none;
				width:192px;
				height:29px;
				padding:0px;
				margin:0px;
				float:left;
			}
			
			#search .searchbox-style {
				border:0px none;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:13px;
				color:#80A3B7;
				width:142px;
				height:18px;
				padding:0px;
				margin:0px;
				margin-top:6px;
				margin-left:40px;
			}
			
			#search .search-button {
				width:67px;
				height:27px;
				padding:0px;
				margin:0px;
				padding-left:2px;
				float:left;
			}
			
	#main-menu-wrapper {
		width:952px!important;
		height:30px;
		padding-bottom:30px;
	}
	

	
	#main-menu {
			padding-left:5px;
			float:left;
			width:947px;
			height:30px;
		}
			
		#main-menu ul{
			list-style:none;
			margin:0px auto;
			padding:0px;
			float:left;
		}
		
		#main-menu ul li{
			font-family:"Times New Roman", Times, serif;
			color:#FFFFFF;
			height:26px;
			font-size:12px!important;
			margin:0px auto;
			padding:0px;
			margin-right:9px!important;
			font-weight:normal!important;
			float:left;
			display:inline;
		}	
		
		#main-menu ul li a{
			font-family:"Times New Roman", Times, serif;
			color:#FFFFFF;
			height:23px;
			margin:0px auto;
			padding:0px;
			margin-right:8px;
			padding-top:7px;
			font-weight:bold;
			float:left;
			text-decoration:none;
			display:inline;
		}	
		
		#main-menu ul li a:hover{
			background:url(../images/main-menu-hover-jpg.jpg) no-repeat;
			background-position:left bottom;
			height:23px;
			font-family:"Times New Roman", Times, serif;
			color:#264573;
			margin-right:8px;
			padding-top:7px;
			font-weight:bold;
			float:left;
			text-decoration:none;
			display:inline;
		}	
		
		
#main-menu ul li.selected a{
			color:#264573!important;
		}	
		
		#main-menu ul li ul a {
			height:25px;
			font-family:"Times New Roman", Times, serif;
			color:#214172;
			margin-right:8px;
			padding-top:8px;
			font-weight:bold;
			text-decoration:none;
			float:left;
		}	
		
		#main-menu ul li ul li a{
			background:none;
			height:25px;
			font-family:"Times New Roman", Times, serif;
			color:#214172;
			margin-right:8px;
			padding-top:8px;
			font-weight:bold;
			text-decoration:none;
			float:left;
		}	
		
		#main-menu ul li ul li a:hover{
			background:none;
			height:25px;
			font-family:"Times New Roman", Times, serif;
			color:#FFFFFF;
			margin-right:8px;
			padding-top:8px;
			font-weight:bold;
			text-decoration:none;
			float:left;
		}	
		
		#main-menu ul li ul li.selected a {
			color:#FFFFFF!important;
		}



		
		/**************** SUB SUB MENU - iformat *******************/
		
		
		#main-menu ul li ul li ul {
			background-color:#BBAD9D;


		}
		
		#main-menu ul li ul li ul li {
				
			background-color:#BBAD9D;
			
		}
		
		#main-menu ul li ul li ul li a {
margin-left:15px;
					font-size:13px;
								color:#214172!important;
		}
		
		#main-menu ul li ul li ul li:hover a {
margin-left:15px;
					font-size:13px;
					color:#FFFFFF!important;
		}
		
		
		#main-menu ul li ul li ul li.selected a {
margin-left:15px;
					font-size:13px;
					color:#FFFFFF!important;
		}
		
		#main-menu ul li.selected ul li.selected ul li a {
			color:#214172!important;
		}
		#main-menu ul li.selected ul li.selected ul li a:hover {
			color:#FFFFFF!important;
		}
		
		#main-menu ul li.selected ul li.selected ul li.selected a {
			color:#FFFFFF!important;
		}
		
		
		
		/************************************************************/
		
		
		
		
		
		
		
		
		
		
	#content-wrapper {
		width:952px;
		margin:0px auto;
		padding-top:10px;
		padding-bottom:10px;
		float:left;
	}
	
		#left-panel {
			width:683px;
			float:left;
			height:320px;
			overflow-y:auto;
			border:solid 10px #D2DFE7;
			margin-right:7px;
			background-color:#FFF;
		}
		
			#left-panel-content {
				background-color:#FFFFFF;
				padding:15px;
				font-size:12px;
				padding-top:10px;
				padding-bottom:10px;
			}
			
			#left-panel-content h1{
				margin:0px!important;
				padding:0px!important;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:20px;
				padding-bottom:10px!important;
				color:#BBAD9D;
				font-weight:normal;
			}
			
			#left-panel-content h2{
				margin:0px;
				padding:0px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:14px;
				padding-bottom:10px;
				color:#BBAD9D;
				font-weight:normal;
			}
			
			#left-panel-content p{
				margin:0px;
				padding:0px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				padding-bottom:10px;
				color:#214172;

				line-height:18px;
							text-align:justify;
			}

.photogalleryItem {
	font-size:12px!important;
	color:#214172!important;
}

#left-panel-content a{
				color:#214172;text-decoration:underline;
			}

			
			#left-panel-content ul {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				color:#214172;
				margin:0;
				padding:0;
				margin-left:50px;
				font-size:12px;
margin-bottom:10px;
							text-align:justify;
			}

#left-panel-content ol {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#214172;
		margin:0;
		padding:0;
		margin-left:50px;
		font-size:12px;
margin-bottom:10px;
							text-align:justify;
			}
			
			#left-panel-content ul li {
				line-height:20px;
				font-size:12px;
			}

#left-panel-content ol li {
				line-height:20px;
				font-size:12px;
margin-bottom:10px;
			}
		
		#right-panel {
			width:229px;
			padding-left:10px;
			float:left;
		}
		
			#right-panel-content {
				
			}
			
			#member-area {			
				width:229px;
				float:left;
				margin:0!important;
				margin:0!important;
				height:38px;
			}
			
			
			#login {			
				width:229px;
				height:75px;
				float:left;
				background-color:#D2DFE7;
				margin-bottom:10px;
			}
			
				#login-textbox {			
					width:140px;
					height:75px;
					padding-left:10px;
					float:left;
				}
				
					#login-textbox .username{
						background:url(../images/bg-login-textbox.gif) no-repeat;
						margin-top:10px;
						width:140px;
						height:26px;
						float:left;
					}
					
					#login-textbox .password{
						background:url(../images/bg-login-textbox.gif) no-repeat;
						margin-top:6px;
						width:140px;
						height:26px;
						float:left;
					}
					
					#login-textbox .login-textbox{
						border:0px none;
						width:118px;
						height:18px;				
						font-family:Verdana, Arial, Helvetica, sans-serif;
						font-size:13px;
						color:#80A3B7;
						padding:0px;
						margin:0px;
						margin-top:4px;
						margin-left:12px;
					}
				
				#login-button {			
					width:60px;
					height:35px;
					padding-left:15px;
					padding-top:40px;
					float:left;
				}
				
			#latest-news {
				width:229px;
				float:left;			
			}
			
				#latest-news .news-heading{
					background:url(../images/news-header.jpg) no-repeat;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:14px;
					padding-top:13px;
					color:#FFFFFF;
					font-weight:bold;
					width:229px;
					height:31px;
					float:left;
				}
				
					#news-body{
						background:url(../images/news-bg.gif) repeat-y;
						background-position:top center;
						width:229px;
						float:left;
						padding-top:10px;
						height:153px;
					}
				
						#news-body ul{
							margin:0px;
							padding-left:15px;
							padding-right:15px;
							list-style:none;
						}
						
						#news-body ul li{
							background:url(../images/list-icon-news.gif) no-repeat;
							background-position:left top;
							margin:0px;
							padding:0px;
							margin-top:5px;
							padding-left:20px;
							padding-bottom:10px;
							border-bottom:1px solid #214172;
							display:block;
							font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size:12px;
							line-height:16px;
							color:#214172;
						}
						
						#news-body ul li.last{
							background:url(../images/list-icon-news.gif) no-repeat;
							background-position:left top;
							margin:0px;
							padding:0px;
							margin-top:10px;
							padding-left:20px;
							padding-bottom:10px;
							border-bottom:0px none;
							display:block;
							font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size:12px;
							line-height:16px;
							color:#214172;
						}
						
						#news-body ul li a{
							color:#214172;
							text-decoration:none;
						}
						
						#news-body ul li a:hover{
							color:#214172;
							text-decoration:underline;
						}
				
#news-body p {

							background:url(../images/list-icon-news.gif) no-repeat;
							background-position:left top;
							margin:0px;
							padding:0px;
							margin-left:20px;
							margin-top:0px;
							margin-right:20px;
							padding-left:20px;
							padding-bottom:10px;
							border-bottom:0px none;
							font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size:12px;
							line-height:16px;
							color:#214172;
							border-bottom:1px #214172 solid;
							
}

#news-body p:last-child {
	border:0!important;
}

#news-body a {
							font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size:12px;
							line-height:16px;
							color:#214172;
text-decoration:none;
}

#news-body a:hover {
							font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size:12px;
							line-height:16px;
							color:#214172;
text-decoration:underline;
}

				
				#latest-news .news-footer{
					background:url(../images/news-footer.gif) no-repeat;
					width:229px;
					height:12px;
					float:left;
				}
	

	
		#feature-01 {
			background:url(../images/bg-feature-01.jpg) no-repeat;
			width:232px;
			height:163px;
			margin:0px auto;
			float:left;
		}
		
			#feature-01 .feature-title{
				font-family: Arial, Helvetica, sans-serif;
				font-size:13px;
				width:223px;
				color:#214172;
				height:31px;
				padding-top:15px;
			}
			
				#feature-01 .feature-title a{
					color:#214172;
					text-decoration:none;
				}
				
				#feature-01 .feature-title a:hover{
					color:#214172;
					text-decoration:underline;
				}
				
			#feature-01 .feature-content p{
				font-family: Arial, Helvetica, sans-serif;
				font-size:9px;
				color:#214172;
				padding-top:0px;
				margin:0px;
				padding-left:80px;
				padding-top:10px;
				width:140px;
			}
		
		#feature-02 {
			background:url(../images/bg-feature-02.jpg) no-repeat;
			width:232px;
			height:163px;
			margin:0px auto;
			margin-left:8px;
			float:left;
		}
		
			#feature-02 .feature-title{
				font-family: Arial, Helvetica, sans-serif;
				font-size:13px;
				width:223px;
				color:#214172;
				height:31px;
				padding-top:15px;
			}
			
				#feature-02 .feature-title a{
					color:#214172;
					text-decoration:none;
				}
				
				#feature-02 .feature-title a:hover{
					color:#214172;
					text-decoration:underline;
				}
				
			#feature-02 .feature-content p{
				font-family: Arial, Helvetica, sans-serif;
				font-size:9px;
				color:#214172;
				padding-top:0px;
				margin:0px;
				padding-left:80px;
				padding-top:10px;
				width:140px;
			}
		
		#feature-03 {
			background:url(../images/bg-feature-03.jpg) no-repeat;
			width:232px;
			height:163px;
			margin:0px auto;
			margin-left:8px;
			float:left;
		}
		
			#feature-03 .feature-title{
				font-family: Arial, Helvetica, sans-serif;
				font-size:13px;
				width:223px;
				color:#214172;
				height:31px;
				padding-top:15px;
			}
			
				#feature-03 .feature-title a{
					color:#214172;
					text-decoration:none;
				}
				
				#feature-03 .feature-title a:hover{
					color:#214172;
					text-decoration:underline;
				}
				
			#feature-03 .feature-content p{
				font-family: Arial, Helvetica, sans-serif;
				font-size:9px;
				color:#214172;
				padding-top:0px;
				margin:0px;
				padding-left:80px;
				padding-top:10px;
				width:140px;
			}
		
		#feature-04 {
			background:url(../images/bg-feature-04.jpg) no-repeat;
			width:232px;
			height:163px;
			margin:0px auto;
			margin-left:8px;
			float:left;
		}
		
			#feature-04 .feature-title{
				font-family: Arial, Helvetica, sans-serif;
				font-size:13px;
				width:223px;
				color:#214172;
				height:31px;
				padding-top:15px;
			}
			
				#feature-04 .feature-title a{
					color:#214172;
					text-decoration:none;
				}
				
				#feature-04 .feature-title a:hover{
					color:#214172;
					text-decoration:underline;
				}
				
			#feature-04 .feature-content p{
				font-family: Arial, Helvetica, sans-serif;
				font-size:9px;
				color:#214172;
				padding-top:0px;
				margin:0px;
				padding-left:90px;
				padding-top:10px;
				width:140px;
			}
					
#footer-all {
	background:url(../images/bg-footer.gif) repeat-x;
	height:100%;
	background-color:#FFFFFF;
	margin:0px auto;
	padding-top:10px;
	width:100%;
	clear:both;
}
	
	#footer {
		/*background:url(../images/bg-footer-logo.jpg) no-repeat;*/
		height:100px;
		background-position:top;
		width:952px;
		margin:0px auto;
		clear:both;
		background-color:#FFF;
	}
	
	
	#footer-menu {
		width:500px;
		float:left;
	
	}
		#footer-menu ul {
			list-style:none;
			margin:0px;
			padding:0px;
			padding-top:10px;
		}

		
		#footer-menu ul li{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#333333;
			padding-right:6px;
			padding-left:7px;
			border-right:1px solid #333333;
			display:inline;
			float:left;
		}
		
		#footer-menu ul li.last{
			padding-left:7px;
			border:0px none;
		}
		
		#footer-menu ul li.selected a:hover{
			color:#333333;
			text-decoration:none;
		}
		
			#footer-menu ul li a{
				color:#333333;
				text-decoration:none;
			}
			
			#footer-menu ul li a:hover{
				color:#333333;
				text-decoration:underline;
			}
			
			
				#logos-wrapper{
		clear:both;

		padding-top:10px;
	}
	.logos-rotator{
			width:158px;
			height:73px;
			float:left;
			display:inline;

			text-align:center;
	}
			
			
			
	#copyright {
		width:200px;
		float:right;
		padding-top:10px;
		padding-right:10px;
		text-align:right;
		font-family:Arial, Helvetica, sans-serif;
		color:#000000;
		font-size:9px;
	}
			
.img {
	border:1px #CCCCCC solid;
}

#announcement-date {
	margin:0!important;
	padding:0!important;
}

#announcement-subject {
	float:left;
	display:inline;
	margin:0!important;
	padding:0!important;
}

.announcement-subject {
	float:left;
	display:block;
	width:230px;

}

.announcement-wrap {
	width:230px;
}

.announcement-date {
		float:left;
	display:inline;
	font-size:12px;
}


.members {
	background-color:#D2DFE7;
	clear:both;
	margin-bottom:10px;
}

.members ul {
	list-style:none;
	margin:0;
	padding:0;
}

.members ul li {
	padding-left:10px;
	padding-top:5px;
	padding-bottom:8px;
}

.members ul li:hover {
	background-color:#FFF;}

.members ul li a {
	font-size:12px;
	text-decoration:none;
	color:#264573;
}

.members ul li.selected {
	background-color:#FFF;
}

.members ul li a:hover {
	text-decoration:underline;
}

.members-title {
	background-color:#D2DFE7;
	padding-bottom:10px;
	border-bottom:solid 1px #FFF;

}

.members ul li.selected a {
	text-decoration:underline;
}


.payaccount {
	border:solid 1px #80A3B7!important;
}

.payaccount2 {
	border:solid 1px #80A3B7!important;
	margin-bottom:5px;
}



/* add css lost */

.left {
	float:left;
}
.right {
	float:right;
}
.clearB {
	clear:both;
}
.marginA {
	margin:auto;
}
#feature-wrapper2{
	background:url(../images/feature-member-update/img_featuredmid.gif) repeat-y left top;
	margin: 0 auto;
	width: 952px;
       float:left;
       margin-bottom:10px;
}

#feature-wrapper {
	margin: 0 auto;
	width: 952px;
       float:left;
        margin-bottom:10px;
}
#feature-wrapper2 .mid {
	background:url(../images/feature-member-update/img_featuredtop.gif) no-repeat left top;
}
#feature-wrapper2 .bottom {
	background:url(../images/feature-member-update/img_featuredbottom.gif) no-repeat left bottom;
	min-height:300px;
	padding: 0 20px 15px 22px;
}
.feature_box {
height: 340px;
	width:216px;
	float:left;
}
.feature_boximg {
	text-align:center;
	margin-bottom:8px;
}
.feature_box img{
       margin:0 auto 8px;
       display:block;
}
.feature_boxtxt {
	font:12px/18px Verdana, Geneva, sans-serif;
	color:#214172;
}
.feature_box  p a {
	color:#897864;
	text-decoration:underline;
}
.feature_box h1 {
	font:20px/30px Verdana, Geneva, sans-serif;
	color:#304e7b;
	margin:0;
	padding:0;
}
.feature_boxhold {
	border-right:1px dotted #bbad9d;
	min-height:238px;
}
.feature_box  ul {
	line-height:normal !important;
	margin:0;
	padding:0;
}
/*#feature-wrapper2 {
	padding:0 0 0 21px;
	list-style:none;
	display:block;
       line-height:normal !important;
}*/
.feature_box   ul li {
	background:url(../images/feature-member-update/img_featurearrow.jpg) no-repeat left top;
*background-position: left 2px;
	padding:0 0 0 21px;
	list-style:none;
	display:block;
       line-height:normal !important;
}
.feature_box  ul li a {
	font:12px/14px Verdana, Geneva, sans-serif;
	color:#214172;
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	display:block;
	text-decoration:none;
}

.feature_box  ul li a:hover{
	text-decoration:underline;
}

.feature_box h3 {
	font:bold 14px/47px Verdana, Geneva, sans-serif;
	text-align:center;
	height:49px;
	padding:0;
	margin-bottom:12px;
}
.feature_box h3 a {
	color:#81a0b1;
	text-decoration:none;
}
#latestevent, #bestpractice, #ictbusiness{ background:url(../images/feature-member-update/bg_border-hm.gif) no-repeat right bottom;  }
#latestevent.feature_box .feature_boxtxt {
	padding:0 0 0 7px;
}
#bestpractice.feature_box {

	width:240px;

}
#bestpractice.feature_box  p{
	padding-left:24px;
	padding-right:30px;
        text-align:left;
}
#ictbusiness.feature_box {
	width:240px;
}
#ictbusiness.feature_box  p {
	padding:0 24px;
}
#itcraPrograms.feature_box {
	width:212px;
}
#itcraPrograms.feature_box p{
  padding: 0 24px;
}
#itcraPrograms.feature_box  h1 {
	padding:0 31px 0 24px!important;
}