/* CSS Document */

 html, body {
margin: 0 auto;
 height:100%;
 background:url(image/bg.jpg) repeat-x;
  background-color:#2F2F2F;
  font-family:Trebuchet MS, Tahoma,  Helvetica, sans-serif;
  font-size:12px; text-align:justify;
  text-decoration:none;
}



#maindiv{
width:958px; 
margin:0 auto;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
}

#headerpanel{ 
width:100%;

}

#middlepanel{

 background:url(image/middlepanelbg.jpg) repeat-y; 
 width:958px;
 margin-bottom:5px;

}

#middlepanel #middle-centerpanel{
width:907px;
margin:0 auto;
padding-top:10px; padding-bottom:10px;
}

#middlepanel #leftpanel{
width:205px;
margin-right:10px;
float:left; 	

}

#middlepanel #rightpanel{
width:100%;
}

#grayboxpanel{
width:100%; margin-bottom:10px; padding-left:3px; clear:both;
}

#grayboxpanel .boxpanel{
width:298px; margin-right:4px; float:left;
}

#grayboxpanel .leftimg{
background:url(image/graybox-left.jpg) no-repeat; width:6px; height:177px;
float:left;
}

#grayboxpanel .centerimg{
background:url(image/graybox-center.jpg) repeat-x; width:286px; height:177px;
float:left;
}

#grayboxpanel .rightimg{
background:url(image/graybox-right.jpg) no-repeat; width:6px; height:177px;
float:right;
}

#grayboxpanel .contentpanel{ 
width:285px; padding-top:10px;
}

#grayboxpanel .textpanel{
margin-top:5px; height:110px;

}

#footerpanel{
width:100%; 
background:url(image/footerbg.jpg) repeat-x;
height:83px;
clear:both;
}


#topwhitebg{
background:url(image/topwhitebg.jpg) repeat-x;
 height:89px;
 width:100%;
 
}

#topwhitebg .contentpanel{
 width:920px;  margin-left:15px; padding-top:30px;
 
}

.logo{ 
background:url(image/logo2.jpg) no-repeat; 
width:400px; height:32px;

}

#topmenupanel{
 background:#3A3A3A;
 height:30px;
  width:100%; 
 
  }
  
  /* TOP MENU */

.top-menu{
font-size:12px;
color:#FFFFFF;
float:left;
font-weight:bold;
background:url(image/menu-line.jpg) no-repeat right;
line-height:30px;
padding-left:18px;
padding-right:18px;
text-decoration:none;
}

.top-menu:hover{
background:#4B4B4B;
}

.menu-selected{
font-size:12px;
color:#FFFFFF;
float:left;
font-weight:bold;
background:#4B4B4B;
line-height:30px;
padding-left:18px;
padding-right:18px;
text-decoration:none;
}


/* TOP MENU END */
  

#bannerpanel{
 background:url(image/banner2.jpg) no-repeat; 
width:958px;
 height:223px;
 
 }

.geadientline{
 background:url(image/geadientline.jpg) repeat-x;
  width:100%; 
 height:8px;  font-size:0px; 

}

#graybar-panel{
width:100%;
}

#graybar-panel .graybar-topimg{
background:url(image/right-top-img.jpg) no-repeat; width:204px; height:26px; text-align:center; line-height:25px;
}

#graybar-panel .graybar-center{
background:#F4F4F4; padding:8px;
}

.graybarleft{
 background:url(image/graybar-left.jpg) no-repeat; width:5px; height:26px; float:left;
}

.graybarcenter{
 background:url(image/graybar-center.jpg) repeat-x; width:194px; height:26px; float:left;
}


.graybarright{
 background:url(image/graybar-right.jpg) no-repeat; width:5px; height:26px; float:left;
}

.graybar-text{
font-family:Arial, Verdana,  Helvetica, sans-serif;
color:#666666;
font-size:14px;
font-weight:bold;
text-decoration:none;
line-height:25px; text-align:center;
}

.contentpanel{
width:100%;
}

/* TEXT CSS */

.graytext-bs19{
font-family:Arial, Verdana,  Helvetica, sans-serif;
color:#666666;
font-size:19px;
font-weight:bold;
text-decoration:none;
}

.graytext-ns19{
font-family:Arial, Verdana,  Helvetica, sans-serif;
color:#666666;
font-size:19px;
font-weight:normal;
text-decoration:none;
}


.graytext-ns12{
font-family:Arial, Verdana,  Helvetica, sans-serif;
color:#666666;
font-size:12px;
font-weight:normal;
text-decoration:none;
}

.graytext-Bs12{
font-family:Arial, Verdana,  Helvetica, sans-serif;
color:#666666;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

.graytext-bs23{
font-family:Arial, Verdana,  Helvetica, sans-serif;
color:#666666;
font-size:23px;
font-weight:bold;
text-decoration:none;
}

.graytext-ns18{
font-family:Arial, Verdana,  Helvetica, sans-serif;
color:#666666;
font-size:18px;
font-weight:normal;
text-decoration:none;
}

.blue-text{

font-family:Arial, Verdana,  Helvetica, sans-serif;
color:#288DBB;
font-size:12px;
font-weight:normal;
text-decoration:underline;

}

.blue-text:hover {

font-family:Arial, Verdana,  Helvetica, sans-serif;
color:#288DBB;
font-size:12px;
font-weight:normal;
text-decoration:none;

}

/* TEXT CSS END */

.linedot{
background:url(image/linedot.jpg) repeat-x; width:100%; height:2px;
margin-top:5px; margin-bottom:5px; font-size:0px;

}

.morebtn{
background:url(image/morebtn.png) no-repeat; width:67px; height:18px;
cursor:pointer;
}



.clear{ clear:both;}


/* BOX CSS */
div.box { overflow:hidden} /* IE font-size fix */

/* TOP */	
div.box.head div.box.right {background-image:url(image/box-top-right.jpg); background-position: top right; background-repeat: no-repeat; height:7px;	}	
div.box.head div.box.left {	background-image:url(image/box-top-left.jpg); background-position: top left; background-repeat: no-repeat; height:7px;	}	
div.box.head div.box.center {background-image:url(image/box-top-center.jpg); height:7px;  margin-left: 7px; margin-right: 7px; 	}


/* MIDDLE */
div.box.body div.box.right {background-image:url(image/box-middle-right.jpg); background-position: right; background-repeat: repeat-y;	}
div.box.body div.box.left {	background-image:url(image/box-middle-left.jpg); background-position: left; background-repeat: repeat-y;	}	
div.box.body div.box.center {	background:#FFFFFF; margin-left: 7px; margin-right: 7px; padding:10px;	}



/* BOTTOM */	
div.box.bottom div.box.right {background-image:url(image/box-bottom-right.jpg); background-position: right bottom; background-repeat: no-repeat; height:7px;	}
div.box.bottom div.box.left {background-image:url(image/box-bottom-left.jpg); background-position: left bottom; background-repeat: no-repeat; height:7px; 	}	
div.box.bottom  div.box.center {background-image:url(image/box-bottom-center.jpg); margin-left: 7px; margin-right: 7px; height:7px; 	}