/*
    font-family:'Times New Roman', Times, serif;
    font-family:Arial, Helvetica, sans-serif;
    font-family:'Courier New', Courier, monospace;
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-family:Geneva, Arial, Helvetica, sans-serif;
*/

/* ~~~ General Properties ~~~ */
body {
	padding-top: 15px;
	font:normal 76% georgia,helvetica,verdana,tahoma,arial,"sans serif";
	background:#ffffff;
}

a:link {
	text-decoration: none;
	color: #000;
	}

a:visited {
	text-decoration: none;
	color: #ccc;
	}

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

a:active {
	text-decoration: none;
	color: #666;
	}

#advertisment1, #advertisment2, #advertisment3, #advertisment4, #advertisment5, #advertisment6 {
	display: none;
	}

#container {
	border: 1px solid #000;
	margin: 0 auto; /* center for now */
	width: 900px; /* ems so it will grow */
	font-size: 100%;
	height:auto;
    background:#fff;
}

#sidebox {
	width: 900px;
	height: auto;
}
#boxhead {
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}
#boxhead h2 {
	height: auto;
	display:none;
}

#boxbody {
	height: auto;
    overflow:hidden; /* This is used to get equal height columns for side bars, also see LinkList margin style for other half of this effect */
}

#pageHeader {
	width:900px;
    height:127px;
	background: url('/media/00004_Header.jpg') no-repeat 0 0;
}

#pageTitle {
 /* header */
 padding: 0;
 margin: 0;
 font-family:Georgia, 'Times New Roman', Times, serif;
 font-size:36px;
 color: #000;
 position:relative;
 top:10px;
 left:25px;
 padding:0px;
 width:825px;
}

#pageCaption {
 /* header */
 padding: 0;
 margin: 0;
 position:relative;
 font-family:Georgia, 'Times New Roman', Times, serif;
 font-size:18px;
 color: #000;
 top:10px;
 left:25px;
 padding:0px;
 width:825px;
}

#headerEditableContentSpan {
	width:425px;
}

#subTextEditableContent {
	width:425px;
}

#contentLinkWrapper {
    overflow:hidden; /* This is used to get equal height columns for side bars, also see LinkList margin style for other half of this effect */
}

/* ~~~ Link List Properties (Menu) ~~~ */

#linkList {
    float:left;
    width:275px;
    height:auto !important;
    height:384px;
	min-height: 384px;
	background: url(/media/00004_OrangeMenuBG.jpg) no-repeat 0 0 #ccc;
	border-bottom: 1px solid #000;
	/* This is used to get equal height columns for a side bar, extend padding down and cut it back with a negative margin setting Set overflow to hidden in container div */
	margin-bottom: -20000px;
    padding-bottom: 20000px;
}

#linkTitle {
	position:absolute;
	left:-2500px;
}

#linkFooter {
	background: url(/media/spacer.gif) no-repeat 0 0;
	}

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

#linkList ul li {
	float:left;
	width: 274px;
}

.sIFRMenuLinkStyle {
	padding:15px 0 0 35px;
    font-size:16px;
}

#linkList ul li a {
	text-decoration: none;
    font-size:14px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

#linkList ul li a:hover {
	text-decoration: none;
    color:#ccc;
}

/* Each li in the link list has an inner div with an ID to reference for current page styles */
#link_<%=Request("P")%> {
	text-decoration: none;
}

/* ~~~ Page Content Properties ~~~ */

#pageContentWrapper {
	* margin: 15px 25px 50px 25px;
    margin-left:274px;
    background-color:#fff;
}

#pageContent {
	background: url(/media/Denver-Pest-Control.jpg) no-repeat 0 0; 
	float:right;
    width:625px;
    height:384px;
	border-bottom: 1px solid #000;
}

#mainEditableContent {
	clear:both;
	width:450px;
    float:left;
    margin: 15px 25px 25px 25px;
}

#pageTypeFunctionality {
    float:left;
    margin: 10px 0 25px 25px;
    padding-bottom:25px;
}

/* ~~~ Footer Properties ~~~ */

#footerLinks { 
	display:none;
	}

#footer a {
	color:#4f4f4f;
    padding: 10px;
	text-decoration: none;
}

#footer a:hover {
	color:#000;
	text-decoration: underline;
}

#footerContactInfo { 
    overflow:hidden; /* This is used to get equal height columns for footer columns, also see entityPhoneEmail margin style for other half of this effect */
	clear:both;
	font: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	width:900px;
    height:84px;
	background: url('/media/00004_Footer.jpg') no-repeat 0 0;
	}

#footerContactInfo #entityNameAddress {
	padding:10px 10px 10px 10px;
	float:left;
}

#footerContactInfo #entityName {
	text-align: left;
	font-weight:bold; 
	text-decoration: none;
	font-size:12px; 
    color:#000
	}

#footerContactInfo #entityAddressPart1 {
	text-align: left;
	text-decoration: none;
	color: #000;
	}
#footerContactInfo #entityAddressPart2 {
	text-align: left;
	text-decoration: none;
	color: #000;
	}

#footerContactInfo #entityPhoneEmail {
	padding:10px 10px 10px 10px;
	float:right;
   	/* This is used to get equal height columns for footer columns, extend padding down and cut it back with a negative margin setting Set overflow to hidden in container div */
	margin-bottom: -2000px;
    padding-bottom: 2000px;
}

#footerContactInfo #entityPhone {
    font-size:12px;
    font-weight:bold;
    font:verdana,helvetica,sans-serif;
	text-align:right;
    text-decoration: none;
	color: #000;
	}

#footerContactInfo #entityEmail {
	text-align:right;
	text-decoration: none;
	color: #000;
	}
#footerContactInfo #entityEmail a {
	text-align:right;
	text-decoration: underline;
	color: #000;
	}
#footerContactInfo #entityEmail a:hover {
	text-align:right;
	text-decoration: underline;
	font-weight:bold;
	color: #000;
	}

#BrandingBox {
	margin-top:30px;
	text-align:center;
}

#EchoFireBranding {
    color:#333;
}

#EchoFireBranding a {
	text-decoration:none;
    font-weight:bold;
    color:#333;
}

#EchoFireBranding a:hover {
	text-decoration:underline;
    font-weight:bold;
    color:#000;
}

#Copyright {
    color:#333;
}
    
#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6, #extraDiv7, #extraDiv8, #extraDiv9, #extraDiv10 {
	display: none;
}