/* Version 1.1 @ 11 Dec 09 */
/********** GLOBAL *************/
html, body {
	height:100%;
}

ul.list_horizon		{ margin: 0; padding: 0; list-style-type: none; }
ul.list_horizon li	{ float:left;}

ul.list_vertical		{ margin: 0; padding: 0; list-style-type: none; }
ul.list_vertical li	{ display:block;}

.container_16, .container_12, .container_24 { height:100%; }

/* Paging */
.divPaging { margin-top:25px; line-height:20px; }
.divPaging li.col1 { margin-right:5px; }
.divPaging li.col2 {  padding-top:4px; }
.divPaging li.col3 { margin-right:5px; padding-top:4px; }
.divPaging li.col4 { margin-right:15px;}
.divPaging li.col5 { margin-right:5px; }
.divPaging li.col6 { line-height:20px; }

/* Image Corner*/
.imageCorner { margin:0px auto; width:auto; /* Set width to pixel or % by ID selector */ }
/* Customize by change background image , padding-left and height */
.imageCorner .topLeft { background:url(img/top-left.png) no-repeat; padding-left:10px; behavior:url(iepngfix.htc);}
.imageCorner .topRight { background:url(img/top-right.png) no-repeat right top; padding-right:10px;  behavior:url(iepngfix.htc);}
.imageCorner .top { background:url(img/top.gif) repeat-x; height:40px; behavior:url(iepngfix.htc); }
.imageCorner .left { background:url(img/left.gif) repeat-y; padding-left:10px; behavior:url(iepngfix.htc);}
.imageCorner .right { background:url(img/right.gif) repeat-y right top; padding-right:10px; behavior:url(iepngfix.htc);}
.imageCorner .bottomLeft { background:url(img/bottom-left.png) no-repeat left top; padding-left:10px; behavior:url(iepngfix.htc); }
.imageCorner .bottomRight { background:url(img/bottom-right.png) no-repeat right top; padding-right:10px; behavior:url(iepngfix.htc);  }
.imageCorner .bottom { background:url(img/bottom.gif) repeat-x left top; height:10px; behavior:url(iepngfix.htc); }
.imageCorner .content { min-height:200px; _height:200px;}

/********** Page ***********/

/*** logoin ***/
#divLogin {
	margin-right:0;
	padding-left:132px;
	padding-top:190px;
}
#divLoginBox {
	background-color:#000000;
	width:848px;
	height:220px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	background:url(img/bg-login.jpg) no-repeat;
}
#divTopic {
	margin-left:0;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:10px;
}
#divTopicRight {
	margin-left:0;
	padding-right:0px;
}
#divLogo {
	margin-top:10;
	padding-right:0px;
	padding-top:0px;
}
#divCopyright {
	margin-right:0;
	padding-right:0px;
	padding-top:155px;
	height:170px;
}
.divTxtbox {
	margin-left:0;
	padding-left:5px;
	padding-top:0px;
	background:url(img/txtbox.jpg) no-repeat;
	width:260px;
	height:22px;
}
.divTxtboxAlert {
	margin-left:0;
	padding-left:5px;
	padding-top:0px;
	background:url(img/txtbox_alert.jpg) no-repeat;
	width:260px;
	height:22px;
}
#divButton {
	margin-left:0;
	padding-left:0px;
	padding-top:10px;
}

