@charset "UTF-8";


html {
	margin:0;
	padding:0;
	height:100%;
}


body {
	margin:0;
	padding:0;
	height:100%;
}

#container {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	margin:0;
	position:relative;
	text-align:center;
	height:100%;
	padding:0 0 50px 0;
	overflow:hidden;
}

#containerBG {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:left;
	min-height: 100%;
	border-left:solid;
	border-width:1px;
	border-color: #e0e0e0;
	margin-bottom:-27px;
	padding:0;
}

#leftNav {
	width:267px;
	position:relative;
	float:left;
}

#leftNav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	display:inline-block;
	
}

#leftNav ul li{
	margin: 0px;
	padding:0px;
	float: left;
	position: relative;
}

#leftNav ul li a{
	margin: 0px;
	padding:0px;
	float: left;
	position: relative;
}

#leftNav li.blank {
	margin:0;
	padding:0;
	height:42px;
	position:relative;
	display:inline-block;
	
}

#popNav {
	width:245px;
	position:relative;
	float:left;
	clear:left;
	padding: 0 0 0 22px;
	text-align:left;
	
}



#popNav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	display:inline-block;
	
}

#popNav ul li{
	margin: 0px;
	padding:10px 0;
	float: left;
	height:25px;
	position: relative;
}

#popNav ul li a{
	margin: 0px;
	padding:0px;
	float: left;
	position: relative;
}


#header {
	width:733px;
	height:326px;
	margin:0;
	padding:0;
	clear:right;
	float:right;
	position:relative;
	display:block;
}

#headerImage {
	width:251px;
	height:326px;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	background-image: url(../images/SDCoffeeShops-header1.jpg);
}


#headerNav {
	width:482px;
	height:23px;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	background-image: url(../images/SDCoffeeShops-topnav.gif);
}

#headerNav ul {
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #6d441a;
	
}

#headerNav ul li{
	margin: 0;
	padding: 0 50px 0 0;
	display:inline;
	line-height:28px;

}

#headerNav ul li a {
	text-decoration:none;
	color: #6d441a;
}

#headerNav ul li a:visited {
	text-decoration:none;
	color: #6d441a;
}

#headerNav ul li a:hover {
	text-decoration:underline;
	color: #6d441a;
}



#headerContent{
	width:465px;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	text-align:left;
}


#mapNav {
	width:716px;
	height:25px;
	position:relative;
	float:right;
	clear:right;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	z-index:25;
}

#mapNav ul {
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6d441a;
	text-align:center;
	
}

#mapNav ul li{
	margin: 0;
	padding: 0 15px;;
	display:inline;

}

#mapNav ul li a {
	text-decoration:none;
	color: #6d441a;
	padding:5px 25px;
	background-color:#FFFFFF;
}

#mapNav ul li a:visited {
	text-decoration:none;
	color: #6d441a;
	background-color:#FFFFFF;
}

#mapNav ul li a:hover {
	text-decoration:underline;
	color: #98241f;
	background-color:#D8D8D8;
}


#mapNav2 {
	width:716px;
	height:25px;
	position:relative;
	float:right;
	clear:right;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	z-index:25;
}

#mapNav2 ul {
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6d441a;
	text-align:center;
	
}

#mapNav2 ul li{
	margin: 0;
	padding: 0 15px;;
	display:inline;

}

#mapNav2 ul li a {
	text-decoration:none;
	color: #6d441a;
	padding:5px 25px;
	background-color:#FFFFFF;
}

#mapNav2 ul li a:visited {
	text-decoration:none;
	color: #6d441a;
	background-color:#FFFFFF;
}

#mapNav2 ul li a:hover {
	text-decoration:underline;
	color: #98241f;
	background-color:#D8D8D8;
}


#mapArea {
	width:700px;
	margin:0;
	padding:8px;
	position:relative;
	float:right;
	background-image:url(../images/map-bg.gif);
	background-position: center top;
	background-repeat:no-repeat;
	
}

