BODY
{
    font: 14px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    color: #333;
	margin:0px
}
IMG
{
	border:0px
}
A:link
{
    color: #999;
    text-decoration: none
}
A:visited
{
    color: #999;
    text-decoration: none
}
A:hover
{
    color: #5ab96e;
    text-decoration: underline
}
A:active
{
    color: #5ab96e;
    text-decoration: underline
}
#headermain
{
	background-image:url(images/sky.gif);
	height:320px
}
#headertop
{
    width:100%;
    background-image: url(images/bg-header.gif);
    float:left
}
#innertop
{
    margin:auto;
    width: 960px;
    height: 70px
}
#headerNav{
	float:right;
}
#headerNav UL
{
    MARGIN: 10px;
    BOTTOM: -10px;
    RIGHT: 0px
}
#headerNav LI
{
    LIST-STYLE-TYPE: none;
    DISPLAY: inline;
    FLOAT: left;
    MARGIN-LEFT: 10px
}
#headerNav LI A
{
    TEXT-ALIGN: center;
    LINE-HEIGHT: 40px;
    WIDTH: 80px;
    DISPLAY: block;
    FLOAT: left;
    HEIGHT: 55px;
    MARGIN-LEFT: 2px;
    FONT-SIZE: 16px
}
#headerNav LI A:link
{
    COLOR: #FFF
}
#headerNav LI A:visited
{
    COLOR: #FFF
}
#headerNav LI A:hover
{
    BACKGROUND: url(images/top-buttons.png) no-repeat center -55px;
    COLOR: #5B8DBD;
    TEXT-DECORATION: none
}
#headerNav LI.active A:hover
{
    BACKGROUND: url(images/top-buttons.png) no-repeat center -55px;
    COLOR: #5B8DBD;
    TEXT-DECORATION: none
}
#headerNav LI.active A
{
    BACKGROUND: url(images/top-buttons.png) no-repeat center 0px;
    COLOR: #fff
}
#headerbottom
{
    margin:auto;
	width:960px
}
#headerbottom .left
{
    float:left; 
	width:400px
}
#headerbottom .right
{
    float:right; 
	width:500px;
	padding:5px 4px 4px 4px;
}
#headerbottom H1
{
	margin-top:40px;
	COLOR: #5B8DBD;
	font-style:italic;
	font-size:30px;
	line-height:40px
}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
#bodymain
{
	background-image:url(images/bg-body.gif);
}
#bodymain .bodycontainer{
	width:960px; 
	margin:auto;
	clear:both
}
#bodymain .bodyleft{
	width:260px; 
	float:left; 
	margin:0 10px 0 0; 
	padding:70px 0;
	height:400px;
	background:url(images/note.png) no-repeat;
}
#bodymain .bodyleft ul { padding:10px 20px; margin:0; list-style:none;}
#bodymain .bodyleft  ul li { margin:0; padding:3px 0 3px 0px;width:220px;}
#bodymain .bodyleft LI A
{
    font-size:18px;
}
#bodymain .bodyleft LI A:link
{
    COLOR: #5B8DBD
}
#bodymain .bodyleft LI A:visited
{
    COLOR: #5B8DBD
}
#bodymain .bodyleft LI A:hover
{
    COLOR: #5B8DBD;
    TEXT-DECORATION: none;
	background: url(images/ring.png) no-repeat -10px;
}
#bodymain .bodyright{
	width:680px; 
	float:left; 
	margin:0 10px 0 0; 
	padding:10px 0;
	line-height:25px
}
.box {}
.box .left { float:left; width:130px;height:130px; margin:0 5px;background: url(images/box.gif) no-repeat;padding:10px}
.box .center { float:left; width:130px;height:130px; margin:0 5px;background: url(images/box.gif) no-repeat;padding:10px}
.box .right { float:left; width:130px;height:130px; margin:0 5px;background: url(images/box.gif) no-repeat;padding:10px}
.box .heading{color: #ebb82e;text-align:center; font-size:22px;font-weight:bold;width:120px}
.box .info{color: #5B8DBD;font-size:12px;width:120px;line-height:18px;padding-top:5px;padding-left:10px; height:55px}
.box .click{color: #5B8DBD;font-size:12px;width:120px;line-height:0px;padding-left:10px;}

/********** footer **********/
.footer { background:#0033CC; background-image:url(images/bg-header.gif); padding:10px 0;}
.footer p { color:#FFF; font:bold 11px; text-align:center; padding:0;}
.footer a { color:#FFF; font:bold 11px;}

#repeat h2 {30px; color:#3a3c3c; padding:10px 0 5px 0px; margin:0;}
#repeat .desc { background:#EFF3FC; padding-top:15px;background:url(images/desc.png) no-repeat;height:250px}
#repeat .desc img { float:left; margin:20px; padding:0;border:#FFFFFF solid 2px}
#repeat .link{background-color:#FFFFFF;padding-left:5px}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 110px;}
#contactform label { margin:0; width:160px; display:block; padding:10px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#222222; text-transform:capitalize; float:left;}
#contactform label span { color:#ff0000;}
#contactform input.text { width:440px; border:1px solid #999999; margin:10px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left;}
#contactform textarea { width:440px; border:1px solid #999999; margin:10px 0; padding:2px; background:#f5f5f5; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#ff0000; font:12px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}


#links{margin-top:130px;text-align:center;font-size:16px;font-weight:bold}
#links .link1 {padding-top:10px;padding-bottom:10px;border-bottom:dotted #999999 1px}
#links .link2 {padding-top:10px;padding-bottom:10px;border-bottom:dotted #999999 1px;border-top:dotted #999999 1px}
#links A:link
{
    color: #999;
    text-decoration: none
}
#links A:visited
{
    color: #999;
    text-decoration: none
}
#links A:hover
{
    color: #5B8DBD;
    text-decoration: underline
}
#links A:active
{
    color: #5B8DBD;
    text-decoration: underline
}