@charset "utf-8";





body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000000}

#sus1{ width:1263px; clear:bothl; margin:0 auto; overflow:hidden}

#sus{ width:1000px; clear:bothl; margin:0 auto; overflow:hidden}

a{ outline-style:none; color:#000000; text-decoration:underline}
a:hover{ text-decoration:none}
img{ border:0}
.center{ margin:0 auto}
.clear{ clear:both}

.large{ font-size:18px}

#header{ background:url(../images/headerbg.jpg) repeat-x top; height:180px; width:100%;}
#header #headerimage{ background:url(../images/header.jpg) no-repeat; margin:0 auto; width:906px; height:180px;}
#header #headerimage #contact-detail{ float:right; padding:75px 15px 15px 20px; line-height:17px; background:url(../images/contact-icon.jpg) no-repeat left 75px}

#main{ width:906px; float:left}

#main #leftcol{ width:293px; float:left; border-right:1px solid #f831d5; background:url(../images/left-colbg.jpg) repeat-x top #f9ff00;}

#main #leftcol #nav{ padding:15px 6px 15px 8px; font-size:13px;}
#main #leftcol #nav a{ background:url(../images/navbg.jpg) no-repeat; display:block; width:100%; padding:5px 0 9px 0; text-indent:31px; color:#333333; text-decoration:none; font-weight:bold}
#main #leftcol #nav a:hover{ background:url(../images/navbg1.jpg) no-repeat;}
#main #leftcol #nav span{ background:url(../images/navbg1.jpg) no-repeat; display:block; width:100%; padding:5px 0 9px 0; text-indent:31px; color:#333333; text-decoration:none; font-weight:bold}


.box-container{ width:272px; margin:0 auto; font-size:13px;}
#main #leftcol .box_top{ background:url(../images/curve_top.gif) no-repeat top; height:48px}
#main #leftcol .box_top2{ background:url(../images/curve_top2.gif) no-repeat top; height:11px}
#main #leftcol .box{ background:url(../images/boxbg.jpg) repeat-x #afe40f; padding:10px 13px 0 13px;}
#main #leftcol .box2{ background:url(../images/boxbg2.jpg) repeat-x #afe40f; padding:0 13px 0 13px;}
#main #leftcol .box_bot{ background:url(../images/curve_bot.gif) no-repeat; height:13px;}

#main #leftcol .box_top h1{ font-size:24px; margin:0; font-weight:normal; padding:10px 0 0 15px}



#content .box-container{ width:500px; margin:0 auto; font-size:15px;}
#content .box_top{ background:url(../images/curve_top3.gif) no-repeat top; height:48px}
#content .box_top2{ background:url(../images/curve_top4.gif) no-repeat top; height:10px}
#content .box{ background:url(../images/boxbg.jpg) repeat-x #afe40f; padding:10px 13px 0 13px;}
#content .box2{ background:url(../images/boxbg2.jpg) repeat-x #afe40f; padding:0 13px 0 13px;}
#content .box_bot{ background:url(../images/curve_bot2.gif) no-repeat; height:13px;}
#content .box_top h1{ font-size:24px; margin:0; font-weight:normal; padding:10px 0 0 15px}




#main #content{ width:579px; float:left; background:#ffffff; padding:0 15px; line-height:23px;}

.yellow-box{ float:left; width:134px; height:232px; background:url(../images/banner.jpg) no-repeat; padding:0px 10px; text-align:center; line-height:25px;}


#footer{ background:url(../images/footerbg.jpg) repeat-x top #f832d4; width:100%; height:92px; clear:both; font-size:13px; text-align:center}
#footer a{ color:#000000; text-decoration:none; margin:0 10px}
#footer a:hover{ text-decoration:underline;}

.blank{ clear:both; width:100%; height:15px;}

ul{ margin:0; padding:5px 25px}
ul li{ margin:0; padding:5px 0px}

.link1{ color:#000099;}
.link1:hover{ color:#e200ba;}

form{ margin:0; padding:0}

.input1{ margin:3px 0; padding:2px; border:1px solid #cccccc; width:230px; height:17px; color:#666666}
.input2{ margin:3px 0; padding:2px; border:1px solid #cccccc; width:230px; height:77px; color:#666666}




.sides1{ float:left; width:178px; overflow:hidden}

.sides{ float:left; width:46px; overflow:hidden}