
/* CSS Document */


*
{
margin: 0;
padding: 0;
}

body
{
font: 11px arial;
margin: 0 0 10px 0;
background:  #eee url(../images/body-bg.jpg) repeat-x top left;
}

a
{
text-decoration: none;
color: #3366CC;
}

a:hover
{
text-decoration: underline;
}

ul
{
list-style-type: none;
}

img
{
border: none;
}

p
{
margin: 0 0 0px 0;
line-height: 16px;
text-align: justify;
}

/* Structure [ START ] */

#wrapper
{
width: 950px;
overflow: hidden;
margin: 10px auto;
background: url(../images/wrapper-bg.jpg) repeat-y top left;
}


#header
{
width: 950px;
height: 113px;
background: url(../images/header-bg.jpg) no-repeat top left;
float: left;
}

#container
{
width: 950px;
float: left;
background: #fff;
}

#content
{
width: 650px;
float: left;
}

#rightcolumn
{
width: 269px;
float: right;
border-left: 1px solid #eee;
padding: 0 10px;
margin:10px 0 0 0px;
}

#rightcolumn.column
{
padding-bottom: 20010px;
margin-bottom: -20000px;  
}

#footer
{
width: 950px;
float: left;
background:#eee; 
}


/* Header [ START ] */

#headtop
{
width: 950px;
float: left;
border-bottom: 5px solid #0A596D;
background: url(../images/head-bg.gif) no-repeat top right;
height: 27px;
}

#headtop span
{
float: right;
margin: 7px 13px 0 0;
color: #fff;
}

#headtop span a
{
color: #fff;
}




#hleft
{
width: 580px;
float: left;
padding: 10px 0 0 20px;
}

#hright
{
width: 210px;
float: right;
padding: 10px 0 0 20px;
}

	#hright span
	{
	font: 20px "Trebuchet MS";
	display: block;
	color: #fff;
	}
	
	#hright span.telnum
	{
	background: url(../images/tel-icon.gif) no-repeat  center left;
	font: 25px "Trebuchet MS";
	display: block;
	padding: 0 0 0 25px;
	}


/* TOp Menu [ START ] */

#menu
{
width:950px;
height:33px;
float:left;
background:url(../images/grey-bg.jpg) repeat-x left top;
margin: 0 0 0 0;
}

#menu ul
{
list-style:none;
padding-top:6px;
}

#menu ul li
{
float:left;
margin:3px;
}


#menu ul li a
		{
		display:block;
		float:left;
		
		background:url(../images/menu-right.gif) no-repeat right top;
		font:11px arial;
		text-decoration:none;
		color:#fff;
		
		}
	
			#menu ul li a span
			{
			display:block;
			padding: 5px 10px 4px 10px;
			background:url(../images/menu-left.gif) no-repeat left top;
			}
	
	#menu ul li a:hover span 
	{
	background-position: 0 -26px;
	}
	
	#menu ul li a:hover
	{
	background-position: 100% -26px;
	text-decoration:none;
	}
	
	
	#menu ul li.black a
	{
	background-position: 100% -26px;
	}
	
	#menu ul li.black a span
	{
	background-position: 0 -26px;
	}











/* TOp Menu [ START ] */

#menu
{
width:950px;
height:33px;
float:left;
background:url(../images/grey-bg.jpg) repeat-x left top;
margin: 0 0 0 0;
}

#menu ul
{
list-style:none;
padding-top:6px;
}

#menu ul li
{
float:left;
margin:3px;
}


#menu ul li a
		{
		display:block;
		float:left;
		
		background:url(../images/menu-right.gif) no-repeat right top;
		font:11px arial;
		text-decoration:none;
		color:#fff;
		
		}
	
			#menu ul li a span
			{
			display:block;
			padding: 5px 10px 4px 10px;
			background:url(../images/menu-left.gif) no-repeat left top;
			}
	
	#menu ul li a:hover span 
	{
	background-position: 0 -26px;
	}
	
	#menu ul li a:hover
	{
	background-position: 100% -26px;
	text-decoration:none;
	}
	
	
	#menu ul li.black a
	{
	background-position: 100% -26px;
	}
	
	#menu ul li.black a span
	{
	background-position: 0 -26px;
	}








/* Content [ START ] */

#banner
{
width: 650px;
float: left;
border-bottom: 1px solid #ccc;
}


#inside-banner
{
width: 634px;
float: left;
margin: 11px 8px 0 12px;
border-bottom: 1px solid #ccc;
}


#boxes
{
width: 650px;
float: left;
border-bottom: 1px solid #ccc;

}

