@charset "utf-8";

/*this style is needed to keep the background image at
the bottom of the secondary pages in Firefos*/
html  {
	height:100%
}

/*common styles for all pages*/
body {
	margin-top: 0px;
	margin-left: 0px;
	background-color: #b3b280;
	background-image: url(../images/background_page.jpg);
	background-repeat: repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

p, li, dt, dd {
	font-size: 75%;
	line-height: 140%;
	color: #023471;
	margin-top: 0px; 
}
p  { 
	margin-bottom: 7px; 
}
dl {
	margin-top: 0px;
	padding-top: 0px;
}
dt {
	padding-top: 10px;
	padding-left: 0px;
	font-weight: bold;
}
dd {
	padding-top:  5px;
	padding-left: 0px; 
	margin-left:  20px;
}
h1 {
	margin-top: -20px;
	padding-top: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 120%;	 
	color: #666600;
	margin-bottom: 7px; 
}
h2 {
	color: #666600;
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	margin-bottom: 7px; 
}
 
a:link {
	color:#666600;
	text-decoration:underline;
}

a:visited {
	color:#023471;
	text-decoration:underline;
}

ul   { /*body unordered list*/
	list-style-type: none;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

li   { /*body lists*/
	font-size: 75%;
	margin-left: 0px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0.05em 0.5em;
	padding-left: 1em;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 120%;
	margin-bottom: 5px;
}
li.homepage {
	font-size: 80%;
	font-style: italic;
	letter-spacing: .05em;
}

/*styles the quotes on the top page*/
.quote  {
	font-family:"Times New Roman", Times, Georgia, serif;
	font-style:italic;
	font-size:100%;
	color: #666600;
	line-height: 120%;
	margin-top: 15px;
}

/*layout divs*/
#wrapper  {  /*holds everything and floats in the middle of the page*/
	width: 872px;
	margin:auto;
	position: relative;
}

#topBanner  { /*holds the top banner info including the Free Estimate button*/
	width: 872px;
}

#content  { /*holds the sidebar, titleareaTop and textareaTop divs*/
	width: 872px;
	background-image: url(../images/background_content.gif);
	background-repeat: repeat-y;
	padding-bottom: 0px;
}

#sidebar  { /*needed this holder for the side navigation as the top
logo sticks out from the navbar a bit*/
	width: 195px;
	float:left;
	position: relative;
	background-color:#FFFFFF;
}

#navigation  { /*holds the p7Studio navs and flyouts and AAA and BBB logos*/
	width: 174px;
	padding-left: 21px;
	position: relative;
	margin-top: 0px;
	padding-top: 0px;
	background-color: #023471;
}

/*these divs are specific to the top page only*/
#titleareaTop  {/*holds the area below the topbanner but above the text
was necessary because the textarea needs a border and this area doesn't
want the border*/
	width: 677px;
	float:right;
}

#textareaTop  { /*this is the textarea for the top page, it holds TopLeftCol and topRightCol*/
	width: 623px;
	padding-right: 18px;
	padding-left: 35px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b3b280;
	background-color: #FFFFFF;
	background-image: url(../images/background_textarea_top.jpg);
	background-repeat: no-repeat;
	float:right;
	padding-bottom: 20px;
}

#topLeftCol  {/*holds the top page welcome text and bullet items on the left*/
	width: 290px;
	float:left;
	margin-top:162px;
}

#topRightCol  {/*holds the top page picture and customer quotes*/
	width: 305px;
	float:right;
	margin-top:20px;
} 

/*end specific top page content*/

/*these divs are specific to the secondary pages*/
#titleareaSecond  { /*holds the title image plus any secondary navigation you may need
for lower sections*/
	width: 677px;
	float:right;
	background-image: url(../images/background_title_area.jpg);
	height: 60px;
	background-repeat: no-repeat;
}

#textareaSecond  { /*much like the top area textarea but styled differently. The
background image on these pages aligns with the bottom of the page*/
	width: 623px;
	padding-right: 18px;
	padding-left: 35px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b3b280;
	background-color: #FFFFFF;
	background-image: url(../images/background_bottom_oldpic.jpg);
	background-repeat: no-repeat;
	float:right;
	padding-bottom: 230px;
	background-position: right bottom;
	padding-top: 30px;
}
 
 
.titleimageSecond  { /*I needed to put a div around the title image so that I can float it left so
we can have a secondary nav area float right*/
	float:left;
	width: 271px;
	height: 60px;
}
 
