
body{
padding:0;
margin: 0;
background: #eeeeee;
}
.style{
height: 100%;
font-family: arial;
color: #000000;
font-size: 12pt;
font-weight: normal;
}

.index{
width: 980px;
float: left;
background: #ffffff;
border: #cccccc solid 1px;
font-size: 11pt;
font-weight: normal;
}

.idxpgtitle{
	float: left;
	padding-top: 4px;
	font-weight: bold;
	font-size: 12pt;
}

.idxmain{
	padding-top: 10px;
}

.idxhead{
	height: 80px;
	width: 100%;
}

#header a{
font-size: 15pt;
color: #333333;
font-weight: bold;
}

#header a:hover{
	text-decoration: none;
	color: #333333;
}

.header{
width: 982px;
background-color: #ccddee;
font-size: 13pt;
height: 110px;
}

.headerwrap{
	margin-top: 30px;
	float: left;
	width: 317px;
	height: 70px;
}

.headertext{
float: left;
width: 180px;
padding-top: 4px;
}

.headericon{
	padding-right: 10px;
	padding-left: 20px;
	float:left;
}

.bannerpic{
	float: left;
}

.menu{
height: 30px;
width: 982px;
background-image:url('images/menubg.jpg');
background-repeat:repeat-x;
}

.menulink{
float: left;
height: 30px;
padding-left: 29px;
padding-right: 29px;
border-right: 1px solid #333366;
font-weight: bold;
}

#menu a{
	font: bold 11pt arial;
	color: #dddddd;
}

.menulinkend{
float: left;
height: 30px;
padding-left: 29px;
padding-right: 29px;
font-weight: bold;
}

.menutext{
margin-top: 7px;
}

.main{
width: 670px;
float: left;
margin-top:20px;
background: #ffffff;
padding-left: 40px;
}

.mainwrap{
	padding-top: 20px;
	padding-bottom: 15px;
}

.mainintro{
}

.mainintrotitle{
	font-size: 15pt;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
	color: #333366;
}

.servwrap{
	
}

.servsubwrap{
	float: left;
	padding-right: 10px;
}

.servbox{
width: 210px;
background: #fafafa;
float: left;
height: 280px;
border: 1px solid #dddddd;
}

.servpic{
	height: 105px;
	width: 210px;
}

.servtitle{
font-weight: bold;
font-size: 12pt;
width: 210px;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
background: #6699aa;
}

.servdetail{
	padding: 10px;
	font-size: 10pt;
}

.side{
width: 220px;
float: left;
margin-top: 20px;
margin-bottom: 10px;
height: 570px;
padding-left: 20px;
}

.sidebar{
	border: 1px solid #dddddd;
	margin-bottom: 10px;
	background-color: #fafafa;
}

.sidebartitle{
	color: #333366;
	padding-top: 4px;
	padding-bottom: 5px;
	font-weight: bold;
	text-align: center;
	font-size: 11pt;
	border-bottom: 2px solid #6699aa;
	background: #eeeeee;
}

#sidebar ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#sidebar li{
	padding-bottom: 0px;
	margin: 0px;
	border-top: 2px solid #ffffff;
}

#sidebar a{
	color: #333333;
	display: block;
	font: normal 9pt arial;
	padding-left: 30px;
	padding-top: 7px;
	height: 22px;
}


 * html #sidebar ul {  /* make hover effect work in IE */
	padding: 0;
	margin: 0;
}

 * html #sidebar li a {  /* make hover effect work in IE */
	margin: 0;
}

#sidebar li a:hover {
        background: #eeeeee;
		text-decoration: none;
		color: #000000;
}

a{
text-decoration: none;
font-weight:normal;
color: #333366;
font-size: 11pt;
font-family: arial;
}

a:hover
{ text-decoration: underline;
}

.footer{
width: 100%;
height: 30px;
background: #333333;
float: left;
}

.footertext{
text-align: center;
font-size: 9pt;
color: white;
padding-top: 8px;
padding-left: 10px;
}


.pgtitle{
	font-size: 14pt;
	font-weight: normal;
	text-align: left;
	padding-bottom: 20px;
	color: #333366;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
}

.pgwrap{
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 15px;
	width: 640px;
}


.pgintro{
padding-right: 10px;
}

#pgservices {
	padding-top: 5px;
}

#pgservices ul{
	list-style-type: none;
}

#pgservices li{
	height: 50px;
	width: 250px;
	float: left;
	padding: 0px;
	margin: 0px;
}

#pgstyle a{
	color: #333366;
}

#pgstyle a:hover{
	text-decoration: underline;
}

#pgstyle ul{
	list-style-type: circle;
	padding-left: 20px;
	margin-left: 0px;
}

#pgstyle li{
	margin-bottom: 5px;
	padding: 0px;
}

#pgstyle li ul li{
	margin-bottom: 5px;
	margin-top: 5px;
	list-style-type: disc;
}

#pgstyle ul li ul{
	padding-left: 20px;
}

.pgcolumn{
	width: 300px;
	float: left;
	padding-right: 10px;
}

.pgcontent{
	width: 650px;
	float: left;
	padding-bottom: 15px
}

#pgstylebold a{
	font-weight: bold;
	color: #333366;
}

#pgstylebold a:hover{
	text-decoration: underline;
}

.button{
	background-image: url('images/button.jpg');
	background-repeat: no-repeat;
	height: 35px;
	width: 130px;
	padding-top: 10px;
	text-align: center;
}


.pgsubtitle{
	font-weight: bold;
	color: #333366;
}

.nutpic{
	width: 300px;
}

#nutlist ul{
	margin-bottom: 5px;
	list-style-type:  circle;
	padding-left: 20px;
}

#nutlist ol li{
	margin-bottom: 5px;
}

#nutfooter{
	margin-bottom: 50px;
	float: left;
}

.introwrap{
	margin-bottom: 20px;
	float: left;
}

.locwrap{
	padding-bottom: 20px;
}

.locicon{
	float: left;
	padding-right: 20px;
}

.indexicon{
	padding-right: 10px;
	float: left;
}