#boxes .box,
#boxes .box3
{
width: 189px;
float: left;
height: 155px;
padding: 0 10px 0 5px;
border-right: 1px solid #ccc;

}

#boxes .box h2 a,
#boxes .box3 h2 a
{
margin: 5px 0 5px 0;
font: 14px "Trebuchet MS";
color: #06C;
display: block;
padding: 0 0 0 0px;

}

#boxes .box img
{
float:left;
margin: 0 0 5px 0;

}

#boxes p
{
text-align: left;

}

#boxes .box3
{
padding: 0px 0 0 10px;
margin: 0 0 0 0px;
width: 229px;
background: #fff url(../images/box3-bg.jpg) no-repeat top right;
border-right: 1px solid #ccc;
}







/* Right Column [ START ] */

#artlinks
{
width: 250px;
float: left;
margin: 10px 0 20px 0;
}

#artlinks ul
{
float: left;
margin: 0;
padding: 0;
}

#artlinks ul li
{
width: 260px;
float: left;
margin: 0 0 1px 0;
height: 20px;
padding: 5px 0 0 10px;
display: block;
background: #006C84;
color: #fff;
font-weight: bold;
}

#artlinks ul li a
{
color: #fff;
}


#aboutbox
{
width: 269px;
padding: 10px 0 10px 0;
}

#aboutbox h2
{
	font: 20px "Trebuchet MS";
	display: block;
}



	span.contred
	{
	float: right;
	display: block;
	padding: 0 8px 0 0;
	margin: 0 10px 0 0;
	background: url(../images/arrow1.gif) no-repeat center right;
	}



#livebox
{
width: 269px;
margin: 10px 0 10px 0;
}

.sideboxes
{
width: 269px;
margin: 10px 0 10px 0;
}

	.sideboxes h2
	{
	font: 20px "Trebuchet MS";
	display: block;
	}
		
	.sideboxes h2 span.txtsmall
	{
	font: 11px "Trebuchet MS";
	display: inline;
	}


#oursites
{
width: 269px;
margin: 10px 0 50px 0;
float: left;
}
	#oursites h2
	{
	font: 11px "Trebuchet MS";
	display: block;
	}
		


/* Logo boxes [ START ] */


#logoboxes
{
width: 950px;
float: left;
border-top: 3px solid #eee;
background: #fff url(../images/footer-bg.jpg) no-repeat bottom left;
padding: 10px 0 0 0;
height: 100px;
}

#logoboxes-mem
{
width: 500px;
border-right: 1px solid #eee;
float: left;
padding: 20px 0 0 0px;
background: url(../images/membership-text.gif) no-repeat top left;
}

#logoboxes-ins
{
width: 120px;
float: left;
padding: 20px 0 0 0;
border-right: 1px solid #eee;
background:  url(../images/insurance-text.gif) no-repeat top  left;
}

#logoboxes-acc
{
width: 150px;
float: left;
padding: 20px 0 0 0;
border-right: 1px solid #eee;
background: url(../images/acc-text.gif) no-repeat top  left;
}

#logoboxes-our
{
width: 160px;
float: left;
padding: 20px 0 0 10px;
background: url(../images/oursite-text.gif) no-repeat top  left;
}

ul.logos
{
margin: 10px 0 0 0px;
padding: 0px 0 0 0px;
float: left;
}

ul.logos li
{
float: left;
margin: 0 8px 0 0;
}


/* Footer [ START ] */

#fleft
{
width: 650px;
float: left;
margin: 10px 0 0 0px;
}

#fleft span
{
display: block;
}


#fright
{
width: 300px;
float: left;
margin: 10px 0 0 0px;
}

#fright ul
{
margin: px 0 0 00px;
padding: 0 0 0 00px;
}

#fright ul li
{
float: left;
margin: 0 0 0 10px;
}


/* Main Content [ START ] */

#main-content
{
width: 635px;
float: left;
padding: 0 0 0 0;
margin:  10px 0 0 0px; 
}

#main-content h1
{
font: 20px "Trebuchet MS";
color: #AA1;
margin: 0 0 15px 10px;
}

#main-content h2
{
font: bold 15px "Trebuchet MS";
color: #006C84;
padding: 0 0 0 10px;
}

#main-content p
{
font: 12px arial;
color: #000;
line-height: 18px;
margin: 0 0 10px 0;
padding: 0 0 0 10px;
}

#main-content ul
{
width: 620px;
float: left;
margin: 10px 0 10px 20px;
padding: 0px 0 0 0;
}

