﻿/* CSS Basic Document */
body
{
margin:0px;
padding:0px;
background: url(../images/body-bg.gif) left top repeat-x #BDD031;
}
#ofcourse {

	position: absolute;

	left: 0;

	top: 0;

	width: 120px;

	height: 120px;

	display:block;

}

.right
{
float:right;
}
.left
{
float:left;
}
p
{
margin:6px 0px;
text-align:justify;
}
* {
	margin:0;
	padding:0;
}
.container
{
margin:0px auto;
text-align:center;
width:100%;
height:auto;
}
.header-main
{
width:100%;
height:210px;
background:url(../images/inner-header-bg.gif) left top repeat-x;
text-align:center;
}
.header
{
width:1024px;
height:210px;
text-align:center;
background:url(../images/header-bg.jpg) left top no-repeat;
margin:0px auto;
padding:0px;
}
.header-top
{
width:1024px;
height:174px;
background:url(../images/header-right-bg.gif) right top no-repeat;
margin:0px auto;
}
.logo-box
{
width:300px;
height:174px;
float:left;
text-align:left;
}
.header-right
{
width:396px;
height:174px;
float:right;
text-align:left;
}
.menu-box
{
width:1024px;
height:36px;
clear:both;
text-align:left;
margin:0px auto;
}
.logo
{
margin-top:6px;
margin-left:51px;
}
.site-name
{
width:356px;
height:32px;
text-align:center;
float:left;
padding-top:8px;
}
.header-slogan
{
width:354px;
height:auto;
padding-top:42px;
text-align:right;
color:#58BCEB;
font-size:16px;
line-height:20px;
float:left;
font-weight:bold;
}
/* CSS Menu */
#navcontainer {
        margin:0px;
        padding-left: 5px;
        height: 36px;
		width:1019px;
		float:left;
		}

#navcontainer ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
}

#navcontainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0px;
        margin: 0px;
		height:36px;
}

#navcontainer ul li a {
        width:auto;
        height: 29px;
        padding: 6px 16px 0px 16px;
        margin: 0px;
        color: #FFF;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 13px/30px Verdana, Arial, Helvetica, sans-serif;
}

#navcontainer ul li a:hover {
        color:#ffff00;
		height:30px;
		padding: 6px 16px 0px 16px;
}

#navcontainer li.active a {
        color: #FFF;
        background: url(../images/menu-bg-active.gif) left top repeat-x;
		border-left:2px solid #2B99CC;
		border-right:2px solid #2B99CC;
		height:30px;
		padding: 6px 16px 0px 16px;
}
-->
/* CSS Sub Menu */
.subnav {
        margin:0px;
        padding-top: 39px;
        height: 27px;
		width:364px;
		float:left;
		}

.subnav ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
}

.subnav ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0px;
        margin: 0px;
		height:27px;
}

.subnav ul li a {
        width:112px;
        height: 26px;
        padding:0px;
        margin-right: 6px;
        color: #6B7426;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 10px/27px Verdana, Arial, Helvetica, sans-serif;
		border-left:1px solid #006699;
		border-top:1px solid #006699;
		border-right:1px solid #006699;
		background-color:#F9F8E5;
}

.subnav ul li a:hover {
		width:112px;
        height: 26px;
        padding:0px;
        margin-right: 6px;
        color: #C1D824;
		border-left:1px solid #006699;
		border-top:1px solid #006699;
		border-right:1px solid #006699;
		background-color:#F9F8E5;
}

.subnav li.active a {
		width:112px;
        height: 26px;
        padding:0px;
        margin-right: 6px;
        color: #C1D824;
		border-left:1px solid #006699;
		border-top:1px solid #006699;
		border-right:1px solid #006699;
		background-color:#F9F8E5;
}
-->
.body-main-outer
{
width:100%;
height:auto;
text-align:center;
background: url(../images/inner-body-bg.jpg) left top repeat-x #F9F8E5;
float:left;
}
.body-main
{
width:1024px;
height:auto;
text-align:center;
margin:0px auto;
padding:0px;
}
.body-box
{
width:1024px;
height:auto;
float:left;
text-align:left;
margin:0px auto;
}
.inner-body-main
{
width:1024px;
height:auto;
text-align:center;
background:url(../images/inner-body-bg.jpg) left top repeat-x #F9F8E5;
margin:0px auto;
clear:both;
}
.welcome-box
{
width:1002px;
height:259px;
clear:both;
text-align:left;
color:#F9F8E5;
padding-left:22px;
background:url(../images/welcome-image.jpg) right top no-repeat;
}
.body-left
{
width:480px;
height:259px;
float: left;
text-align:left;
}

