/* CSS Basic Document */
body
{
margin:0px;
padding:0px;
color:#424242;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(../Images/background.gif) repeat-x #c8e3f1;
line-height:1.5em;
}
h1 {
	margin:0px;
	padding:0px;
	font-family:arial, Verdana, sans-serif;
	color:#555555;
	font-size:20px;
	font-weight: bold;
	text-decoration:none;
	padding-bottom:5px;
	}
h2 {
	margin:0px;
	padding-bottom:5px;
	font-family:arial,Verdana, sans-serif;
	color:#277bb7;
	font-size:20px;
	font-weight: bold;
	text-decoration:none;
	}
p
{
padding:0px;
margin:0px;
}
a {
font-family:tahoma;
font-size:11px;
color:#666666;
font-weight:normal;
text-decoration:none;
}
a:hover {
color:#000000;
text-decoration:underline;
}
#container
{
width:100%;
height:auto;
margin:0px auto;
text-align:center;
}

/* genaral */
.blue-text {
color:#125889;
}
.white-text {
color:#ffffff;
}

/* header style start here */
#header
{
width:866px;
height:405px;
margin:auto;
text-align:left;
background:url(../Images/top-back.gif) left top no-repeat;
}
#header-inner
{
width:866px;
height:161px;
margin:auto;
text-align:left;
background:url(../Images/top-back.gif) left top no-repeat;
}

.logo {
float:left;
padding-left:36px;
padding-top:14px;
width:224px;
height:89px;
}
.login-menu {
float:right;
padding-right:20px;
margin-top:55px;
width:312px;
height:25px;
text-align:left;
}

/* CSS Menu */
/* ---- login menu --- */
.client-login {
background:url(../Images/client-login.gif) left top no-repeat;
display:block;
overflow:hidden;
text-align:1000px;
height:25px;
width:104px;
text-decoration:none;
}
.client-login:hover {
background:url(../Images/client-login.gif) left bottom no-repeat;
text-decoration:none;
}
.blog {
background:url(../Images/blog.gif) left top no-repeat;
display:block;
overflow:hidden;
text-align:1000px;
height:25px;
width:104px;
text-decoration:none;
}
.blog:hover {
background:url(../Images/blog.gif) left bottom no-repeat;
text-decoration:none;
}
.wiki {
background:url(../Images/wiki.gif) left top no-repeat;
display:block;
overflow:hidden;
text-align:1000px;
height:25px;
width:104px;
text-decoration:none;
}
.wiki:hover {
background:url(../Images/wiki.gif) left bottom no-repeat;
text-decoration:none;
}
/* ------ main menu ------ */
.main-link {
width:866px;
padding-top:5px;
height:25px;
}
.toplink {
	width:102px;
	display:block;
	height:23px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ffffff;
	text-transform:uppercase;
	letter-spacing:.04em;
	text-decoration:none;
}
.toplink:hover {
	background: url(../Images/link-hover.gif) repeat-x left top;
	display:block;
	width:100px;
	height:23px;
	text-decoration:none;
	text-transform:uppercase;
	}
.active {
	background: url(../Images/link-hover.gif) repeat-x left top;
	display:block;
	width:100px;
	height:23px;
	text-decoration:none;
	text-transform:uppercase;
	color:#000;
}
.toplink1 {
	width:152px;
	display:block;
	height:23px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #ffffff;
	letter-spacing:.04em;
	text-decoration:none;
	text-transform:uppercase;
}
.toplink1:hover {
	background: url(../Images/link-hover.gif) repeat-x left top;
	width:150px;
	display:block;
	height:23px;
	text-decoration:none;
	text-transform:uppercase;
	}
.navcontainer {
        margin:0px;
		padding:0px;
}
.navcontainer ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}
.navcontainer ul li {
        display:inline;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
		height:25px;
		line-height:25px;
		font-family:tahoma, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#ffffff;
		font-weight:bold;
}
/* body style start here */
#body_container
{
width:866px;
margin:auto;
height:auto;
text-align:center;
}
#main_body
{
width:866px;
float:left;
text-align:left;
background:url(../Images/bottom-corner.gif) right bottom no-repeat;
margin-bottom:20px;
margin-top:15px;
}
#main_body_inner
{
width:866px;
float:left;
text-align:left;
background:url(../Images/insideBg.png) top center no-repeat;
margin-bottom:20px;
}

#body-left
{
width:570px;
height:auto;
float:left;
text-align:left;
}
#body-right
{
width:280px;
float:right;
height:auto;
text-align:left;
margin:auto 0px;
}
/* left items */
.box-top {
background:url(../Images/box-top.gif) no-repeat;
height:33px;
float:left;
width:570px;
}
.box-back {
background:url(../Images/box-back.gif) repeat-y bottom;
height:auto;
float:left;
width:520px;
padding:0px 25px 20px 25px;
}
.box-about {
height:auto;
float:left;
width:520px;
padding:20px 25px 20px 25px;
}
/* right item */
.right-box {
padding:11px 0px 0px 5px;
background:url(../Images/right-top.gif) no-repeat left top;
height:auto;
float:left;
}
.right-box-inner {
padding:11px 0px 0px 5px;
background:url(../Images/right-top2.gif) no-repeat left top;
height:auto;
float:left;
}
.nor-text-red {
font-size:10px;
color:#CA0000;
}
.nor-text-blue {
font-size:10px;
color:#283382;
font-family:tahoma;
line-height:1.4em;
}
#footer-container
{
width:100%;
height:auto;
margin:auto 0;
text-align:center;
}
#footer
{
width:100%;
text-align:center;
background:url(../Images/footer-back.gif) repeat-x;
height:63px;
line-height:63px;
float:left;
color:#FFFFFF;
font-size:10px;
}
.copyright {
color:#CCCCCC;
padding-left:30px;
}
a.footer-nav:link
{
text-align:center;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:11px;
text-decoration:none;
font-weight:normal;
}
a.footer-nav:visited
{
text-align:center;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:11px;
text-decoration:none;
font-weight:normal;
}
a.footer-nav:hover
{
text-decoration:underline;
}
/* form */
.button {
font-family:Arial, Helvetica, sans-serif;
background:#333333;
border:1px solid #000000;
color:#CCCCCC;
font-size:11px;
height:18px;
line-height:18px;
font-weight:bold;
}
.button:hover
{
color:#FFF;
background-color:#074D9A;
}
input {
background:#ffffff;
border:1px solid #b4ccd8;
color:#333333;
font-size:11px;
height:16px;
line-height:16px;
}
.input1 {
background:#ffffff;
border:1px solid #b4ccd8;
color:#333333;
font-size:11px;
width:160px;
}
.button {
background:url(../Images/button-back.gif);
height:21px;
color:#FFFFFF;
border:0;
font-weight:normal;
font-size:11px;
}