body, html {
	margin:0; padding:0; width:100%; background:#fff;
	font-family:Verdana,sans-serif;
	font-size:9pt;
	/*color:#455058;*/
	background:#003478;
	
}
#header {
	position:relative;
	width:890px;
	height:80px;
	background:url('images/cmp_logo.png') no-repeat left;
	
	
}

#footer {
	font-size:9px;
	border-bottom:0px solid #666;
	color:#d6d6d6;
	padding:0px 0;
	font-family:Verdana;
}

#footer li {
	display: inline;

}


#sidebar {
	position:relative;
	float:left;
	width:160px;
	height:350px;
	border-right:2px solid #f37421;
	margin-left:-5px;
	padding:5px;

}

#sidebar a {
	text-decoration:none;
	font-weight:bold;
	color:#2699dd;
}

#sidebar a:hover {
	text-decoration:none;
	color:#003478;
	font-weight:bold;
}





#multisidebar {
	position:relative;
	float:left;
	width:245px;
	height:350px;
	border-right:2px solid #f37421;
	margin-left:10px;
	padding:5px;
	top:5px;
	

}

#multisidebar a {
	text-decoration:none;
	font-weight:bold;
	color:#2699dd;
}

#multisidebar a:hover {
	text-decoration:none;
	color:#003478;
	font-weight:bold;
}


#multisidelink {
	padding:5px;
	width:230px;
	text-align:left;


}




#sidelink {
	padding:5px;
	width:140px;

}


#pagebd {
	position:relative;
	width:900px;
	text-align:left;
	/*background:url('pgbg_bottom.png') no-repeat bottom left #f2f2f2;*/
	margin-top:2px;
	padding:0px 0px 20px 0px;
}



#footer div { line-height:3.2em; }
#footer { padding-bottom:0px; }
#nav { height:3.2em; }
#footer a,
#nav a {
	color:#fff; text-decoration:none; line-height:3.2em;
}



#footer a:link, 
#nav a:link { color:#fff; }
#footer a:visited, 
#nav a:visited { color:#fff; }
#footer a:hover,
#nav a:hover { color:#ccc; }
#footer a:active,
#nav a:active { color:#fff; }
.content {
	margin:0 auto;
	width:740px;
}
#nav a:focus { 
	border-bottom:1px solid #fff;
	outline:0;
}
#subheader {
	background:#DFE8EE;
}
#subheader p {
	padding-bottom:17px; margin:0;
	padding-left:2px;
}
#intro {
	margin:0; padding-top:37px;
	padding-bottom:17px;
	font-size:37pt;
}
#menu {
	float:right;
	margin:0; padding:0; list-style:none;
}
#menu li { 
	float:left; margin-left:15px; line-height:3.2em; 
}

#submenu {
	position:absolute;
	top:-15px;
	left:0px;
	z-index:99;
	overflow:hidden;
	padding-left:45px; 
	padding-top:0px;
	height:400px;
	width:880px;
	margin-top:12px;
	border:0px #000000 solid;
	background:url('images/contentbg.png') no-repeat left top;

}



#formtable {

	border:0px;

}




#searchbox {
	position:absolute;
	right:10px;
	top:40px;
	padding:0px;
	width:280px;
	height:33px;
	background:url('images/search_bg.png') no-repeat left top;

}

#s {
	border:0px solid #000000;
	margin-top:6px;
	margin-left:10px;
	

}

#searchsubmit {
	cursor:pointer;

}


#searchbox img:hover {
	cursor:pointer;
	width:31px;
	height:31px;
	margin-right:-1px;
	margin-top:-1px;

}


#moreapps {
	position:absolute;
	right:30px;
	bottom:10px;
	color:#ffffff;
	font-weight:bold;

}


#submenubox {
	max-width:750px;
	max-height:350px;
	overflow:hidden;
	margin-top:10px;

}





#container {
	z-index:0;
	position:relative;
	height:390px;
	width:880px;
	margin-top:5px;
	border:0px #000000 solid;
	background:url('images/contentbg.png') no-repeat left;
	padding-top:10px;
	text-align:left;
	-moz-border-radius: 10px;

}

#listcontainer {
	width:880px;
	margin-left:35px;
	
}


#animcontainer {
	position:absolute;
	width:320px;
	height:340px;
	right:20px;
	top:20px;
	-moz-border-radius: 10px;
	border:1px #000000 solid;
	text-align:left;	
	background:url('pic.png') no-repeat left;
}


#pgcontent {
	position:relative;
	width:830px;
	margin:0px 10px 0 1px;
	font-family:Arial;

	
	height:330px;
	
	text-align:left;
	float:right;
	font-size:13px;
	padding-top:0px;
	padding-left:5px;
	padding-right:15px;
}

#pgcontent img{
	padding:0 10px 5px 0;
}

#pgcontent2 {
	position:relative;
	float:right;
	margin-right:-10px;
	width:660px;
	height:370px;
	border:0px solid #000;

}