#main-content ul li
{
width: 580px;
font: 12px arial;
color: #000;
float: left;
margin: 0 0 0 0;
padding: 0 0 5px 20px;
background: url(../images/arrow2.jpg) no-repeat  top left;
}


#main-content ol
{
margin: 0 0 0 50px;
list-style-type: decimal;
padding: 0 0 0 0;
list-style-position: outside;
line-height:normal;
}

#main-content ol li
{
font: 12px arial;
padding: 0 0 5px 0;
margin: 0 0 0 0px;
color: #006C84;
}

#main-content ol li span
{
color: #000;
}





/*#main-content ol
{
width: 600px;
margin: 10px 0 10px 50px;
list-style-type: decimal;
}

#main-content ol li 
{
width: 580px;
font: 12px arial;
color: #006C84;
float: left;
margin: 0 0 0 0;
padding: 0 0 5px 0;
background: none;
}

#main-content ol li p
{
font: 11px arial;
margin: 0px;
padding: 0px;
color: #000;
font: 12px arial;
}*/


#main-content ul.buzcat
{
width: 600px;
float: left;
}

#main-content ul.buzcat li
{
width: 190px;
}



#sidebox-top
{
width: 260px;
height: 9px; 
background: url(../images/sidebox-top.jpg) no-repeat top left;
}


#sidebox-bottom
{
width: 260px;
height: 9px; 
background: url(../images/sidebox-btm.jpg) no-repeat top left;
}

#sidebox-mid
{
width: 240px;
background: #B9C8CB url(../images/sidebox-mid.jpg) repeat-x top left;
border-right: 1px solid #69858B;
border-left: 1px solid #69858B;
padding: 0 8px 0 10px;
}

	#sidebox-mid p
	{
	margin: 5px 0 0px 0;
	text-align: justify;
	}
	
	#sidebox-mid p.center
	{
	font: bold 15px arial;
	text-align: center;
	}

	#sidebox-mid p.left
	{
	font: 11px arial;
	text-align:left;
	}

	#sidebox-mid h2
	{
	font:  bold 12px arial;
	margin: 5px 0;
	}
	
	#sidebox-mid h3
	{
	font: bold 15px arial;
	margin: 0 0 10px 0;
	text-align: center;
	}

	#sidebox-mid ul
	{
	width: 230px;
	margin: 8px 0 10px 0;
	float: left;
	}

	#sidebox-mid ul li
 	{
	width: 230px;
	font: 11px arial;
	margin: 0 0 5px 0px;
	padding: 0 5px 0 15px;
	float: left;
	text-align: left;
	background: url(../images/small-arrow.gif) no-repeat top left;
	}
	
	#sidebox-mid span
	{
	color: #666;
	margin: 5px 0 0 0;
	display: block;
	}
	
	#sidebox-mid span a
	{
	color: #666;
	}
	
	#calltext
	{
	margin: 20px 0 0 0;
	}
	
	#calltext span
	{
	margin: 0 0 0 0;
	font: bold 15px arial;
	text-align: center;
	color: #000;
	}
	
	


table.formbox
{
float: left;
margin: 0 0 10px 10px;
border: 1px solid #000;
padding: 10px;
background: #31849B;
color: #fff;
font-weight: bold;
}

table.formbox th
{
font: bold 20px arial;
padding: 20px 0 10px 0;
color: #fff;
margin: 0 0 10px 0;
}

table.formbox td
{
padding: 0px 0 0 10px;
}


form
{
width: 500px;
margin: 0 0 0 10px;
padding: 10px 0 10px 0;
}



input, select, textarea
{
border: 1px solid #ccc;
margin: 0 0 5px 0;
padding: 2px;

}

input.no
{
margin: 0 0 0px 0;
padding: 0 0 5px 0;
}


#addbox
{
width: 630px;
float: left;
}



.address
{
width: 210px;
float: left;
}


.address h2
{
border: none;
}




#adcontent
{
	padding: 10px 10px 10px 10px;
	float: left;
}

#adcontent p
{
	margin: 8px 0;

}




table.hpformbox
{
	width: 270px;
	font: arial 11px;
	border: none;
	background: #31849B;
	padding: 3px;
	color: #fff;
	float: left;
}

table.hpformbox td
{
width: 280px;
	padding: 5px 0 0 5px;
}


table.hpformbox td input,
table.hpformbox td select,
table.hpformbox td textarea
{
	font: 11px arial;
	border: 1px solid #ccc;
	padding: 5px 0 0 0;
	margin: 2px 0 0px 0;
}




table.hpformbox th
{
	font: bold 15px arial;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	padding: 0 0 0 8px;
}