#mapIframe {
	width:672px;
	height:620px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

#footer {
	background-image: url(../images/SDCoffeeShops-footer.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 1000px;
	position:relative;
	clear:both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #6d441a;
	text-align: left;
	line-height:25px;
	margin-left:auto;
	margin-right:auto;
	text-indent:45px;
	display:block;
}


#footer, .push {
	height: 27px; /* .push must be the same height as .footer */
}





#content {
	width:700px;
	margin:0;
	padding: 0;
	position:relative;
	float:right;
	text-align:left;	
}

#contentDir {
	width:700px;
	margin:0;
	padding:0 10px 0px;
	position:relative;
	float:right;
	text-align:left;
	
}

#dirNav {
	width:716px;
	height:25px;
	position:relative;
	float:right;
	clear:right;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
}

#dirNav ul {
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6d441a;
	text-align:center;
	
}

#dirNav ul li{
	margin: 0;
	padding: 0 15px;;
	display:inline;

}

#dirNav ul li a {
	text-decoration:none;
	color: #6d441a;
	padding:5px 25px;
	background-color:#FFFFFF;
}

#dirNav ul li a:visited {
	text-decoration:none;
	color: #6d441a;
	background-color:#FFFFFF;
}

#dirNav ul li a:hover {
	text-decoration:underline;
	color: #98241f;
	background-color:#D8D8D8;
}

#dirBox {
	margin:0;
	padding:0;
	position:relative;
	float:right;
	clear:right;
	padding-bottom:10px;
}

#dirNav2 ul {
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6d441a;
	text-align:center;
	
}

#dirNav2 ul li{
	margin: 0;
	padding: 0 15px;;
	display:inline;

}

#dirNav2 ul li a {
	text-decoration:none;
	color: #6d441a;
	padding:5px 25px;
	background-color:#FFFFFF;
}

#dirNav2 ul li a:visited {
	text-decoration:none;
	color: #6d441a;
	background-color:#FFFFFF;
}

#dirNav2 ul li a:hover {
	text-decoration:underline;
	color: #98241f;
	background-color:#D8D8D8;
}












.footerBG {
	background-image: url(../images/SDCoffeeShops-footer.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 267px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #6d441a;
	text-align: center;
}
.topNav {
	background-image: url(../images/SDCoffeeShops-topnav.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 422px;
}
.smallBrown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #6d441a;
	line-height: 30px;
}
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #97251f;
}
.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #252525;
}
.contentSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #252525;
}
.dividerLine {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d8d8d8;
}
.directoryContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #252525;
}
.directoryContentGray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #EDEDED;
}
.brown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6d441a;
}
a.brownLink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:underline;
	font-weight: bold;
	color: #6d441a;
}
a.brownLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:underline;
	font-weight: bold;
	color: #6d441a;
}

a.brownLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:underline;
	font-weight: bold;
	color: #6d441a;
}

a.smallBrownLink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration:underline;
	color: #6d441a;
	line-height: 30px;
}
a.smallBrownLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration:underline;
	color: #6d441a;
	line-height: 30px;
}

a.smallBrownLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration:underline;
	color: #6d441a;
	line-height: 30px;
}

a.smallLink:link {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #6d441a;
}
a.smallLink:visited {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #6d441a;
}
.red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #98241f;
}
.redMed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #98241f;
}
a.directoryRedLink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #98241f;
}
a.directoryRedLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #98241f;
}
a.redLink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #98241f;
}
a.redLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #98241f;
}

.leftBG {
	background-image: url(../images/SDCoffeeShops-left-bg.gif);
	background-repeat: repeat-y;
}
.smallBrown2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #6d441a;
}
.directoryTop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #6d441a;
	background-color: #ccba83;
}
.adSenseLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
	vertical-align: top;
}
a.directoryLink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #252525;
}
a.directoryLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #252525;
}
.smallBrown3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #6d441a;
	text-decoration:underline;
	cursor:pointer;
	cursor:hand;
}
.directoryTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #252525;
}