/* CSS Document */
body {
margin:0;
padding:0;
background:url(../images/bg_body.jpg) left top repeat-x;
background-color:#FFFFFF;
}
#main-container {
width:1000px;
height:auto;
margin:auto;
}
#container{
float:left;
width:1000px;
height:auto;
background-color:#FFFFFF;
}
#logobar {
float:left;
width:1000px;
height:auto;
}
#logobox {
float:left;
width:199px;
height:auto;
padding:17px 20px 0 12px;
}
#toplink {
float:right;
width:756px;
height:auto;
margin:5px 12px 0 0;
padding:0;
}
#toplink-box {
float:right;
width:auto;
height:22px;
margin:0 0 12px 0;
text-align:right;
}
#navbar {
clear:both;
float:right;
width:756px;
height:auto;
padding:0;
margin:0;
background:url(../images/nav_bg.gif) repeat-x;
}
#navbar #navleft {
float:left;
width:8px;
height:auto;
}
#navbar #navrght {
float:right;
width:8px;
height:auto;
}
#navbar #navmid {
float:left;
width:740px;
height:29px;
}
#bannerhome {
width:1000px;
height:auto;
float:left;
text-align:center;
}
#bodybar {
width:1000px;
height:auto;
float:left;
background:url(../images/shadow_bodycontent.gif) repeat-y;
}
#shadowleft {
width:12px;
height:auto;
float:left;
}
#shadowrght {
width:12px;
height:auto;
float:right;
}
#shadowbtm {
width:1000px;
height:13px;
float:left;
}
#shadowtop {
width:1000px;
height:8px;
float:left;
}
#content-body {
width:976px;
height:auto;
float:left;
}
#content-body #sidebox-left{
width:715px;
height:auto;
float:left;
margin:12px 20px 20px 20px;
padding:0;
}
#sidebox-left h1{
margin:0;
padding:0;
font:normal 24px "Arial Narrow", "Arial Rounded MT Bold";
color:#CC3300;
}
#sidebox-left p{
font:normal 11px Verdana;
color:#555555;
text-align:justify;
line-height:16px;
}
#content-body #sidebox-right{
width:200px;
height:auto;
float:right;
margin:12px 20px 20px 0;
padding:0;
}
#sidebox-right ul{
list-style:none;
padding:0 0 10px 0;
margin:0 0 5px 0;
border-bottom:1px solid #CCCCCC;
}
#sidebox-right ul li{
background:url(../images/bullet.gif) 0 8px no-repeat;
padding:2px 11px 1px 14px;
font:normal 11px Arial;
color:#333333;
text-decoration:none;
list-style:none;
line-height:18px;
}
#sidebox-right ul li a{
color:#003066;
text-decoration:none;
}
#sidebox-right ul a:hover{
color:#003066;
text-decoration:underline;
}
#sidebox-right h3{
width:200px;
font:lighter 18px "Arial Narrow", "Arial Rounded MT Bold";
color:#766A02;
margin:0;
padding:0;
}
#sidebox-right p{
font:normal 11px Arial;
font-size:11px;
color:#003066;
text-align:justify;
padding:5px 0 10px 0;
margin:0 0 5px 0;
border-bottom:1px solid #CCCCCC;
}
#sidebox-right a {
display:block;
text-decoration:none;
}
#sidebox-right a:hover{
text-decoration:underline;
color:#003066;
}
#bottombox {
float:left;
width:940px;
height:auto;
margin:0 20px 0 20px;
}
#bottombox h2{
float:left;
width:220px;
height:auto;
padding:10px 5px 5px 10px;
margin:0;
font:normal 16px "Arial Narrow", "Arial Rounded MT Bold";
color:#C10435;
background:url(../images/bg_btmbox.gif) left top no-repeat;
}
#bottombox p{
width:205px;
height:auto;
padding:5px 0 10px 0;
margin:0;
font:normal 11px Verdana;
color:#000000;
text-align:justify;
}
#bottombox a{
font:normal 11px Verdana;
color:#0427FC;
text-decoration:underline;
}
#bottombox a:hover{
color:#ADB5E4;
text-decoration:none;
}
#footer {
width:980px;
height:20px;
float:left;
text-align:right;
font:normal 10px Arial;
color:#6F6E6E;
padding:5px 20px 0 0;
margin:0;
}


/*------subPages------*/