#pgmenu {
	position:absolute;
	z-index:99;
	top:340px;
	right:5px;
	width:50px;
	height:105px;
	border:0px solid #000000;
}


#pgmenu img:hover {
	cursor:pointer;
	width:31px;
	height:31px;
	margin-left:-1px;
	margin-top:-1px;
}




#pgmenu2 {
	position:absolute;
	z-index:99;
	top:440px;
	right:25px;
	width:100px;
	height:55px;
	border:0px solid #000000;
}


#pgmenu2 img:hover {
	cursor:pointer;
	width:31px;
	height:31px;
	margin-left:-1px;
	margin-top:-1px;
}





.fixli{
	display:block;

}


#container .content {
	padding:0;
	position:relative;
	
}
.content p {
	padding-left:2px;
	color:#455058;
	margin-top:11px;
	margin-bottom:11px;
}
.marginbox {
	border-top-color:red;
	border-bottom-color:blue;
	border-right-color:green;
	border-bottom-color:yellow;
}
pre {
	color:#333;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#DFE8EE;
	padding:12px;
}
#topics {
	clear:both;
}
#nav p { display:none; }
.no-js #hidojo-suprise { display:none; }
#hidojo { 
	display:inline-block;
	padding:4px;
	padding-left:0;
	position:relative;
}
#fadereplace {
	border:1px solid #ccc;
	background:#DFE8EE;
	width:275px;
}
#fadereplace p { cursor:pointer; padding:8px; color:#333; }
#colorlist {
	list-style:none;
	height:75px;
	margin:0; padding:0;
}
#colorlist li {
	float:left;
	width:75px;
	height:75px;
	margin:0; padding:0;
	margin-right:5px;
}
.red { background:red; }
.green { background:green; }
.blue { background:blue; }
.white { background:yellow; }
a.source { 
	color:#dedede; text-decoration:none; font-weight:bold; 
	font-size:1.75em; -moz-border-radius:3pt; margin-top:-4px;
	-webkit-border-radius:4pt;
}
a.source:hover { color:#455058;  }
#view-source {
	position:absolute;
	top:0;
	left:-999px;
	width:780px;
	border:1px solid #ccc;
	background:#DFE8EE;
	padding:17px;
	z-index:999;
	padding-top:7px;
	padding-bottom:7px;
}
#source-code {
	margin-top:3px;
	margin-bottom:3px;
	width:100%;
	height:20em;
}
#filler { display:none; 
	width:700px;
}
#basic-post {
	width:20em;
	padding:12px;
	background:#dfe8ee;
	border:1px solid #ccc;
}
#basic-post label {
	line-height:3.2em;
	display:inline-block;
	width:6em;
}
#basic-post-submit {
	margin-left:7em;
	cursor:pointer;
	padding:5px 12px 5px 12px;
	border:1px solid #ccc;
	background:#455058; color:#fff;
}
#basic-post-submit:hover {
	background:#000; color:#dedede;
}
#core-list {
	width:520px;
}
.dojoDndItem {
	padding:2px 8px 2px 8px;
	border:2px solid #fff;
	cursor:move;
}
#footer pre {
	background-color:#455058; 
	color:#fff;
}
#mainlist li img {
	position:absolute;
	width:100px;
	height:100px;
	left:-10px;
	border:0;
	z-index:8;
}
#mainlist li {
	position:relative;
	float:left;
	width:55px;
	height:120px;
	list-style:none;
	margin-right:20px;
	margin-left:30px;
	margin-top:5px;
}

#mainlist li img:hover { z-index:99; }

#mainlist li a span {
	font-family:Verdana;
	font-size:13px;
	position:absolute;
	z-index:7;
	cursor:pointer;
	color:#ffffff;
	padding-top:7px;
	 
	width:115px;
	text-decoration:none;
	bottom:0px;
	left:-90px;
	text-align:center;

}
#mainlist {
	margin-top:5px;
	height:auto;
	clear:both;
	/*margin-top:30px;
	margin-left:10px;*/
}
#explist img { display:none; }
.content {
	width:800px;
}
#intro {
	margin-left:48px;
}
#mainlist a { color:#000000; text-decoration:none;  line-height:1.2em; }
#mainlist a:link { color:#000000; }
#mainlist a:visited { color:#000000; }
#mainlist a:hover { color:#ffffff; font-weight:bold;}
#mainlist a:hover span { color:#ffffff;font-weight:bold; }
#mainlist a:active { color:#000000; }
.clear { clear:both; }




#submainlist li img {
	position:absolute;
	width:75px;
	height:75px;
	left:-10px;
	border:0;
	z-index:8;
}
#submainlist li {
	position:relative;
	float:left;
	width:55px;
	height:90px;
	list-style:none;
	margin-right:20px;
	margin-left:30px;
	margin-top:5px;
}