#secondNav  { /*this area is used if you have secondary navigation*/
	width: 375px;
	float:right;
	text-align: right;
	margin-top: 18px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-right: 5px;	
}

/*second navigation link styles*/
#secondNav a:link  {
	color:#023471;
	text-decoration:underline;
}

#secondNav a:hover  {
	color:#666600;
	text-decoration:underline;
}

#secondNav a:visited  {
	color:#b3b280;
	text-decoration:underline;
}
#secondRightCol  {/*holds the right column occasionally used on secondary pages */
	width: 305px;
	float:right;
	margin-top:20px;
}
ul.nav  {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	background-image: none;
	margin-bottom: 0px;
	
}

ul.nav li  {
	display: inline;
	font-size: 12px;
	background-image: none;
}
#secondNav ul.nav li a:link {
	color:#3E3E00;
	text-decoration:underline;
}

#secondNav ul.nav li a:visited {
	color:#023471; 
	text-decoration:underline;
}
/*end specific second page content*/

.clearit  { /*clears ths sidebar and textarea divs*/
	clear:both;
	margin-top: 0px;
	margin-bottom: 0px;
} 

/*typical bottom information styles*/
#bottominfo  {
	width:850px;
	margin-left: 21px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b3b280;
	background-color: #023471;
	text-align:center;
	padding-bottom: 5px;
	padding-top: 5px;
}

#bottominfo p {
	font-size:70%;
	color:#FFFFFF;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 90%;
	text-align: center;
}

#bottominfo a:link  {
	color:#FFFFFF;
	text-decoration:underline;
}

#bottominfo a:visited  {
	color:#FFFFFF;
	text-decoration:underline;
}

/*this div sits outside of the bottominfo on its own*/
#rareheronLink {
	width: 850px;
	margin-left: 21px;
	font-size:65%;
	color:#FFFFFF;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#rareheronLink a:link {
	color:#FFFFFF;
	text-decoration:underline;
}

#rareheronLink a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}

/*used for the area that holds the AAA and BBB logos*/
#secondPageLogos  {
	width: 174px;
	position:absolute;
	top: 335px;
	margin-left: 21px;
	background-color: #FFFFFF;
}

/*when you are ready to display the BBB logo just eliminate the display:none here*/
.bbbLogo  {
	width: 174px;
	display:none;
}

/*use for images that float in text*/
.imagefloatLeft  {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #000000;	
}

.imagefloatRight {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #000000;
}



.emphasis {
	font-style: italic;
	font-weight: bold;
}
label {
	font-size: 75%;
	color: #023471;
	float: right;
	margin-right: 15px; 
}
textarea {
	margin: 5px;
	font-size: 75%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
input {
	margin: 5px;
	width: 250px;
}
input.submit { 
	width:  70px;
}
.error {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
@media print { 
body  {
	background-color: white !important;
	background-image: none !important;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
}
p, li, h1, h2 {
	color: black;
}
a:link, a:visited {
	color: black;
	font-weight: normal;
	text-decoration: underline;
} 
 
#sidebar {
	display: none;
	height: 0px;
	width: 0px; 
	}
#p7TBtrig10, #p7TBtrig20, #p7TBtrig30, #p7TBtrig40, #p7TBtrig50, #p7TBtrig60, #p7TBtrig70, #secondNav {
	display: none; 
	}
#wrapper {  
	width: 7.5in; 
	margin-top: 0px;
	padding: 0;
	border: 0;
	float: none !important;
	color: black; 
	background: transparent;
	}
 
#titleareaSecond, #textareaSecond  { /*This is the textarea div for all the secondary pages*/
	float: none !important;
	width: 7in;
	margin-top: 0em;
	padding-top: 0in;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: .5in;
	border: 0px;
}
 
#bottominfo  {
	margin-left:  0px;	
	width: auto; 
	padding-top: 8px;	
}
 
 #bottominfo p  {
	font-size: 70%;
	color: #black;
	margin-top: 0px;
	margin-bottom: 3px;
	letter-spacing: normal;
}
 #bottominfo a:link  {
	color: black;
	font-weight: normal;
	text-decoration: underline;
}
 #bottominfo a:visited  {
	color: black;
	font-weight: normal;
	text-decoration: underline;
}
#rareheronLink {
	text-align: center;
}
ul {  
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 8px;
}
li {
	list-style-type: disc;
	font-size: 75%;
	margin-left: 8px;
	background-image: none; 
	margin-top: 0px;
	padding-top: 0px;
	line-height: 120%;
	margin-bottom: 3px;
}
label { 
	color: #000000;
	float: right;
	margin-right: 15px; 
} 
}