#root-link {
float:left;
width:966px;
height:28px;
margin:2px 12px 0 12px;
font: normal 11px Arial;
color: #333333;
padding:5px 0 0 10px;
background:url(../images/bg_rootlink.jpg) left top repeat-x;
}
#root-link a {
color: #3063A5;
font:bold 11px Arial;
text-decoration: none;
}
#root-link a:hover {
color: #333333;
text-decoration: underline;
}
#banner-sub {
width:976px;
height:100px;
float:left;
margin:3px 12px 3px 12px;
background-color:#000000;
}
#banner-sub01 {
width:678px;
height:100px;
float:right;
background:url(../images/banner/website_designer_developer_banner01.gif) right top no-repeat;
}
#banner-sub01 h1 {
margin:45px 55px 0 0;
padding: 0 10px 0 10px;
float: right;
font:normal 30px "Arial Narrow", "Arial Rounded MT Bold";
color:#FFFFFF;
}
#banner-sub01 h3 {
margin:45px 55px 0 0;
padding: 0 10px 0 10px;
float: right;
font:normal 24px "Arial Narrow", "Arial Rounded MT Bold";
color:#FFFFFF;
}
#banner-sub01 h2 {
width:403px;
margin: 0;
padding: 10px;
text-align:justify;
float: left;
margin-top: 25px;
padding-right: 55px;
font:normal 12px Arial;
color:#FFFFFF;
}
#banner-sub02 {
width:298px;
height:100px;
float:left;
}
#content-body #sub-sidebox-left{
width:512px;
height:auto;
float:left;
margin:12px 20px 20px 20px;
padding:0;
}
#sub-sidebox-left p{
font:normal 11px Verdana;
color:#555555;
text-align:justify;
line-height:16px;
margin:0 0 15px 0;
padding:0;
}
#sub-sidebox-left ul{
font:normal 11px Verdana;
color:#555555;
text-align:justify;
line-height:16px;
margin:0 0 0 40px;
padding:0;
list-style:none;
list-style-type:circle;
}
#content-body #sub-sidebox-left01{
width:200px;
height:auto;
float:left;
margin:12px 0 20px 12px;
padding:0;
}
#sub-sidebox-left01 ul{
list-style:none;
padding:0 0 10px 0;
margin:0 0 5px 0;
}
#sub-sidebox-left01 ul li{
background:url(../images/bullet.gif) 0 8px no-repeat;
padding:2px 0 1px 14px;
font:normal 11px Arial;
color:#333333;
text-decoration:none;
list-style:none;
line-height:18px;
}
#sub-sidebox-left01 ul li a{
color:#003066;
text-decoration:none;
}
#sub-sidebox-left01 ul a:hover{
color:#003066;
text-decoration:underline;
}
#sub-sidebox-left01 h3{
width:200px;
font:lighter 18px "Arial Narrow", "Arial Rounded MT Bold";
color:#CC3300;
margin:0;
padding:10px 0 0 0;
background:url(../images/bg_btmbox.gif) right top no-repeat;
}
#sub-sidebox-left01 p{
font:normal 11px Arial;
font-size:11px;
color:#003066;
text-align:justify;
padding:5px 0 10px 0;
margin:0 0 5px 0;
line-height:16px;
}
#sub-sidebox-left01 a {
display:block;
text-decoration:none;
}
#sub-sidebox-left01 a:hover{
text-decoration:underline;
color:#003066;
}
#content-body #sub-sidebox-right{
width:200px;
height:auto;
float:right;
margin:12px 12px 0 0;
padding:0;
}
#sub-sidebox-right h3{
width:190px;
font:lighter 18px "Arial Narrow", "Arial Rounded MT Bold";
color:#766A02;
margin:0;
padding:0;
padding:10px 0 0 10px;
background:url(../images/bg_btmbox01.gif) left top no-repeat;
}
#sub-sidebox-right p{
font:normal 11px Arial;
font-size:11px;
color:#003066;
text-align:justify;
padding:5px 0 10px 10px;
margin:0 0 5px 0;
line-height:16px;
}
#sub-sidebox-right a {
display:block;
text-decoration:none;
}
#sub-sidebox-right a:hover{
text-decoration:underline;
color:#003066;
}


.head01 {
font:bold 13px Arial;
color:#0066CC;
}
.head02 {
font:bold 13px Arial;
color:#F75900;
}
.link01 {
font:bold 11px Verdana;
color:#6699FF;
text-decoration:none;
}
.link01:hover {
color:#0000EE;
text-decoration:underline;
}
.cell_map {
height:28px;
}
.sitemap {
display:block;
height:21px;
background:#CC0000;
text-align:center;
text-decoration:none;
font-family:arial;
font-size:12px;
font-weight: bold;
color:#FFFFFF;
padding-top: 7px;
}
.sitemap:hover {
background:#008CF3;
color:#FFFFFF;
}
.sitemap1 {
display:block;
background:#F96868;
text-align:left;
text-decoration:none;
font-family:arial;
font-size:11px;
font-weight: bold;
color:#FFFFFF;
padding: 7px 0;
padding-left: 15px;
}
.sitemap1:hover {
background:#008CF3;
color:#FFFFFF;
}
.greytxt {
	font-family: Verdana;
	font-size: 9px;
	color: #666666;
}
.frmtxt{	
	font-family: Verdana;
	font-size:11px;
	color:#333333;
}
.asterisk{	
	font-family: Verdana;
	font-size:11px;
	color:#FF0000;
}
.input2{	
	font-family: Verdana;
	font-size:11px;
	color:#2B7AF8;
	border:1px solid #A5BEDA;
	background:#E8EEF6;
	padding:1px;
}
.submbut{	
	font-family: Verdana;
	font-size:11px;
	color:#F3F3F3;
	border:1px solid #E54C04;
	background:#E54C04;
	padding:2px;
}