/*

COLORS



Dark Gray=#595959

Dark red=#8c2a2c (main color)

Light Red=#e89999 (highlight color)

*/



/* @group HTML body tags */



body{

background-color: #cccccc;

/* background-image:url(../images/bg_stripes_gray.gif); */

background-image:url(../images/bg_gray.gif);

background-repeat:repeat-x repeat-y;

margin:0px;

padding:0px;

font-family: verdana;

font-size:12px;

color: #000000;

line-height: 1.2;

}



img{

border:0px;

}



/* @end */



/* @group Link Styles */







/*

---------------

nav c type link

-------------

*/





.c:link {text-decoration: none; color:#333; padding:15px;}

.c:hover {text-decoration: none; color: #fff; padding:15px;}

.c:visited {text-decoration: none; color: #333; padding:15px;}

.c:visited:hover {text-decoration: none; color: #fff; padding:15px;}

.c:active {text-decoration: none; color: #fff; padding:15px;}



.b {text-decoration: underline; color: #000;}

.b:hover {text-decoration: underline; color: #333;}

.b:visited {text-decoration: underline; color: #000;}

.b:visited:hover {text-decoration: underline; color: #333;}







/* @end */



/* @group text Styles */



/*

h1 - main cityguide logo

h2 - section headings on colored boxes

*/



h1 {

font-weight:bold;

font-size:38px;

color:#595959;

display:inline;

}



h2 {

font-size: 110%;

color:#ffffff;

text-align:right;

display:inline;

}



h3 {

font-weight:bold;

font-size:22px;

color:#595959;

display:inline;

}



h4 {

font-weight:bold;

font-size:14px;

color:#595959;

display:inline;

}



/* @end */



/* @group Clearfix */



.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */


.clearfix1:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix1 {display: block;}



/* Hides from IE-mac \*/

* html .clearfix1 {height: 1%;}

.clearfix1 {display: block;}


/* @end */





/*

---------------

containers



border-style: solid;

border-width: 1px;

border-color: #ffffff;



-------------

*/



/* @group Right Column */



#column_text {

	text-align: left;

	font-size:12px;

	line-height: 1.8;

	font-weight: normal;
	
	padding-left: 5px;

}



#recent_updates{

margin:0px;

padding:0;

list-style:none;

width:100%;

}



#recent_updates li{

	padding-bottom: 10px;

	text-align: right;

	font-style: italic;

	font-size:12px;

	margin-top: -20px;

}



/* @end */



/* @group Nav List */



#navlist {

margin:0px;

padding:0;

list-style:none;

width:100%;

float:left;

}



#navlist li {

margin:0 0 0 0;

padding: 11px 0px 11px 0px;

float:left;

background-color:#fff;;

border-right:1px solid #595959;

font-size:16px;

color:#333;

margin-top:-14px;

_margin-top:0px;

_padding: 0px 0px 0px 0px;

_line-height:2.4;

}



/* safari padding:12px 15px 12px 15px; */



#navlist li a:link {text-decoration: none; color:#333; _padding:15px; padding:12px 15px 12px 15px;}

#navlist li a:visited {text-decoration: none; color: #333; _padding:15px; padding:12px 15px 12px 15px;}

#navlist li a:visited:hover {text-decoration: none; color: #fff; _padding:15px; padding:12px 15px 12px 15px;}



#navlist li#nav-8 {

margin-right:0;

border:0px;

}



/* @end */



/* @group structure */



#container_header {

width:728px;

margin-bottom:15px;

}

#container_header2 {

width:960px;

margin-bottom:15px;

}



#logo {

width:728px;

_float: left;

}



#logo2 {

width:960px;

_float: left;

}



#locationid {

	float: right;

	position: relative;

	top: 30px;

	left: 160px;

	font-size: 12px;

	_left:0px;

}


#locationid_new {

	float: right;

	position: relative;

	top: 30px;

	font-size: 12px;

	_left:0px;

}

#nav {

width:726px;

height:13px;

border:1px solid #595959;

padding:14px 0 14px 0;

_padding:0px 0 0px 0;

background-color:#ffffff;

}
#nav2 {

width: 960px;

height:13px;

border:1px solid #595959;

padding:14px 0 14px 0;

_padding:0px 0 0px 0;

background-color:#ffffff;

}



#container_main {

width:728px;

background-color:#ffffff;

background-image:url(../images/bg_contentarea.png);