/*** Post logoin ***/
#divPost {
	margin-left:0;
	padding-left:0px;
	padding-top:10px;
}
#divLogo2 {
	margin-right:0;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:10px;
}
#divWellcom {
	margin-left:0;
	padding-left:0px;
	padding-top:50px;
	padding-bottom:10px;
}
#divNumber {
	margin-left:0;
	padding-left:20px;
	padding-top:13px;
	padding-bottom:0px;
}
#divCopyright2 {
	margin-left:0;
	padding-left:0px;
	padding-top:10px;
	padding-bottom:20px;
}
#divContentLeft {
	margin-left:0;
	padding-left:10px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:10px;
	background-color:#FFFFFF;
}
#divContentRight {
	margin-left:0;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:3px;
	padding-right:20px;
	background-color:#000000;
	width:279px;
}
.divContentRightBlack {
	margin-left:0;
	padding-left:10px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:10px;
	background-color:#000000;
}
.divContentRightWhite {
	margin-left:0;
	padding-left:10px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:10px;
	background-color:#EFEFEF;
}
#divContentCenter {
	margin-left:0;
	width:5px;
	height:1px;
}
#divContentCenter2 {
	margin-left:0;
	width:5px;
	height:10px;
}
#divThumbnail {
	margin-left:0;
	width:80px;
	height:55px;
	padding-right:0px;
}
#divTxt {
	margin-left:0;
	padding-top:0px;
	padding-left:0px;
}
#divTxt2 {
	margin-left:0;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
}
#divTxt3 {
	margin-left:0;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	border:1px solid #cccccc;
	border-top-width:0px; 
	border-bottom-width:1px;
	border-left-width:0px; 
	border-right-width:0px; 
}
#divPix {
	margin-left:0;
	padding-top:10px;
	padding-left:0px;
	padding-bottom:10px;
}
#divContentBlack {
	margin-left:0;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	background-color:#000000;
	border:1px solid #000000;
}
#divContentBorder {
	margin-left:0;
	border:1px solid #000000;
}
#divLink {
	margin-top:-8px;
}
#divPrevious {
	margin-top:0px;
}
#divNext {
	margin-top:0px;
	padding-left:10px;
}


 /********************/
#divLogin {
	z-index:2;
}
#divLogOut {
	z-index:2;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:20px;
	width:90px;
}


#divBG{
	width: 100%;
	min-width:716px;
	height:220px;	
	position:absolute;
	z-index:1;
	top:0px;
	margin-top:190px;
	/*background:#999999;*/
	/*left:0px;*/
}

#divLeftBG{ width:40%; min-width:150px; height:220px; background:#FFFFFF; display:inline;}
#divRightBG{ width:60%; min-width:167px; height:220px; 	background:url(img/bg-login1.jpg) no-repeat; 	background-position: right; float:right; text-align:right; padding-right:20px; }
#divRightBGBlack{ width:60%; min-width:167px; height:220px; background-color:#000; background-position: right; float:right; text-align:right; padding-right:20px; }
#divRightContent {height:220px;}
#divRightBG #imgLogo{padding-top:10px;}
#divRightBG #divCopyRight{padding-top:155px; padding-bottom:10px;}


 /***********  Projects Archive  *********/
 
#project-topic {
	margin:0;
	height:30px;
	width:100%;
	background:url(img/projects-archive-bg.jpg) repeat-x;
}
.project{
	width:760px; 
	position:relative;
}

.projectSubject {
	position:relative;
	width:200px;
	float:left;
	padding-bottom:30px;
}

.projectDetail {
	position:absolute; 
	left:200px; 
	height:auto; 
	width:520px; 
	background:#000000; 
	color:#FFFFFF; 
	float:left; 
	display:none;
	padding:20px;
}

.projectLine {
	position:absolute; 
	top:0px; 
	width:0px; 
	height:16px; 
	background:#000000; 
	overflow:hidden;
}

.projectContent {
	position:relative; 
	display:block; 
	height:auto;
}

.projectClose {
	position:absolute; 
	right:0px;
	_right:20px;
	top:-10px;
}

#blank {
	margin:0;
	height:20px;
}

#tab-head{
	position:absolute;
	padding:0;
	top:0px;
	width:39.25%;
	height:600px;
	z-index:0;
	background-color:#697c84;}
.spacer {height:600px}/* same height as footer/header to preserve space*/

p{margin-top:0}
html>body #tab-head #footer{position:fixed}/* for moz/opera and others*/

#comingsoon{
	position:absolute;
	padding:0;
	top:50%;
	bottom:20%;
	z-index:10;}
	
.spacer {height:349px}/* same height as footer/header to preserve space*/

p{margin-top:0}
html>body #comingsoon {position:fixed}/* for moz/opera and others*/

/********** Background  **************/
#bg{
			position:fixed !important;
			_position:fixed;
			_position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop));


			
			
			width:100%; 
			height:100%;
			*left:0px;
		}
		#bg img, #bg a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#bg .prevslide, #bg .prevslide img{
			z-index: 1;
		}
		#bg .activeslide, #bg .activeslide img{
			z-index: 2;
		}