.body-right
{
background-image:url(../images/background-services.png);
width:630px;
height:318px;
float:right;
text-align:left;
margin-right:26px;
}

.service-box-frontpage
{
	width:190px;
	float:left;
	color:#FFF;
	margin-right:10px;
	margin-left:10px;
	margin-top:60px;
}

.service-box-frontpage li
{
	margin-left:13px;
	margin-bottom:5px;
}

.service-box-frontpage a
{
	color:#FFF;
	text-decoration:none;
}

.service-box-frontpage a:hover
{
	color:#FFF;
	text-decoration:underline;
}

.body-right-title
{
width:466px;
height:83px;
text-align:center;
}
.body-right-box
{
width:466px;
height:auto;
float:left;
text-align:left;
}
.service-left-box
{
width:210px;
height:auto;
float:left;
text-align:left;
}
.service-right-box
{
width:210px;
height:auto;
float:right;
text-align:left;
}
.service-left
{
width:170px;
height:110px;
float:left;
text-align: left;
padding:20px;
background:url(../images/service-box-bg.gif) left top no-repeat;
}
.service-right
{
width:170px;
height:110px;
float:right;
text-align:left;
padding:20px;
background:url(../images/service-box-bg.gif) left top no-repeat;
}
.welocome-title
{
width:450px;
padding:20px 30px 20px 0px;
height:30px;
float:left;
text-align:left;
}
.welcome-text
{
width:450px;
height:auto;
float:left;
text-align:left;
padding-left:10px;
}

.welcome-text-more2
{
width:220px;
height:auto;
float:left;
text-align:left;
padding-left:5px;
padding-right:5px;
}

.welcome-text-more
{
width:220px;
height:auto;
float:left;
text-align:left;
padding-left:5px;
padding-right:5px;
}


.body-bottom-left
{
width:300px;
height:232px;
float: left;
text-align:left;
margin-left:24px;
background:url(../images/body-bottom-bg.jpg) left top no-repeat;
/*background:url(../images/body-bottom-bg.jpg) left top no-repeat;*/
background-color:#9C0;
padding-left:40px;
padding-top:55px;
font-size:18px;
color:#FFF;
line-height:22px;
}
.footer-main
{
width:100%;
height:101px;
border-top:1px solid #6B7426;
margin:0px;
padding:0px;
}
.footer
{
width:1000px;
height:89px;
text-align:left;
margin:0px auto;
padding-left:24px;
color:#3399CC;
padding-top:10px;
clear:left;
}

.footer-left
{
width:600px;
height:89px;
text-align:left;
margin:0px auto;
padding-left:24px;
color:#3399CC;
padding-top:10px;
float:left;
}

.footer-right
{
width:300px;
height:89px;
text-align:right;
margin:0px auto;
padding-left:24px;
color:#3399CC;
padding-top:10px;
float:right;
}

.inner-body-top
{
width:1024px;
height:66px;
text-align:center;
margin:0px auto;
}
.inner-body-left
{
width:571px;
height:auto;
float:left;
text-align:left;
padding:0px 24px;
}
.inner-body-right
{
width:364px;
height:auto;
float:right;
text-align:left;
}
.inner-image-th
{
padding:6px;
border:1px solid #6B7426;
margin-left:0px;
margin-top:30px;
margin-bottom:55px;
}
.inner-body-comment
{
width:526px;
height:auto;
float:left;
text-align:left;
background:url(../images/comment-left.gif) left top no-repeat;
padding-left:45px;
margin-top:20px;
margin-bottom:20px;
color:#A7B92C;
text-decoration:none;
padding-top:20px;
}
.inner-left-content-box
{
width:570px;
height:auto;
float:left;
text-align:left;
}
/* CSS Text Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #6B7426;
	text-decoration: none;
}
.footer-link
{
color:#3399CC;
text-decoration:none;
}

.plain-link
{
color: #58BCEB;
text-decoration: none;
}

.footer-link:hover
{
color:#FFF;
text-decoration:underline;
}

#site.siteMap { padding: 10px 5px 5px 15px; }

#site.siteMap ul { padding: 12px 5px 5px 30px; }

#site.siteMap li { padding: 5px 0 5px 0; }

#site.siteMap a { padding: 2px 26px; text-decoration: none; border-bottom: 0;}

#site.siteMap a:hover { text-decoration: underline; }

h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 30px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F9F8E5;
	text-decoration: none;
	margin:0px;
	padding:0px;
	}
h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	margin:0px;
	padding:0px;
	}
h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 22px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #58BCEB;
	text-decoration: none;
	margin:0px;
	padding:0px;
	}

.questions {color: #58BCEB}