background-position:top center;

background-repeat:repeat-x;

padding-right:15px;

padding-left:15px;

padding-bottom:15px;

margin-right:auto;

margin-left:auto;

}


#container_main2 {

width:960px;

background-color:#ffffff;

background-image:url(../images/bg_contentarea.png);

background-position:top center;

background-repeat:repeat-x;

padding-right:15px;

padding-left:15px;

padding-bottom:15px;

margin-right:auto;

margin-left:auto;

}



#container_pagebody {

width:728px;

margin-bottom:15px;

}

#container_pagebody2 {

width:960px;

margin-bottom:15px;

}



#content_left {
	width:500px;
	float: left;
}


#content_left2 {
	width:637px;
	float: left;
}

/*
#content_right {
float:right;
width:200px;
}
*/

#content_right_OLD {
float:right;
width:200px;
background-image:url(../images/bg_stripe.gif);
background-repeat: repeat;
border-left: dotted #999 1px;
/*padding: 2px 10px 2px 10px;*/
padding: 2px 5px 2px 5px;
}

/*#content_right {*/
#content_right {
float:right;
width:200px;
background-color:#f6f6f6;
background-repeat: repeat;
border-left: dotted #999 1px;
/*padding: 2px 10px 2px 10px;*/
padding: 2px 5px 2px 5px;
}
#content_right2 {
float:right;
width:280px;
background-color:#f6f6f6;
background-repeat: repeat;
border-left: dotted #999 1px;
padding: 2px 5px 2px 5px;
height: 530px;
overflow: auto;
}


#footer {

height:28px;

text-align:right;

color:#ffffff;

padding-top:5px;

padding-bottom:5px;

padding-right:5px;

font-size:12px;

width: 723px;

}


#footer2 {

height:28px;

text-align:right;

color:#ffffff;

padding-top:5px;

padding-bottom:5px;

padding-right:5px;

font-size:12px;

width: 960px;

}







/* @end */



/* @group Reuseables */



.area_nav {

	font-size: 14px;

	font-weight:bold;

	

}



#google_adlinks {

	width: 728px;

	margin-bottom: 5px;

}







.readmore {

	float: right;

	margin-top:8px;

}



#google_ad278x90 {

	width: 728px;

	margin:10px 0 0px 0px;

	

}



#image_thumb_left {

	margin: 5px;

	margin: 0px 10px 10px 0px;

	border: 1px solid #000;

	display: inline-block;

	float: left;

}



#section_header {

width:195px;

height:17px;

padding-top:1px;

padding-bottom:1px;

padding-right:4px;

text-align:right;

line-height:1.5;

color:#ffffff;

margin-bottom:10px;

margin-top:0px;

font-size:12px;

font-weight: bold;
}

#section_header2 {

width:250px;

height:17px;

padding-top:1px;

padding-bottom:1px;

line-height:1.5;

color:#ffffff;

margin-bottom:10px;

margin-top:0px;

font-size:12px;

font-weight: bold;



}



#tab {

background-image:url(../images/tab.png);

float:right;

width:175px;

height:23px;

margin-right:-15px;

text-align:right;

line-height:2.2;

_font-size:10px;

_z-index:10;

_position:absolute;

_right:138px;



}


#tab2 {
	background-image: url(../images/tab.png);
	float: right;
	width: 175px;
	height: 23px;
	margin-right: -15px;
	text-align: right;
	line-height: 2.2;
	_font-size: 10px;
	_z-index: 10;
	_position: absolute;
	_right: 138px;
	border: 0px solid;
}



.image_infobar {

	color: #fff;

	filter:alpha(opaciy=65);

	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);

	-khtml-opacity: 0.65;

	-moz-opacity:.65;

	opacity: .65;

	background-color:#000;

	width: 195px;

	position: relative;

	top: 120px;

	z-index: 5;

	padding: 2px 5px 2px 0px;

	color:#fff;

	font-weight:bold;

	font-size:14px;

	text-align:right;

}











.image_infobar_large {

	color: #fff;

	filter:alpha(opaciy=65);

	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);

	-khtml-opacity: 0.65;

	-moz-opacity:.65;

	opacity: .65;

	background-color:#000;

	width: 197px;

	position: relative;

	top: 140px;

	z-index: 5;

	padding: 2px 5px 3px 0px;

	color:#fff;

	font-weight:bold;

	font-size:14px;

	text-align:right;

}



