@charset "utf-8";
/* CSS Document */

/*
COLORS

Moss green from top header: #90986F
Dark green in bottom footer: #5F5F53

*/

* {
	margin: 0;
  	padding: 0;
}


body {
	background: #434343 url(../elements/backBack.jpg) repeat-x;
	font: normal .95em/175% Verdana,Arial,Helvetica,sans-serif;
	color: #383838;
	text-align: center;
}

#servicesBack {
	background: #434343 url(../elements/backSVC.jpg) repeat-x;
}

#payOnline {
	background: #434343 url(../elements/backPAY.jpg) repeat-x;
}

#conTainer {
 	margin: 0 auto;
  /* text-align: center; */
	width: 960px;
	} 	


/* PERRY WORK BEGIN */

#conTainer #topBiz {
  position: relative; /* made position relative so that #menuTop would stay contained within #topBiz */
	/*background: #fff url(../elements/topHead1025.jpg) 0 0 no-repeat;*/  /* moved background-image to left so phone number not obscured by phone */  
	background: #fff url(../elements/topHead.jpg) 0 0 no-repeat;  /* moved background-image to left so phone number not obscured by phone */
	/*background: #fff url(../elements/backHead.jpg) 0 0 no-repeat;*/ 	
	width: 960px;
	height: 110px;
	margin-top: 8px;
	}	


	
#conTainer #topBiz #logoPic img {
	margin-left: 40px;
	margin-right: 50px;
	padding-top: 5px;
	float: left;
	}	

#tagLine {
	position:relative;
	margin-top: 112px;
	float: left;
}

#phoneWrap {
position: absolute;
/*width: 1200px;
left: 830px;*/
left: 835px;
top: 50px;
}

#menuTop {
	position: absolute; /* changed from relative to absolute so that div would not have any with beyond that created by it's child */
	left: 385px; /* moved menu to left so the word "Blog" in link is not covered by phone image */ 
	top: 110px;
	height: 50px;
}

#menuTop ul { 
	width: 620px;
	}

#menuTop ul li	{
    /*width: 100px;*/
    width: 90px;
    height: 40px;
	padding-top: 20px;
	float: left;
    color: #ffffff;
    text-align: center;
	margin-right: 6px;
    overflow: hidden;

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  */
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	}

#menuTop ul li p a {
  	font: bold 70%/150% Verdana, Helvetica, Arial, sans-serif; 
	color: #FFF;
    text-decoration: none;
	}

#menuTop ul li p a:hover {    
	color:#cccccc;
    text-decoration: none;
}

.subtext {
  		font: normal 70%/130% Verdana, Helvetica, Arial, sans-serif;
        padding-top: 25px;
		color: #fff;
    	}

/*Menu Color Classes*/

.green {
	background: #2c2c2c;
}

.green p {
	color: #ffffff;
	}

.yellow {
	background: #2c2c2c;
	color: #ffffff;
	}
	
.red {
	background: #2c2c2c;
	color: #999999;
}

.blue {
	background: #2c2c2c;
	color: #CCCCCC;
}

.purple {
	background: #2c2c2c;
	color: #FFFFFF;
}


/* ----------------------------------------------------------------------S L I D E S H O W-----------------------------*/



#slideArea {
	position: relative;
	margin-top: 80px;
  	/*margin-top: 100px;*/
	/*padding-bottom: 2px;*/
}


#imageTextArea {
	position: relative;
	width: 960px;
	height: 244px;
    margin: 0 auto;
}


#imageTextArea #leftImage  {
	float: left; 
	margin-right: 10px;
}

#imageTextArea #leftImage img {
	width: 300px; /* since this element is floated, a width must be given */
	height: 210px;
}

#imageTextArea #rightText {
	float: left;
	width: 150px;
	height: 100px;
	margin-top: 20px;
	background: #fff url(../elements/quotes.gif) top left no-repeat;	
	}

#rightText p {
	width: 630px;
	padding: 20px 10px 10px 10px; /* top and bottom padding create visual space within this div  */
  	font: normal 80%/190% Verdana,Arial,Helvetica,sans-serif;  	
	color: #000000;
	text-align: left;
	}
	
#rightText p a {
	color: #be4509;
	text-decoration: underline;
	}
	
#rightText p a:hover {
	color: #f0f908;
	text-decoration: underline;
	}		
	
#rightText #nameQuote {
	position: relative;
  	font: normal 80%/160% "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;  	
	color: #6b6b6b;	
	padding-bottom: 15px;
	padding-left: 20px;
	text-align: right;
	width: 600px;
}

/* ----------------------------------------------------------------------M I D   S E C T I O N ------------------------ */

#midSection {
	position: relative;
    margin: 0 auto;	
}

#copyArea {
	position: relative;
	width: 960px;
	height: 620px;
	margin-top: -9px;
}


#copyArea #leftCol {
	float: left; 
	width: 340px; /* since this element is floated, a width must be given */
	background-color: #565656;
	margin-top: 3px;
	padding-bottom: 45px;
