@charset "utf-8";
/* CSS Document */
body {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	background-color: #E9F4FF;
	padding-top:40px;
	margin:0px;
	background-image: url(../images/body-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
img {
	border:none;
}

a {
	color: #333333;
	text-decoration: none;
}
a:visited{
	
	text-decoration: none;
}
a:hover {
	
	text-decoration: none;
}
#wrapper {
	width:971px;
	clear:both;
	margin:0 auto 0 auto;
	position:relative;
	text-align:left;
	background-color:#FFFFFF;
	display: block;
}
.contact_hover { width:110px; display:block; background-color:#50B2BA;}
.contact_hover a{ width:110px; display:block; background-color:#50B2BA;}
.contact_hover a:hover{ width:110px; display:block; background-color: #000000;}
#container {
	width:765px;
	clear:both;
	position: relative;
	display:block;
	margin:0 auto 0 auto;
	text-align: left;
	background-color:#FFFFFF;

	/*border: 2px solid #FFFFFF;*/
	}
	.cl{
	clear: both;
	}
	
#header {
	width:971px;
	background-color:#FFFFFF;
	float:left;
	clear:both;
	display:table;
	position:relative;
}
.main_part {
	width:971px;
	clear:both;
	position:relative;
	display:block;
}
#logo-nav-con{
width:755px;
height:112px;
float:left;
overflow:hidden}
div.logo{
	float:left;
	width:341px;
/*	height:108px;
	background-image: url(../images/scjc-logall.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
*/}
html>body div.logo{
height:112px;}
.scjc-logo{
float:left;
width:96px;
/*height:108px;*/}
.scje-text{
	/*	width:230px;*/
	margin-top:32px;
	padding-left:13px;
	float:left;
	font-size: 22px;
	font-weight: normal;
	color: #6699CC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C2D3E5;
	font-family: Arial;
	font-style: normal;
}
.scje-text a:link, .scje-text a:visited, .scje-text a:hover{ text-decoration:none; color: #6699CC;}
#top-links{
float:right;
width:624px;
text-align:right;
padding:0px;
margin-bottom:0px;
height:108px;
background-color:#FFFFFF;}
html>body #top-links{
height:112px;
}
/*.top-link-button{
	float:right;
	margin:0px;
	width:80px;
	height:52px;
	background-image: url(../images/off.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	padding-top: 60px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.top-link-button a:link{color: #FFFFFF; text-decoration:none;}
.top-link-button a:visited{color: #FFFFFF; text-decoration:none;}
.top-link-button a:hover{	
	color: #FFFFFF;text-decoration:none;
	background-image: url(../images/on.jpg);
	background-repeat: repeat-x;
	background-position: left top;display: block;
}
.selected{	background-image: url(../images/on.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
}
*/

/*#top-links img{
float:left;
padding-left:1px;}*/
*html #top-image{
float:left;
height:119px;}
html>body #top-image{
height:119px;
margin:0px; padding:0px;}
#green{
	width:965px;
	float:left;
	margin:0px;
	background-image: url(../images/gbar.gif);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
