/* CSS Document */
*, body
{
margin:0px;
padding:0px;
}

body
{
background:#F9F9F9 url(../images/bg.jpg) repeat-x;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
}

#container
{
padding-top:10px;
margin:0 auto;
width:985px;
}
#header
{
width:960px;
float:left;
padding:0px 12px;
}
#header span
{
margin-top:10px;
float:left;
}
#header div
{
float:right;
width:300px;
height:35px;
}
#header div .bg
{
background:url(../images/top-bg.png) repeat-x;
float:left;
height:35px;
width:212px;
padding-top:10px;
text-align:center;

}
#header div .bg a
{
padding:0px 8px;
color:#fff;
text-decoration:none;
margin-top:10px;
border-left:1px solid #FFFFFF;
}
#header div .bg a:hover
{
text-decoration:underline
}

/*menu start*/
#menu
{
width:860px;
float:left;
padding-top:11px;
text-align:center;
padding-left:100px;
}
#menu ul
{
list-style:none;
margin:0 auto;
}
#menu ul li
{
display:inline;
font-size:10pt;
}
#menu ul li a
{
float:left;
padding:10px 15px 12px 25px;
font-weight:bold;
text-decoration:none;
margin:0px 0px 0px 5px;
color:#fff;
}
#menu ul li a:hover
{
background:url(../images/menu-left.png) left no-repeat;
}
/*menu End*/

/*box start*/
#box1
{
width:960px;
height:324px;
float:left;
padding:0px 12px;
padding-top:20px;
}
#box1 .box2
{
width:208px;
padding:10px 16px;
height:304px;
background:url(../images/box.jpg) no-repeat;
text-align:center;
float:left;
}
#box1 h1
{
font-size:12pt;
color:#669900;
padding-bottom:20px;
}
#box1 p
{
padding-bottom:30px;
}
/*box end*/

/*bottom start*/
#left
{
width:225px;
float:left;
margin-top:10px;
}
#left span
{
float:left;
padding-bottom:25px;
width:225px;
padding-top:5px;
background:url(../images/bg-left.png) right top no-repeat;
}
#mid
{
background:url(../images/bubble.png) no-repeat; height:140px; width:185px; float:left; padding:45px 20px 10px 20px;
}
#mid p
{ text-align:center;
}
#mid h3
{
margin-top:90px;
padding-left:30px;
color:#003399
}
#left span ul
{
list-style:none;
margin-top:10px;
margin-left:20px;
}
#left span ul li
{
background:url(../images/li.jpg) left no-repeat;
font-size:11px;
line-height:25px;
padding-left:20px;
}
#left span ul li a
{
color:#666666;
}
#left span .inputWidth
{
font-size:12px;
color:#666666;
width:180px;
}
#left span .inputWidth2
{
font-size:12px;
color:#666666;
}















#right
{
width:230px;
float:left;
margin-top:10px;
}
#right span
{
float:left;
padding-bottom:25px;
width:220px;
padding-top:15px;
padding-left:5px;
background:url(../images/bg-right.png) left top no-repeat;
}
#right span p strong
{
font-size:9pt;
line-height:18px;
color:#333333;
}
#right span p
{
font-size:9pt;
line-height:18px;
margin-left:10px;
color:#333333;
}
#right span ul
{
list-style:none;
margin-top:10px;
margin-left:20px;
}
#right span ul li
{
background:url(../images/li.jpg) left no-repeat;
font-size:11px;
line-height:25px;
padding-left:20px;
}
#right span ul li a
{
color:#666666;
}

/*bottom End*/

/*para*/
#para
{
width:530px; float:left; background:url(../images/heading-bg.jpg) no-repeat; margin-top:20px;
}
#para h1
{
color:#0033cc;
font-family:"Times New Roman", Times, serif;
padding:10px;
font-size:16pt;

}
#para p
{
padding:10px;
font-size:9pt;
line-height:18px;

}
#footer
{
margin:0 auto;
width:1000px;
background:#66CCFF;
}
#footer ul
{
width:180px;
padding-left:17px;
list-style:none;
margin:0px;
background:#E6E6E6;
line-height:24px;
float:left;
}
#footer a
{
color:#000000;
text-decoration:none;
display:block;
border-bottom:1px dashed #CCCCCC;
}
#footer a:hover
{
background:#CCCCCC;
}