/* the background color will be displayed for the length of the content in the column, but no further */
	/*padding: 10px 15px;  top and bottom padding create visual space within this div  */
	-moz-border-radius-bottomleft: 30px;
	-moz-border-radius-bottomright: 30px;	
	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
}

#copyArea #leftCol h1 {
	font-size: 160%;
	line-height: 200%;
	color: #2d2d2d;
	text-align: right;
	padding-right: 15px;
	letter-spacing: 1px;
}

#copyArea #leftCol h2 {
	font-size: 110%;
	color: #ffffff;
	line-height: 140%;
	text-align: left;
	padding-left: 10px;
	padding-top: 15px;
	letter-spacing: 1px;
	width: 300px;
}

#copyArea #leftCol h3  {
  	font: normal 80%/150% "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	padding-bottom: 10px;

}

#copyArea #leftCol h3 a {
	color: #be4509;
	text-decoration: none;
}

#copyArea #leftCol h3 a:hover {
	color: #7b9707;
	text-decoration: underline;
}


#copyArea #leftCol h4 {
	float: right;
	font-size: 95%;
	line-height: 100%;
	color: #343434;
	margin-left: 160px;
	padding-top: 10px;
	padding-bottom: 15px;
	letter-spacing: 1px;
}


#underWrite {
  	font: normal 85%/150% Verdana,Arial,Helvetica,sans-serif;
	padding-left:20px;
	text-align: left;
	color: #cdcdcd;
	width: 290px;
}

#underWrite a {
	color: #A5F604;
	text-decoration: underline;
}

#underWrite a:hover {
	color: #f0f908;
	text-decoration: underline;
}

#copyArea #leftCol p {
  	font: normal 85%/150% Verdana,Arial,Helvetica,sans-serif;
	padding: 30px 0 0 20px;
	text-align: left;
	color: #efefef;
	width: 250px;
}

#copyArea #leftCol p a {
	color: #be4509;
	text-decoration: none;
}

#copyArea #leftCol p a:hover {
	color: #7b9707;
	text-decoration: underline;
}

#copyArea #leftCol p.shortTop {
	padding-top: 5px;
}


#copyArea #rightCol {
	float: left;
	width: 600px;
	/*height: 330px;*/
	margin-left: 15px;
	margin-top: 4px;
	}
	
#copyArea #rightCol p {
  	font: normal 85%/150% Verdana,Arial,Helvetica,sans-serif;
	padding: 30px 0 0 20px;
	text-align: left;
	color: #efefef;
	width: 560px;
}	

/*	
	
#linkList ul {
	list-style:none;
	text-align: left;
	}

#linkList ul li  {
  	font: normal 85%/150% "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	padding-bottom: 15px;
}

#linkList ul li a {
	color: #2d2d2d;
}

#linkList ul li a:hover {
	color: #f54co9;
	text-decoration: underline;
}

*/	

#copyArea #rightCol #listLink p {
  	font: normal 80%/130% Verdana,Arial,Helvetica,sans-serif;
	margin-bottom: -10px;
	width: 590px;
}

#copyArea #rightCol #listLink p a {
  	color: #2d2d2d;
	text-decoration: underline;
}

#copyArea #rightCol #listLink p a:hover {
  	color: #F54C09;
	text-decoration: underline;
}
	

#copyArea #rightCol h1 {
	font-size: 140%;
	line-height: 200%;
	color: #be4509;
	text-align: left;
	padding-left: 10px;
	letter-spacing: 2px;
}

#copyArea #rightCol h3 {
	font: bold 120%/120% Georgia, "Times New Roman", Times, serif;
	color: #fff;
	background-color: #343434;
	text-align: left;
	padding:  15px;
	letter-spacing: 1px;
}	

#copyArea #rightCol h4 {
	font: bold 105%/100% Georgia, "Times New Roman", Times, serif;
	color: #fff;
	background-color: #2d2d2d;
	text-align: left;
	padding: 10px 10px 10px 15px;
}


#copyArea #rightCol p {
	width: 560px;
	padding: 15px 20px 10px 20px; 
	font: normal 88%/190% Verdana,Arial,Helvetica,sans-serif;
	color: #000;
	text-align: left;
	background-color: #fff;
	}

#copyArea #rightCol p.shortTop {
	margin-top: -10px; 
	}
	
#copyArea #rightCol p a {
	color: #00426F;
	text-decoration: underline;
	}
	
#copyArea #rightCol p a:hover {
	color: #CF0069;
	text-decoration: underline;
	}		

#copyArea #rightCol #contactForm   {
	margin-top: 15px;	
}

#copyArea #rightCol #contactForm table  {
	padding-left: 20px;	
	width: 330px;
}

#copyArea #rightCol #contactForm table td h3 {
	font: bold .95em/170% Verdana,Arial,Helvetica,sans-serif;
	color: #2d2d2d;
	background-color: #fff;
	text-align: left;
	padding: 10px;
	border: 1px dotted #CCCCCC;
}

#copyArea #rightCol #contactForm table td {
	font: bold .90em/170% Verdana,Arial,Helvetica,sans-serif;
	color: #2d2d2d;
	text-align: left;
}