#section_header_large {

width: 500px;

height:17px;

padding-top:1px;

padding-bottom:1px;

padding-left:4px;

text-align:left;

line-height:1.5;

color:#ffffff;

margin-bottom:10px;

margin-top:10px;

font-size:12px;

font-weight: bold;

}

#section_header_large2 {

width: 637px;

height:17px;

padding-top:1px;

padding-bottom:1px;

padding-left:4px;

text-align:left;

line-height:1.5;

color:#ffffff;

margin-bottom:10px;

margin-top:10px;

font-size:12px;

font-weight: bold;

}



#section_header_large img{

	float: right;

}



/* @group Index Page - main */



#main_photo {

	width:500px;

	margin-bottom: 15px;

    padding-bottom: 0px;

	text-align: center;

	font-style: italic;

	font-size:12px;

}



#main_photo img {



	border: solid 1px #000;

}





#main_copy {

	width:500px;

	margin-bottom: 15px;

	font-size:12px;

}



/* @group row 2 */



#container_row2 {

	_width: 505px;

}



#adbox {

	width:300px;

	height: 250px;

}



#google_map {

	

	width:200px;

	height: 250px;

	float: right;



}







/* @end */



/* @group row 3 */


.forsale_table {
	background-color: #ededed;
	width: 500px;
	margin-bottom:10px;
	margin-top: 15px;
}


.forsale {
font-style: italic;
font-size:12px;
}



/* @end */







/* @end */



/* @end */



/* @group Index Page - article */



#main_article_text {

	width: 75px;

	display: inline;

}



#main_article {

	width: 500px;

	height: 225px;

}







/* @end */



/* @group Gallery */



#gallery_image_nav {

	width: 728px;

	text-align: center;

	font-size: 12px;

	margin:  5px 0 5px 0;

}



#container_gallery {

	width: 500px;

	height: 450px;

}



#gallery_nav1 {

	font-size: 12px;

}



#gallery_nav2 {

	font-size: 12px;



}



#gallery_bottom_nav {

	text-align: right;

	margin-top: 25px;

	font-size: 12px;

	

}



.gallery_item {

width: 150px;	

font-style: italic;

font-size: 12px;

text-align:right;

margin-top: 25px;

float: left;

margin-right: 15px;

display: inline;

_margin-right:8px;

}



.gallery_item img {

	border: 1px solid #000;

}



#gallery_image_title {

	font-size:22px;

	color:#fff;

	font-weight: bold;

	margin-bottom: 5px;

	padding: 2px 0 2px 5px;

	width: 723px;

}





/* @end */



/* @group Map */





#map_nav {

	margin-top: 25px;

	text-align: center;

	font-size: 16px;

	font-weight:bold;

}







/* @end */



/* @group Directory */



#section_header_business {

width:216px;

height:17px;

padding-top:1px;

padding-bottom:1px;

padding-left:4px;

padding-right:4px;

line-height:1.5;

color:#ffffff;

margin-bottom:10px;

margin-top:10px;

font-size:12px;

font-weight: bold;

} 



#section_header_business img {

	float: right;

}



#column1 {

	width: 220px;

	font-size:12px;

	line-height: 1.8;

	font-weight: normal;

}



#column2 {

	width: 220px;

	float: right;

	font-size:12px;

	line-height: 1.8;

	font-weight: normal;

}



#directory_item {

	font-size:12px;

	margin-bottom: 15px;

	width: 500px;

}



#directory_logo {
	/*width: 125px;*/
	display: inline;
	float: left;
	margin-right: 5px;
	/*border: 1px #000 solid;*/
}

#directory_copy {
	text-align: left;
	/*border: 1px #000 solid;*/
}


/* @end */

/* @group Articles */


#article_item {

	font-size:12px;

	margin-bottom: 30px;

	width: 500px;

}



#article_photo {

	float: left;

	margin-right: 10px;

}





/* @end */



/* @group Calendar */



#AdminCalendar {

  margin: 15px 5px 5px 5px;

  border-top: 1px solid #cccccc;

  border-right: 1px solid #cccccc;

}

#AdminCalendar thead {

   background: #CCCCCC;

}



#CalendarPrevious {

  text-align: left;

  padding: 4px;

}



#CalendarMonth {

  text-align: center;

  padding: 4px;

}



#CalendarNext {

  text-align: right;

  padding: 4px;

}



