/*UNIVERSAL STYLES*/

body {background-color:#333333; padding:0px; margin:0px;}

.bg-left {background-image:url(../images/bg_left.gif); width:17px; background-repeat: repeat-y; background-position: right top; height:100% }
.bg-right {background-image:url(../images/bg_right.gif); width:17px; background-repeat: repeat-y; background-position: left top; height:100%}

/* Logo properties here */
/** #logo {padding-top:0px; padding-right:70px; padding-bottom:25px; top:2px; display:block;} **/
#logo {padding-top: 0px; padding-right: 0px; padding-bottom:5px; top:0px; display:block;}
#logo2 {padding-top: 0px; padding-right: 0px; padding-bottom:5px; top:0px; display:block;}


/* HOMEPAGE STYLES*/

.home-body {margin-left:73px; padding-bottom:20px; font-size:13px; font-family:Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color:#5e5a4c; line-height:225%; text-align:left; width:750px; display:block; }

.home-body a {color:#0b6b5f; text-decoration:none; font-weight:bold;} 
.home-body a:hover {color:#0b6b5f; text-decoration:underline; font-weight:bold;} 

.home-body2 {padding-bottom:20px; font-size:13px; font-family:Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color:#5e5a4c; line-height:225%; text-align:left; display:block; float:left; z-index:1; top:428px; left:177px; width:560px; position:absolute;  left: 50%; margin-left:-382px;}
html>body .home-body2 { top:390px;} 


.home-body2 a {color:#0b6b5f; text-decoration:none; font-weight:bold;} 
.home-body2 a:hover {color:#0b6b5f; text-decoration:underline; font-weight:bold;} 


/* CHILDPAGE STYLES*/

.main {font-size:14px; line-height:150%; color:#5e5a4c; font-family:Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; }
.main a {color:#0b6b5f; text-decoration:none; font-weight:bold; } 
.main a:hover {color:#0b6b5f; text-decoration:underline; font-weight:bold;} 

.selector   {float:left; font-size:11px; position:relative; color:#5e5a4c;margin-top:30px; font-family:Verdana, Arial, Helvetica, sans-serif; }


/* Banner or flash will go here */
#flash-child {width:900px; height:260px; background-image:url(../images/dreamstime7.jpg); } 
#flash-child2 {width:900px; height:260px; background-image:url(../images/dreamstime9.jpg); } 

.body-box {background-color:#333333; border:1px solid #dbd6c8} 

.box-top {background-image:url(../images/box-top.gif); height:19px; font-size:12px; font-family:Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color:#9e9e9e; margin-bottom:-6px; }
html>body .box-top { margin-bottom:0px;} 


.img-border {border:5px solid #cac4b3; margin-left:2px}

/* Here is where you can center the image on the tabs area */

.img2-border {border:5px solid #cac4b3; margin-left:-6px; background-image:none;}




.small {font-size:10px;}



.child-body-news {padding-left:35px; padding-bottom:20px; text-align:left;  width:589px; display:block; float:left;  padding-top:24px;}

.child-body-tight {font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#5e5a4c; line-height:150%; text-align:left; width:500px; display:block; float:left;}
.child-body-tight a {color:#0b6b5f; text-decoration:none; font-weight:bold;} 
.child-body-tight a:hover {color:#0b6b5f; text-decoration:underline; font-weight:bold;} 
.child-body-tight li {list-style-type:square; margin-left:30px;}
html>body .child-body-tight li {margin-left:0px;}

.big {font-size:14px;}

#quicklinks {font-size:11px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; border:1px solid #cfb565;}
/* here is where you change the H2 and H3 tags properties */ 
h2 {color:#FFFFFF; font-size:12px; margin-bottom:8px; margin-top:4px; line-height:125%; font-family:Verdana, Arial, Sans-serif}
h3 {color:#cfb565; font-size:17px; font-weight:normal; margin-bottom:7px; margin-top:0px;  margin-bottom:0px;}
h5 {font-size:17px; font-weight:normal; margin-bottom:7px; margin-top:0px;  margin-bottom:0px; line-height:150%}
.subtitle {color:#895421; font-size:16px; margin-bottom:0px; margin-top:4px; line-height:125%; font-family:Verdana, Arial, Sans-serif; font-weight:bold;}
html>body .bg-firefox {background-color:#7f4a17;} 



#buckets-team {width:260px; float:left; display:block; margin-top:20px; color:#5e5a4c; font-size: 12px; line-height:150%; font-family:Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;} 




#buckets-team a {color:#0b6b5f; text-decoration:none; font-weight:bold;}
#buckets-team a:hover {color:#0000cc; text-decoration:underline; font-weight:bold;}
.bucket-links {margin-top:5px;}

.quick-right {width:200px; padding-left:20px; padding-top:20px; padding-bottom:20px; font-family: Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#948d7b; background-color:#FFFFFF; width:200px;}



#buckets-team2 {width:500px; float:left; display:block; margin-top:20px; color:#5e5a4c; font-size: 12px; line-height:150%; font-family:Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;} 
#buckets-team2 a {color:#0b6b5f; text-decoration:none; font-weight:bold;}
#buckets-team2 a:hover {color:#0b6b5f; text-decoration:underline; font-weight:bold;}
.bucket-links2 {margin-top:5px;}

.quick-right2 {width:200px; padding-left:20px; padding-top:20px; padding-bottom:20px; font-family: Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#948d7b; background-color:#FFFFFF; width:200px;}






/* FOOTER STYLES*/

#bottom4 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; height:28px; width:900px; background-image:url(images/footerbg.jpg);}
#bottom4-padding {padding-bottom:15px;}
#footer4 {font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:12px; color:#FFFFFF; font-size:10px; display:block; padding-right:25px; }
#footer4 a {color:#FFFFFF; text-decoration:none;}
#footer4 a:hover {color:#333333; text-decoration:none;text-decoration:underline;}
#footer5 {padding-right:50px; font-family:Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px;}
html>body #footer5 {margin-top:-28px;} 
#copyright4 {color:#d4cbc2; font-size:10px; margin-left:74px; margin-top:25px; margin-bottom:15px; display:block; font-family: Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; background-color:#ffffff;}
#copyright4 a {text-decoration:none; color:#d4cbc2; }
#copywright4 a:hover {text-decoration:underline;}



#m1{width:900px; margin:0 auto; height:31px; padding-top:0px; padding-bottom:0px; position:relative;}
#m1 a{display:block; float:left; height:30px; font-size:14px; color:#fff; text-align:left; text-decoration:none;}
#m1 a span{display:block; height:30px; float:left;}
#m1 a span em{display:block; line-height:31px; float:left; font-style:normal; height:30px;}
* html #m1 a span em{line-height:30px;}

/* this is the width of the tabs here: */
#m1 a span em{padding:0 20px 0 20px;}
/* Change the padding on the left and right to make them wider, don't forget to add an extra 3px to the right to keep text centred */
/* #m1 a.m1on{background-image:url('../images/greenbg1.png');} */
#m1 a.m1on{height:31px;}

#m1 a:hover{cursor:pointer;height:31px;}
#m1 a.m1on:hover{background-color:#333333;height:31px; padding-top:0px; padding-bottom:2px;} 
#m1 a span em, #m1 a:hover span em, #m1 a span, #m1 a:hover span{cursor:pointer;}
#content-main {width:900px; float:left; margin: 10px 10px 0 5px;}
#black {width: 900px;height: 10px;margin: 0px;padding: 0px 0px 0px 20px;border: none;background: #000000 ;}

#content-header {width: 900px; height: 130px; background: url('images/header-main.jpg') top left no-repeat;} 
#content-header img {margin: 55px 0 0 25px; }





#home-col1 {  width: 180px; float: left; margin: 20px 10px 0 10px; border:none; }

#frontpage-col1 {float: left;width: 180px;margin: 0px 20px 0 0;padding: 0px;border: none;background-color: #FFFFF;}
#frontpage-col2 {float: left;width: 180px;margin: 0px 20px;padding: 0px;border: none;background-color: #FFFFF;}

#services-websitedesign {float: left;width: 180px;height: 160px;  margin: 0 0 35px 0; padding: 0 0 15px 0px;border: 0.35em solid #dbeaf6;}





.services_blurb {color:#FFFFFF; padding-left:5px; font-family:verdana, arial, helvetica, sans-serif; font-size:11px;}


/* background of text area to the right of the page */ 
.blurb_right {background-color:#DBEAF6; color:#000000; padding-left:5px; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; width:180px;}

.blurb_left {background-color:#DBEAF6; color:#000000; padding-left:5px; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; width:210px;}




#read_more_right {float: left; color:#663366; font-size:85%;	text-align:left; background:url('images/readmore.jpg');}



/* #m1 a{display:block; float:left; height:32px; font-size:14px; color:#fff; text-alig;n:center; text-decoration:none;} */

/* this is where the tab area can be changed */

#services-right {background-color:#DBEAF6; float: center; width:200px; height:334px;  margin: 0 0 35px 0; padding: 0 0 36px 12px; border: 0.1em solid #DBEAF6;}


/* a:link {color: #FFFFFF; text-decoration: none;} */

/*  hover over and the color will change #services-right :hover {background-color:#DBEAF6;} */
#services-right :hover {background-color:#DCEAF7;} 






a:link {color:#FFFFFF; font-size:15px; font-face:verdana, arial, helvetica, sans-serif; font-weight:normal; margin-bottom:7px; margin-top:0px;  margin-bottom:0px; text-decoration: none;}

a:visited {color: #FFFFFF; font-size:10; text-decoration: none;}
a:hover {color: #333333;text-decoration: none;}
a:active {color: #666666;text-decoration: none;}
a.box_title { color:#FFFFFF; padding: 5px; text-decoration: none; }
a.read_more { font-weight: bold; font-size:10px; color:#FFFFFF; text-decoration: underline;}
a.bold_link {font-weight: bold;color: #E31E26;text-decoration: none;}
a.bold_link:hover {font-weight: bold;color: #999;text-decoration: underline;}


ul#nav{list-style-type: none;height: 30px;margin: 0;background:url('images/navbg.jpg') repeat-x;padding-left: 20px;}
ul#nav li{display: block;float: left;line-height: 30px;margin: 0; padding: 0;}
ul#nav a, ul#nav a:link, ul#nav a:visited{display: block;text-decoration: none;color: white;font-size: 12px;font-weight:bold;padding: 0 15px;font:Geneva, Arial, Helvetica, sans-serif;text-transform:none;}
ul#nav li a:hover, ul#nav li a:active{ text-decoration: underline;}



	
/* services list */

/* services list */

ol.cities {
	margin: 1em 20 2em 0;
	}
ol.cities li {
	width: 11em;
	float: left;
	padding: 0;
	margin: 0 2em 1em 0;
	}
ol.cities li.third {
	margin-right: 0;
	}
ol.cities li h3 {
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	line-height: 2.0em;
	color: #999;
	margin: -1em 0 0 0;
	padding: 1em;
	vertical-align: middle;
	background: #799320;
	width:9em;
	height:1em;
	}
ol.cities li h3 a {
	font-weight: bold;
	margin-right: 5px;
	}
ol.cities li div.city {
	position: relative;
	clear: left;
	height: 5.6em;
	padding: 0.7em;
	background: #ffffff;
	overflow: hidden;
	}
	
	ol.cities li div.city2 {
	position: relative;
	clear: left;
	height: 5.6em;
	padding: 0.7em;
	background: #ffffff;
	overflow: hidden;
	left: 4.1em;
	top: -1em;
	}
	
	ol.cities li div.city3 {
	position: relative;
	width: 670px;
    clear: left;
	height: 8.6em;
	padding: 0.7em;
	background: #ffffff;
	overflow: hidden;
	left: -26em;
	top: -1em;
	}
	
	
	
	
	
ol.cities li div.city a.city-over {
	display: block;
	text-indent: -9999px;
	}
ol.cities li div.city:hover a.city-over {
	text-indent: 0;
	position: absolute;
	top: 1.0em;
	left: 1.0em;
	width: 7.7em;
	height: 3.4em;
	margin: 0;
	padding: 1em;
	/* underlines the hover over text inside the box */
	text-decoration: none;
	color: #cccccc;
	background-color: #333333;
	}
ol.cities li div.city:hover a.city-over strong {
	display: block;
	font-size: 2.5em;
	font-family: "Gill Sans";
	font-weight: normal;
	line-height: 1em;
	color: #ffffff;
	}
ol.cities li div.city-img {
	height: 5em;
	width: 9em;
	float:left;
	overflow: hidden;
	border:5px solid #cac4b3; 

	
	
	}
ol.cities li div.city-img img {
	width: 10em;
	border:none;
	
	}
	
	
	ol.cities li div.city-img2 {
	height: 5em;
	width: 9em;
	float:left;

	overflow: hidden;
	border:5px solid #cac4b3; 

	
	
	}
ol.cities li div.city-img2 img {
	width: 10em;
	border:none;
	float:left;

	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	ol.cities li div.city-over {
	
	width: 10em;
	border:10px;
	}
ol.cities li ul.tools {
	margin: 0 10px 5px 10px;
	text-align: left;
	}
	
h3 {
	margin: 0 0 0 0;
	padding: 0 0 0px 0;
	font-family: verdana arial helvetica;
	font-size: 1em;
	color: #000000;
	
	}

#homeFlash {
			float: left;
				
			height:282px; 
			background-color:#FFFFFF; 
			padding-left: 0px;
			text-align:center;
			padding-top: 0px; 
			margin-top: 0px;
			margin-bottom: 0px;
			margin-left:0px;
			width: 700px;
			border:0px;
}



#homeFlash2 {
			
			height:282px; 
			background-color:#FFFFFF; 
			width: 198px;
			text-align:left;
			padding-left: 0px;
			padding-top: 0px; 
			margin-top: 0px;
			
		
			float: right;
			border:0px;
}

#leftText {
			
			height:282px; 
			background-color:#FFFFFF; 
			width: 190px;
			text-align:left;
			padding-left: 3px;
			padding-right: 3px;
			padding-top: 3px; 
			margin-top: 3px;
			float: left;
		
}

#mainText {
			
			height:382px; 
			
			width: 378px;
			text-align:left;
			padding-left: 3px;
			padding-right: 3px;
			padding-top: 3px; 
			margin-top: 3px;
			float: left;
		
}
								
								
								
								
* =Nav
----------------------------------------------- */
#container-nav
{
	padding: 0;
	margin: 11px 0 0 0;
	font: bold 1.75em Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #FFFFFF;
}

/* box model hack for IE 5.x */
#container-nav {
	width:200px; 

	}
html>body #container-nav {
	width:185px; 
	}
/* end box model hack */

#container-nav ul {
	list-style: none;
	border: none;
	}

#container-nav li {
	border-bottom: 1px solid #fff;
	margin: 0;
	}

#container-nav li a, #container-nav li#active span {
	display: block;
	padding: 5px 0 5px 5px;
	border-left: 10px solid #8ba38b;
	background-color: #598059;
	color: #fff;
	text-decoration: none;
	width: 100%;
	}

#container-nav li#active span {
	background-color: #d5e5d5;
	color: #0f400f;
	}

html>body #container-nav li a { width: 185px; }

#container-nav li a:hover {
	border-left: 10px solid #0c330c;
	background-color: #0f400f;
	}
	
	
	.contents-section{
width:296px;
height:200px;

float:left;
padding-left:10px;
padding-right:10px;

background-position:top;
background-repeat:no-repeat;
}

.content-box{
width:340px;
height:200px;
float:left;

background-position:top;
background-repeat:no-repeat;
padding-top:0px;
padding-left:0px;
padding-right:0px;
}




/* ---------------------------------------------------------------------------------
   FOOTER
--------------------------------------------------------------------------------- */



div.bottom {
	margin: 0 auto;
	padding: 0;
	width:100%;
	text-align:left;
	color:#000000;

	background:#333333 top repeat-y;
	
	}
	
	div.bottom a {
	
	color:#000000;
	text-decoration: underline;
background:#FFFFFF  266px top repeat-y;

	
	}	
	
		

div.bottom div.box {
	width:215px;
	height: 104px;
	padding:20px 20px 20px 65px;
	float:left;
	}

div.bottom div.box-recommend {

background:url(../images/corners20.png) 18px 22px no-repeat;
	
	}	

div.bottom div.box-newsletter {
	background:url(../images/corners18.png) 18px 22px no-repeat;
	}		

div.bottom div.box-status {
	background:url(../images/corners22.png) 18px 22px no-repeat;
	}	
		
div.footer {
	/* background:#3c3933; */
	background:#333333;
	clear:both;
	
	 border-top:1px  solid #FFFFFF;

	text-align:left;
	padding:7px 20px 10px 20px;
	
	}	
	
div.footer a {
	margin-right:10px;
   
	} 
	
	dl, dt, ul, li, li a:hover {
	


color:#000000;
padding-top: 0px;
}





.footer, .push {
	height: 100px;
}


.footer {
	background-image: url('/gfx/footer_bg.jpg'); background-repeat: repeat-x;
}


.footer { font: 9px Verdana, Arial, sans-serif; color: #fff; line-height: 1.5em;
}


.footer A { font: 9px Verdana, Arial, sans-serif; color: #fff; line-height: 1.5em;
}

.footer A:hover { font: 9px Verdana, Arial, sans-serif; color: #fff; line-height: 1.5em; text-decoration:none;
}







/* THE SECTION BELOW CONTAINS THE GREY SECTION OF THE HOMEPAGE (NEWS & EVENTS, SAFECART, AND FEATURED MERCHANTS) */









#grey{
width:100%;
height:238px;
background-image:url(/images/grey.jpg);
}

#grey h4{
color: #004282;
padding: 15px 0px 2px 30px;
}

#grey h5{
color: #2e2e2e;
padding: 20px 0px 0px 30px;
margin-bottom:0px;
}

#greycontainer{
width:1000px;
margin-left:auto;
margin-right:auto;
position:relative;
left:57px;
}


#newsandevents{
width:335px;
height:238px;
float:left;
background-image:url(/images/newsandeventsbg.jpg);
background-repeat:no-repeat;
position:relative;
top:5px;
margin-right:8px;
}

#newsandevents p{
font-size:13px;
color: #2e2e2e;
padding: 4px 0px 0px 30px;
line-height:16px;
}

#newsandevents a{
color: #2d76bd;
}

#newsandevents a:hover{
color: #000;
}

#safecart{
width:335px;
height:238px;
background-image:url(/images/safecartbg.jpg);
background-repeat:no-repeat;
padding-left:10px;
float:left;
position:relative;
top:5px;
}

#safecart img{
padding:10px 0px 0px 10px;
}

#safecart p{
font-size:13px;
padding-left:15px;
margin-bottom:12px;
color: #2e2e2e;
line-height:16px;
}

#featuredmerchants{
width:220px;
height:230px;
position:relative;
top:5px;
padding-left:15px;
background-image:url(/images/featuredmerchantsbg.jpg);
background-repeat:no-repeat;
float:left;
}

#featuredmerchants h4{
position:relative;
right:20px;
margin-bottom:8px;
}

#featuredmerchants img{
padding-left:7px;
}