/* CSS Document */
a:link {
	color: #496FBA;
}
a:visited {
	color: #006599;
}
a:hover {
	color: #E3693A;
}
a:active {
	color: #E93649;
}

.menulinkstext a:link {text-decoration: none;color: #7F8FB6}
.menulinkstext a:active {text-decoration: none;color: #7F8FB6}
.menulinkstext a:visited {text-decoration: none;color: #7F8FB6}
.menulinkstext a:hover {text-decoration: none;color: #E3693A}

body {
	margin-left: 0px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../i/stripe.jpg);
	/*background-repeat: no-repeat;*/
	background-color: #FFFFCC;
	text-align: center; 
}

/* page layout divs */

#wrapper {    
	text-align: center;    
	margin-left: auto;    
	margin-right: auto;    
}

#menubg {    
	width: 771px;
	height: 300px;
	background-image:url(../i/menubg.jpg);
	background-repeat: no-repeat; 
}
#menubg2 {    
	width: 771px;
	height: 220px;
	background-image:url(../i/menubg2.jpg);
	background-repeat: no-repeat; 
}

		#menulinks {
		border-bottom: 1px solid #939ACE;
		width: 609px;
		float: left;
		margin-left:11px;
		padding-bottom: 3px;
		clear: left;
		}

#main {    
	width: 769px;
	background-color:#DEE4C0;
	border-left: 1px solid #939ACE;
	border-right: 1px solid #939ACE;
}
		#col_left {
		float: left;
		width: 222px;
		}
		/*div below used for home page only*/
		#col_centrehp {
		float: left;
		width: 350px;
		border-left: 1px dashed #FFF;
		border-right: 1px dashed #FFF;
		}
		/*div below used for all content pages*/
		#col_centre {
		float: left;
		width: 514px;
		border-left: 1px dashed #FFF;
		}
		#col_right {
		float: left;
		width: 164px;
		}
		#contactbox {
		margin-top: 5px;
		float: left;
		height: 35px;
		width: 242px;
		background-image:url(../i/contactboxbg.png);
		padding-top: 20px;
		padding-left:108px;
		}

		#mainbottom { 
		clear: both;   
		width: 769px;
		height: 82px;
		background-image:url(../i/mainbottom.jpg);
		background-repeat: no-repeat; 
		}
		
		#boxleft1{
		margin-top: 5px;
		border: 1px solid white;
		width: 175px;
		height: 81px;
		background-image:url(../i/box1bgnd.gif);
		background-repeat: no-repeat;
		}
		#boxleft2{
		margin-top: 5px;
		border: 1px solid white;
		width: 185px;
		height: 91px;
		background-image:url(../i/box2bgnd.gif);
		background-repeat: no-repeat;
		}
		#boxsundecks{
		margin-top: 5px;
		border: 1px solid white;
		width: 185px;
		padding: 5px 0px 5px 0px;
		}
		#pricematchbox{
		width: 183px;
		background-color: #FFF;
		border-bottom: 1px solid #CCC;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		}
		#pricematchboxtitle{
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		width: 173px;
		height: 62px;
		padding: 5px 5px 0px 5px;
		background-color: #FFF;
		background-image:url(../i/pricematchtitle.gif);
		background-repeat: no-repeat;
		margin-top: 5px;
		}

		#scrolling_text_box {

		/* see separate doc: scc/scroller.css */
		}


		#logos_hp {
		margin-top: 5px;
		border: 1px solid white;
		width: 175px;
		padding: 5px 0px 0px 0px;
	}
		#logos {
		margin-top: 5px;
		width: 150px;
		padding: 5px 0px 5px 0px;
	}
		#box {
		margin-top: 5px;
		width:185px;
		border: 1px solid white;
		width: 400px;
		padding: 5px;
		visibility:hidden;    /* hide it by default */
		z-index:5;            /* sets it on top of everything else */
		position:absolute;
		top:300px; /* decide where you want the box located on the page */
		left:400px;
		background-color:#A6D4D1;
}
	
	
#footer {
	width: 769px;
	height: 105px;
	background-color:#FFF;
	border-left: 1px solid #939ACE;
	border-right: 1px solid #939ACE;
	border-bottom: 1px solid #939ACE;
}
	
	
#newslink {
	width: 100px;
	float: left;
	padding-left: 480px;
	padding-top: 14px;
}	
	
/* NEW Index updates */

#bannertable {
	text-align: left;
	margin-left: 80px;
	margin-top: 100px;
	float: left;
}





/* NEWS page layout divs */

#col_news1 {
	width: 470px;
	float: left;
	margin-left: 10px;
}
#col_news2 {
	width: 216px;
	float: left;
}


/* end NEWS page layout divs */

/* fonts */	
	
	
/* fonts */
.menulinkstext {
	font-family: "Verdana", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #7F8FB6;
	font-weight: bold;
	letter-spacing: -0.06em;
	word-spacing: 0em;
}
.bodytext {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 28px;
	padding-left: 15px;
	padding-right: 15px;
}
.hpbodytext {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 27px;
	padding-left: 15px;
	padding-right: 15px;
}
p {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 28px;

	text-align: left;
}
.contactustext {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: left;
	line-height: 18px;
}
h1 {
	text-align: left;
	font-family: "Veerdana" Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #7F8FB6;
}
h2 {
	text-align: left;
	font-family: "Veerdana" Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7F8FB6;
   	margin-bottom: -5px;
    	margin-top: 5px;
    	line-height: 2ex;
}
h5 {
	font-family: "Veerdana" Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7F8FB6;
	margin: 0px;
	line-height: 14px;
}
.leftboxtext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7F8FB6;
	text-align: left;
	padding: 5px;
	line-height: 20px;
}
.leftboxtext2 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: center;
	line-height: 18px;
}
.pricematchboxtetxt {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#FF0000;
	line-height: 22px;
	text-align: justify;
}
.pricematchtitle {
	text-align: center;
	font-family: "Veerdana" Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
}

.footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}
.footerlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #221010;
	line-height: 28px;
}
.copyrighttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: center;
	line-height: 20px;
}
.hppics {
	margin-top: 5px;
	border: 1px solid white;
	padding: 4px;
}
.boxtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: left;
	line-height: 18px;
}
.newstext {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 17px;
	text-align: justify;
}
.picoutline {
	border: 1px solid white;
	padding: 8px;
	margin: 8px;
}