#AdminCalendar td {

  width: 110px;

  padding: 2px 0;

}



#AdminCalendar tr#Week {

  text-align: center;

}

#AdminCalendar tr#Week td {

  border-bottom: 1px solid #cccccc;

  border-left: 1px solid #cccccc;

}



#AdminCalendar tr.Days {

  text-align: right;

}

#AdminCalendar tr.Days td {

  height: 100px;

  padding: 2px 5px;

  vertical-align: top;

  border-bottom: 1px solid #cccccc;

  border-left: 1px solid #cccccc;

}

#AdminCalendar span.details {

  display: block;

  font-size: 10px;

  text-align: center;

}

#AdminCalendar span.impressions {

  font-size: 12px;

  text-align: center;

  display: block;

}

#AdminCalendar td.currentDay {

  font-weight: bold;

  background: #CCCCCC

}

span.statsFor {

  text-align: center;

  display: block;

  font-weight: bold;

  font-size: 18px;

}









/* @end */



/* @group Listings */



#listings_thumbs_box {

	width: 500px;

	padding: 10px 0px 25px 0px;

	

}



.listings_thumbs {

	margin-left: 20px;

	display: inline;

	width: 100px;

	float:left;

}



.listings_thumbs img {

	margin-bottom: 10px;

	

}



#listing_index_box {

	width: 705px;

	padding: 0px 10px 10px 10px;

}



.listing_item {

	width: 200px;

	height: 240px;

	padding: 10px 10px 10px 10px;	

	float: left;

	margin-left:10px;

	text-align: right;

}



.listing_item img {

	border: 1px solid #000;

}



#listing_page_info {

	margin-top: 15px;

	text-align:center;

	

}



.image_infobar_blank {

	color: #fff;

	filter:alpha(opaciy=65);

	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);

	-khtml-opacity: 0.65;

	-moz-opacity:.65;

	opacity: .65;

	width: 195px;

	position: relative;

	top: 120px;

	z-index: 5;

	padding: 2px 5px 2px 0px;

	color:#fff;

	font-weight:bold;

	font-size:14px;

	text-align:right;

}


#mapLinksWrap{width:727px;
	margin:15px 0 0 0;
	}

#mapLft_Col {width:250px;
	padding:0 5px;
	border-left:1px dotted #333333;
	border-right:1px dotted #333333;
	float:left;
	/*height:270px;*/
	}
#mapMid_Col {width:222px;
	background:#EEEEEE;
	padding:5px 0 0 10px;
	float:left;
	/*height:270px;*/
	}
#mapRt_Col {width:220px;
	float:left;
	border-left:1px dotted #333333;
	border-right:1px dotted #333333;
	padding:0 0 0 10px;
	/*height:270px;*/
	}
	
/* Mid Column List */
	
#mapMid_Col ul {margin:10px 0 0 0;
	padding:0;
	}
#mapMid_Col li {list-style:none;
	line-height:18px;
	text-align:left;
	}
#mapMid_Col li a{font-weight:bold;}
#mapMid_Col h3 {margin:0;
	padding:0 0 15px 0;
	font-size:13px;
	font-weight:bold;
	}

/* Right Column List */
	
#mapRt_Col ul {margin:10px 0 0 0;
	padding:0;
	}
#mapRt_Col li {list-style:none;
	line-height:18px;
	text-align:left;
	}
#mapRt_Col li a{font-weight:bold;}

#mapRt_Col h3 {margin:0;
	padding:0 0 15px 0;
	font-size:13px;
	font-weight:bold;
	}
	
/* Neighborhoods */

#mapKey {width:717px;
	border:1px dotted #333333;
	background:#EEEEEE;
	margin:10px 0 0 0;
	padding:5px;
	} 
#mapKey h3 {margin:0;
	padding:0 0 15px 0;
	font-size:13px;
	font-weight:bold;
	}
#mapKey ul {margin:10px 0 0 5px;
	padding:0;
	}
#mapKey li {background:url(../images/hoodImg.jpg) left no-repeat;
	padding-left:30px;
	line-height:28px;
	list-style:none;
	font-size:11px;
	}
	
#clear {clear:both;}

/* classes */

.noBold {font-weight: normal;}
.mapLink  {text-decoration: none;
	color: #8C2A2C;
	font-weight:normal;
	}

.mapLink:hover {text-decoration: none; color: #E89999;}

/* @end */