div.green-bar{
	width:344px;
	height:53px;
	float:left;
	background-image: url(../images/Page-info.jpg);
	background-repeat: no-repeat;
	background-position: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.pageinfo{
padding-left:30px;
font-family:"Arial";
padding-top:17px;
	font-size: 18px;
	font-style:normal;
	color: #ffffff;
	text-align:left;
}
#wlcome{
	width:612px;
	height:53px;
	float:left;
	background-image: url(../images/gbar.gif);
	background-repeat: repeat-x;
}
div.pic_main{
	float:left;
	width:344px;
	height:345px;
	margin:0px;
	bottom: 0px;

}
html>body div.pic_main{	
float:left;
	width:344px;
	height:345px;
	margin:0px;
	bottom: 0px;
	
}
#main-text-area{
float:left;
width:620px;}
.footer {
	position:relative;
	width:971px;
	margin:0 auto 0 auto;
	height:41px;
	float:left;
	text-align:right;
	background-color:#1ba6b2;
	margin:0px;

	
}
div.footer img{
float:right;
padding-right:5px;

background-color:#1ba6b2;

display:block}
.footer-l{
	width:344px;
	height:41px;
	float:left;
	background-image: url(../images/l-footer.jpg);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	color:#333300;
	background-color:#168d97;
}
.footer-C{
	width:520px;
	height:41px;
	float:left;
	background-color:#1ba6b2;
}
.footer-W{
	width:100px;
	height:36px;
	float:left;
	background-color:#1ba6b2;
	padding-top:5px;
}
.white-text{
	font-size: 12px;
	line-height: 41px;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
}
.white-text a:link{color: #FFFFFF; text-decoration:none}
.white-text a:visited {color: #FFFFFF; text-decoration: none}  
.white-text a:hover{
	color: #FFFFFF;
	text-decoration:underline;
}

.footer-w3{
float:right;
width:100px;
text-align:left;
background-color:#1ba6b2;
}
/*********************/
div.textArea{
padding-left:35px;
padding-top:45px;
float:left;
width:580px;}
div.InertextArea{
padding-left:35px;
padding-top:45px;
float:left;
width:922px;}
div.blue-header{
	font-size: 18px;
	color: #4476A8;
	text-align:left;
	padding-bottom:15px;
	text-transform: uppercase;
}
div.blue-text{
	font-size: 16px;
	color: #4476A8;
	text-align:left;
	padding-bottom:0px;
	text-transform: none;
	font-weight:bold;
	
}
div.green-header{
	font-size: 16px;
	font-weight:700;
	color: #6CF140;
	text-align:left;
	padding-bottom:1px;
	padding-top:1px;
	text-decoration:none;
  
	}
	div.green-header a:link{color: #6CF140; text-decoration:none}
	div.green-header a:visited{color: #6CF140; text-decoration:none}
	div.green-header a:hover{color: #6CF140; text-decoration:underline}
div.gray-text{
	font-size: 14px;
	color: #666666;
	text-align:left;

	}
	
	div.blue-header1{
	font-size: 18px;
	color: #4476A8;
	text-align:left;
	padding-bottom:15px;
	text-transform: uppercase;
  text-decoration:none;
	}
	div.blue-header1 a:link{color: #4476A8; text-decoration:none}
	div.blue-header1 a:visited{color: #4476A8; text-decoration:none}
	div.blue-header1 a:hover{color: #4476A8; text-decoration:underline}
	
/****************************************Menu*********************************/
.suckertreemenu ul{
margin: 0;
padding: 0;
height:112px;
list-style-type: none;
float: right;
}

/*Top level list items*/
.suckertreemenu ul li{
	position: relative;
	display: inline;
	float: left;
	width:103px;
	height:112px;
	background-image: url(../images/off.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
/*	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	text-align: left;
	text-decoration: none;

}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
	width:103px;
	height:112px;
text-decoration: none;
color: #ffffff;
	text-decoration: none;
	
}
.suckertreemenu ul li a:link{
display: block;
	width:103px;
	height:112px;
text-decoration: none;
color: #ffffff;
text-decoration: none;
}
.suckertreemenu ul li a:visited{
display: block;
	width:103px;
	height:112px;
text-decoration: none;
color: #ffffff;
text-decoration: none;
}

.suckertreemenu ul li a:hover{
background-image: url(../images/on.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
color: #ffffff;
text-decoration: none;
}


* html p#iepara{ 
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; text-decoration: none; }
* html .suckertreemenu ul li a { height: 1%; text-decoration: none; }
/* End */

/****************************************Menu********************************/


#flashcontent {
		border: solid 1px #000;
		width: 300px;
		height: 300px;
		float: left;
		margin: 15px 20px;
	}
	div.bold
	{
	    font-size: 14px;
		font-weight:bold;
	}
	
.ul_listing {
	list-style-image: none;
	list-style-type: none;
}
.ul_listing ul{
	list-style-image: none;
	list-style-type: none;
}
.ul_listing li{
	list-style-image: none;
	list-style-type: none;
}

.ul_listing01 {
	list-style-image: none;
	list-style-type: none;
}
.ul_listing01 ul{
	list-style-image: none;
	list-style-type: none;
}
.ul_listing01 li{
	list-style-image: none;
	list-style-type: none;
}