#submainlist li img:hover { z-index:99; }

#submainlist li a span {
	font-family:Sans;
	font-size:14px;
	position:absolute;
	z-index:7;
	cursor:pointer;
	color:#666;
	padding-top:7px;
	 
	width:80px;
	text-decoration:none;
	bottom:0px;
	left:-90px;
	text-align:center;

}
#submainlist {
	margin-top:5px;
	height:auto;
	clear:both;
	margin-top:30px;
	margin-left:10px;
}


#submainlist a { color:#000000; text-decoration:none;  line-height:1.2em; }
#submainlist a:link { color:#000000; }
#submainlist a:visited { color:#000000; }
#submainlist a:hover { color:#666; font-weight:bold;}
#submainlist a:hover span { color:#666;font-weight:bold; }
#submainlist a:active { color:#000000; }

#submainlist a:hover img {
	width:100px;
	height:100px;
	
}


#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#fff;
	padding:2px 5px;
	color:#003478;
	display:none;
	padding:10px;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 5px;
	width:100px;
	z-index:98;
	}	

#imgtooltip{
	position:absolute;
	border:1px solid #333;
	background:#fff;
	padding:2px 5px;
	color:#003478;
	display:none;
	padding:10px;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 5px;
	width:100px;
	z-index:98;
	}	




.frontlink a { color:#003478;text-decoration:none;}
.frontlink a:link { color:#003478;text-decoration:none; }
.frontlink a:visited { color:#003478;text-decoration:none; }
.frontlink a:hover { text-decoration:none; }

#frontnews {
	float:left;
	width:245px;
	border:0px solid #000000;
	z-index:98;
	height:320px;
	/*margin-left:5px;*/
	margin-left:5px;
	margin-top:-10px;
	overflow:hidden;
	font-family:Verdana;
	font-size:11px;
	overflow:hidden;
	padding-right:0px;

}

#frontnews-more {
	float:left;
	width:230px;
	border:0px solid #000000;
	z-index:98;

	margin-left:0px;
	margin-top:5px;
	overflow:hidden;
	font-family:Verdana;
	font-size:11px;
	text-align:right;

}

/*Service menu CSS */




.smenulink {
	width:130px;
	padding:10px 30px 10px 30px ;
	background:#ececec;
	color:#003478;
	font-family:Verdana;
	font-size:12px;
	border-bottom:2px solid #ffffff;
	}

.smenulink a {
	text-decoration:none;
	font-weight:bold;
}

.smenulink a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#003478;
}


.smenulink span {
	cursor:pointer;
	}


.smenutop {
	width:190px;
	height:28px;
	padding-top:10px;
	padding-left: 30px;
	color:#ffffff;
	font-family:Verdana;
	font-size:16px;
	position:relative;
	}

.opacity {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	filter: alpha(opacity=90);
	opacity: .9;

}

#smenubox {
	position:absolute;
	top: 95px;
	left:40px;
	width:750px;
	padding-left:0px;
	padding-right:0px;
	border-right:0px solid #000000;
	height:360px;
	background:url('images/smenu_head.png') left top no-repeat;
	display:none;
}

#smenubox ul {
	list-style:none;
	}

#smapbox {
	position:absolute;
	top: 250px;
	left:40px;
	width:780px;
	padding-left:20px;
	padding-right:0px;
	border-right:0px solid #000000;
	height:200px;
	background:#003578;
	color:#ffffff;
	font-family:Verdana;
	display:none;
}


#pointer_box {
	float:left;
	margin-left:0px;
	margin-top:0px;
	width:25px;
	border:0px solid #000000;
	height:360px;
	z-index:98;
}

#new_content_box {
	float:left;
	margin-left:20px;
	margin-top:0px;
	width:500px;
	border:0px solid #eeeeee;
	height:360px;
}


.whitelk a:link { color:#ffffff;text-decoration:none; }
.whitelk a:visited { color:#ffffff;text-decoration:none;}
.whitelk a:hover { color:#cecece;text-decoration:none; }



#whitelink a:link { color:#ffffff;text-decoration:none; font-weight:bold;}
#whitelink a:visited { color:#ffffff;text-decoration:none; font-weight:bold;}
#whitelink a:hover { color:#cecece; font-weight:bold;text-decoration:none; }

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
}

.comment-body {
	padding-bottom:10px;
	}


.depth-1 {
	border:1px solid #cecece;
	background:#ffffff;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;

	}


.depth-2 {
	border:1px solid #cecece;
	background:#ffffff;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	}

.comment-reply-link {
	border:1px solid #cecece;
	background:#003478;
	padding:5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#ffffff;
	text-decoration:none;
}




.clean_link a{
	color:#4088b8;
	text-decoration:none;
}

.clean_link a:hover {
	color:#003478;
	text-decoration:none;
}

.roundedc {
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 5px;
	behavior:url('border-radius.htc');

}




/* End Comments */