#copyArea #rightCol #contactForm form {
	text-align: left;
}

#copyArea #rightCol #contactForm form input, textarea {
	border: 1px solid #8a8a8a;
	}

#submitButton {
width: 85px;
height: 35px;
margin-left: 250px;
margin-top: 20px;
/*background: url( ../elements/submitButton.png);*/
	}
	
/*	
background:url(/images/Btn.PNG) no-repeat;
cursor:pointer;
width: 200px;
height: 100px;
border: none;

*/



#copyArea #rightCol a {
	color: #000;
	text-decoration: underline;
	}
	
#copyArea #rightCol a:hover {
	color: #f60ae3;
	text-decoration: underline;
	}	
	
/*	
A:link
A:visited
A:active
A:hover
*/	

/* ----------------------------------------------------------------------F O O T E R ------------------------ */

#footerEnvelope {
	height: 300px;
	margin-top: 40px;
	color:#fff;
	/*background-color: #CCFF00; test color*/
}

#footerMain {
	width: 960px;
	margin: 0 auto;
	margin-left: 30px;	
	/*background-color: #FF3300;*/
}

#footerMain p a {
color: #a4f509;
}

#footerMain p a:hover {
color: #a4f509;
text-decoration: underline;
}

#footerMain ul {
	list-style:none;
}

#footerLeft {
	float: left;
	width: 320px;
	margin-left: 15px;
}

#footerLeft h2 {
	font-size: 110%;
	color: #333;
	line-height: 140%;
	text-align: left;
	padding-left: 10px;
	padding-top: 15px;
	letter-spacing: 1px;
	width: 300px;
}

#footerLeft h3  {
  	font: normal 80%/150% "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	text-align: left;
	padding-bottom: 10px;
	color: #343434;
}


#footerLeft p {
  	font: normal 70%/190% Verdana, Helvetica, Arial, sans-serif;	
	width: 300px;
	color: #343434;
	text-align: left;
	padding: 15px 25px 15px 15px;
	background-color: #CCCCCC;
}

#footerLeft p a {
color: #a4f509;
}

#footerLeft p a:hover {
color: #a4f509;
text-decoration: underline;
}

#footerLeft ul {
	list-style:none;
}

#footerLeft ul li  {
	padding-bottom: 15px;
}

#footerLeft ul li a {
	color: #a4f509;
}

#footerLeft ul li a:hover {
	color: #a4f509;
	text-decoration: underline;
}


#footerRight {
	float:left;
	width: 500px;
}

#footerRight h2 {
	font-size: 110%;
	color: #333;
	line-height: 140%;
	text-align: left;
	padding-left: 10px;
	padding-top: 15px;
	letter-spacing: 1px;
	width: 300px;
}

#footerRight h3  {
  	font: normal 100%/150% "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	text-align: left;
	padding-bottom: 10px;
	color: #343434;
}


#footerRight p {
  	font: normal 70%/190% Verdana, Helvetica, Arial, sans-serif;	
	width: 500px;
	color: #343434;
	text-align: left;
	padding: 15px 25px 15px 15px;
}

#footerRight p a {
color: #a4f509;
}

#footerRight p a:hover {
color: #a4f509;
text-decoration: underline;
}

#footerRight ul {
	list-style:none;
}

#footerRight ul li  {
	padding-bottom: 15px;
}

#footerRight ul li a {
	color: #a4f509;
}

#footerRight ul li a:hover {
	color: #a4f509;
	text-decoration: underline;
}


#addressBox {
	margin: 0 auto;
	/*background-color: #FFFFFF;*/
	margin-top: 110px;
	width: 600px;
	text-align: center;
}

#addressBox p {
  	font: normal 70%/200% Verdana, Helvetica, Arial, sans-serif;	
	color: #ffffff;
	background-color: #434343;
	border: 1px solid #2d2d2d;
}

#addressBox p a {
color: #a4f509;
}

#addressBox p a:hover {
color: #E5841B;
text-decoration: underline;
}


#bottomRow {
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
	width: 400px;
	margin-bottom: 25px;
}

#bottomRow p {
	padding: 5px;
  	font: normal 65%/200% "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;	
	color: #a4f509;
	background-color: #434343;	
	border: 1px solid #2d2d2d;
}

#copyright ul {
	list-style:none;
	padding:12px 0 0;
	width:750px;
	margin:0 auto;
}

#copyright li {
	float:left;
	padding:0;
}

#copyright li.valid {
	float:right;

}

#copyright a {
	color:#c0c0c0;
}



/* --------------------------------------------------------------------------------------- E N D   F O O T E R ---------------------------*/


.clearLeft {
	clear: both;
	height: 1px;
  	overflow: hidden;
	}


.clearFloat {
	clear: both;
	height: 1px;
  	overflow: hidden;
	}
	
#dropCap {
	float: left;
	color:#2d2d2d;
	font-size:90px;
	line-height:80px;
	padding-right: 6px;
	font-family: Times, serif, Georgia;
	}	
	
	
.pageTopText {
color: #454545;
font-weight: bold;
font-size: 110%;
line-height: 180%;
}