body {
background-color: #9f8bb3; 
margin: 0;
padding: 0;
font-family: 'Trebuchet MS1', Helvetica, sans-serif;
color: #000;
font-size: 88%;
}

h1 {
margin: 5px 0 12px 0:
} 

h1 { font-family: 'Trebuchet MS1', Helvetica, sans-serif, sans-serif; font-size: 135%;  color: #2b1442}
h2 { font-family: 'Trebuchet MS1', Helvetica, sans-serif; font-size: 125%;  color: #2b1442}
h3 { font-family: 'Trebuchet MS1', Helvetica, sans-serif; font-size: 115%;  color: #2b1442; border-bottom: 1px solid #2b1442; text-indent: 3px;}
h4 { font-family: 'Trebuchet MS1', Helvetica, sans-serif; font-size: 108%;  color: #2b1442}
h5 { font-family: 'Trebuchet MS1', Helvetica, sans-serif; font-size:  95%;  color: #2b1442}


img {
border: 0 solid #ddd;
}

a:link img {
border: 0;
}

a:link {
color: #1d1280; 
text-decoration: underline;
}

a:visited {
color: #1d1280; 
text-decoration: underline;
}

a:hover {
color: #c81802;
text-decoration: underline;
}

#PageWrapper {
width: 995px;
}

#Header {
position: relative;
height: 180px;
}

#ContentWrapper {
float: left;
width: 100%;
}

#ContentColumn {
margin: 0 270px 0 175px;   
}

#NavColumn {
float: left;
width: 175px;               
margin-left: -995px;      
}

#ExtraColumn {
float: left;
width: 270px;           
margin-left: -270px;      
}

#Footer {
clear: both;
width: 100%;
padding: 8px 0;
border-top: 1px solid #2b1442;
}

.Liner {
padding: 2px;
}

#Header .Liner {
padding: 0;
}

#Footer .Liner {
margin: 0;
padding: 0;
}


#PageWrapper {
margin: auto;
background-color: #efefef;
}

#Header {
background-image: url(http://www.in-and-around-columbus.com/images/in-and-around-columbus-header.jpg);
background-repeat: no-repeat;
background-color: transparent;
background-position: top left;
}

#ContentWrapper {
background-color: #efefef;
}

#NavColumn {
background-color: #efefef;
}

#ContentColumn {
background-color: #efefef;
}

#ContentColumn ul {list-style-type: disc; list-style-position: inside; margin: 0 0 8px 10px;}

#ContentColumn li {margin: 0 0 8px 5px;}

#ContentColumn ol {list-style-type: decimal; margin: 0 0 8px 10px;}

#ContentColumn li {margin: 0 0 8px 5px;}

#ExtraColumn {
background-color: #efefef;
}


#Footer {
background-color: #efefef;
text-align: center;
font-size: 85%;
}

#Footer a:link {
color: #1d1280; 
text-decoration: underline;
}

#Footer a:visited {
color: #1d1280; 
text-decoration: underline;
}

#Footer a:hover {
color: #c81802;
text-decoration: underline;
}

#Footer p{
color: #2b1442;
font-weight: bold;
}

#NavColumn {
font-size: 90%;
color: #000;
}

#ExtraColumn {
font-size: 90%;
}


#ExtraColumn h3 {
font-size: 110%;
color: #2b1442;
border-bottom: 1px solid #2b1442;
text-indent: 3px;
margin-top: 0;
}

#ExtraColumn a:link {
color: #1d1280; 
text-decoration: underline;
}

#ExtraColumn a:visited {
color: #1d1280; 
text-decoration: none;
}

#ExtraColumn a:hover {
color: #c81802;
text-decoration: underline;
}

#ExtraColumn ul {
font-size: 89%;
list-style-type: none;
padding: 0 0 8px 10px;
margin: -6px 0 0 0;
}

#ExtraColumn li {
line-height: 18px;
margin-bottom: 2px;
border-bottom: 1px dashed #2b1442;
}


.Navigation {
width: 100%;
font-family: 'Trebuchet MS1', Helvetica, sans-serif;
font-size: 89%;
background-color: #fff;
}

.Navigation h3 {
padding: 0;
font-size: 120%;
color: #2b1442;
border-bottom: 1px solid #2b1442;
margin: 5px 0 12px 0;
}

.Navigation ul {
list-style-type: none;
padding: 0 0 8px 1px;
margin: -6px 0 0 0;
}

.Navigation li {
line-height: 18px;
margin-bottom: 2px;
border-bottom: 1px dashed #2b1442;
}

.Navigation a:link {
color: #1d1280; 
display: block;      
padding: auto;
text-decoration: none;
font-weight: bold;
}

.Navigation a:visited {
color: #1d1280; 
text-decoration: none;
font-weight: bold;
}

.Navigation a:hover {
color: #c81802;
display: block;  
padding: auto;
text-decoration: none;
font-weight: bold;
}

.CalloutBox {
background-color: #eaeaea;
width: 85%;
border: 1px dotted #1d1280; 
margin: 18px auto 24px auto;
padding: 4px;
color: #c00000;
}

div.CalloutBox p {
margin: 13px;
}

p.CalloutBox {
padding: 13px;
}

div.CalloutBox h1,
div.CalloutBox h2,
div.CalloutBox h3,
div.CalloutBox h4,
div.CalloutBox h5,
div.CalloutBox h6 {
margin: 13px 0 0 13px;
}

.ReminderBox {          
background-color: #ddd;
width: 24%;
border: 1px solid #8f8fb3;
margin: 0 0 12px 18px;
float: right;             
color: #006;
}

.ReminderBox h4 {
margin: 0;
padding: 2px;
text-align: center;
background-color: #fff;
}

.ReminderBox p {
font-size: 80%;
padding: 0 4px;
line-height: 120%;
}

.dhbg {
background-color: #fff;
z-axis: 1;
text-align: center;
border-top: 1px solid #2b1442;
border-bottom: 1px solid #2b1442;
padding: 3px;
}

.note {
font-family: 'Trebuchet MS1', Helvetica, sans-serif;
background-color:#fff; 
font-size: 85%;
color: #666666;
font-weight: bold;
font-style: italic;
} 

/* -- RSS Box -- */

#addSiteTo {
width: 90%;
font-size: 105%;
color: #9d8c15;
text-align: left;
padding:8px 0;
margin:12px auto;
text-align: center;
background-color: transparent;
}

#addSiteTo p {
padding:2px 2px 4px;
margin:0;
}

#addSiteTo img {
border:0;
padding:1px 0;
}

#addSiteTo .questionMark {
 padding:0;
 margin:1px auto;
text-align: left;
 width:75%;
}

 #addSiteTo .questionMark img {
 margin:0 4px 4px 0;
 padding:0;
}

.Clear {
clear: both;
}

.round-container{
text-align:center;
font-family: 'Trebuchet MS1', Helvetica, sans-serif;
font-size: 100%;
font-weight:normal;
background-color:#fff;
color:#000;
width: auto;
margin: 0 0 0 4px;
}

.top-right-image{
background-image: url(http://www.dietreviewsguru.com/images/drg-white-tr-round.gif);
background-repeat: no-repeat;
background-position:top right;
}
.top-left-image{
background-image: url(http://www.dietreviewsguru.com/images/drg-white-tl-round.gif);
background-repeat: no-repeat;
background-position:top left;
}
.bottom-right-image{
background-image: url(http://www.dietreviewsguru.com/images/drg-white-br-round.gif);
background-repeat: no-repeat;
background-position:bottom right;
}
.bottom-left-image{
background-image: url(http://www.dietreviewsguru.com/images/drg-white-bl-round.gif);
background-repeat: no-repeat;
background-position:bottom left;
}

.text{
font-family: 'Trebuchet MS1', Helvetica, sans-serif;
font-size: 95%;
font-style:normal;
color:#000;
background-color:#fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
text-align:left;
padding: 0 8px 8px 8px;
}

.round-right{
text-align:center;
font-family: 'Trebuchet MS1', Helvetica, sans-serif;
font-size: 100%;
background-color:#fff;
color:#000;
width: auto;
margin: 0 1px 0 0;
}

.top-right-image1{
background-image: url(http://www.dietreviewsguru.com/images/drg-white-tr-round.gif);
background-repeat: no-repeat;
background-position:top right;
}
.top-left-image1{
background-image: url(http://www.dietreviewsguru.com/images/drg-white-tl-round.gif);
background-repeat: no-repeat;
background-position:top left;
}
.bottom-right-image1{
background-image: url(http://www.dietreviewsguru.com/images/drg-white-br-round.gif);
background-repeat: no-repeat;
background-position:bottom right;
}
.bottom-left-image1{
background-image: url(http://www.dietreviewsguru.com/images/drg-white-bl-round.gif);
background-repeat: no-repeat;
background-position:bottom left;
}

.text1{
font-family: 'Trebuchet MS1', Helvetica, sans-serif;
font-size: 95%;
font-style:normal;
color:#000;
background-color:#fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
text-align:left;
padding: 2px;
}

.round-left{
text-align:center;
font-family: 'Trebuchet MS1', Helvetica, sans-serif;
font-size: 100%;
font-weight:normal;
background-color:#fff;
color:#000;
width: auto;
padding: auto;
margin: 0 2px 0 2px;
}

.top-right-images{
background-image: url(http://www.dietreviewsguru.com/images/drg-white-tr-round.gif);
background-repeat: no-repeat;
background-position:top right;
}
.top-left-images{
background-image: url(http://www.dietreviewsguru.com/images/drg-white-tl-round.gif);
background-repeat: no-repeat;
background-position:top left;
}
.bottom-right-images{
background-image: url(http://www.dietreviewsguru.com/images/drg-white-br-round.gif);
background-repeat: no-repeat;
background-position:bottom right;
}
.bottom-left-images{
background-image: url(http://www.dietreviewsguru.com/images/drg-white-bl-round.gif);
background-repeat: no-repeat;
background-position:bottom left;
}

.texts{
font-family: 'Trebuchet MS1', Helvetica, sans-serif;
font-size: 95%;
font-style:normal;
color:#000;
background-color:#fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
text-align:left;
padding: 0 2px 2px 2px;
}

/*Images*/
.img-float-left {
	float: left;
	padding: 2px;
	margin-right: 5px;
	border: 2px solid #1d1280; 
}

.img-float-left-nb {
	float: left;
	padding: 4px;
	margin-right: 5px;
} 

.img-float-right {
	float: right;
	padding: 2px;
	margin-left: 5px;
	border: 2px solid #2e015c;
}

.img-float-right-nb {
	float: right;
	padding: 4px;
	margin-left: 5px;
}

.img-border {
padding: 2px;
margin:  5px;
border: 2px solid #2e015c;
}

/*** Clearing of a float ***/
div.clear {
	clear: both;
	width: 100%;
	height: 1px;
}

.solid {	
border-bottom: 3px solid #2b1442; 
border-bottom: hidden;
border-left: hidden; 
border-right: hidden;
width: 100%;
margin-left: auto;
margin-right: auto;
}

.dashed {
border-bottom: 1px dashed #2b1442;
border-top:hidden;
border-left:hidden;
width: 100%;
margin-left: auto;
margin-right: auto;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro-droplistv2.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#dropList {
height:30px;
width:993px;
background:#005db3 url(http://www.in-and-around-columbus.com/images/topback-1.jpg) repeat-x left center;
position:relative; 
font-family: 'Trebuchet MS1', Helvetica, sans-serif;
font-size:11px;
z-index:500;
border:1px solid #ccd;
border-width:1px 1px 0 1px;
}

#dropList ul#menu {
margin:0; 
padding:0 0 0 1px; 
list-style:none; 
white-space:nowrap;
}

#dropList ul#menu li.level1-li {
float:left;
height:29px;
padding-top:1px;
margin-right:1px;
}

#dropList ul#menu li.level1-li a.level1-a {
display:block; 
height:26px; 
float:left; 
border-left:0;
border-right:1px solid #ccccdd;
padding:0 17px 0 17px; 
text-decoration:none; 
line-height:24px; 
white-space:nowrap;
font-weight:bold;
color:#fff;
}

#dropList ul#menu li.sub a.level1-a {color:#fff;}

#dropList ul#menu li.level1-li:hover,
#dropList ul#menu li.level1-li a.level1-a:hover {position:relative;}

#dropList ul#menu li.level1-li a.level1-a:hover, 
#dropList ul#menu li.level1-li:hover a.level1-a {
border-left:1px solid #2d2d2d;
border-right:1px solid #000;
color:#fff;
background:url(http://www.in-and-around-columbus.com/images/over-1.gif);
}

#dropList ul#menu li.sub a.level1-a:hover {
height:29px;
color:#000;
background:url(http://www.in-and-around-columbus.com/images/tophover.gif);
}
 
#dropList ul#menu li.sub:hover > a.level1-a {
height:29px;
color:#005db3;
background:url(http://www.in-and-around-columbus.com/images/tophover.gif);
}

#dropList ul#menu li div.listHolder {
position:absolute; left:-9999px; top:30px; background:#fff url(http://www.dietreviewsguru.com/images/divider.gif); border:1px solid #000; border-width:0 1px 1px 1px; padding:0;}

/* IE6 only */
#dropList table {
border-collapse:collapse; 
margin:-1px -10px; 
font-size:1em; 
width:0; 
height:0;
}

#dropList ul#menu :hover div.listHolder {left:0;}
#dropList ul#menu a:hover div.listHolder {left:-1px; top:29px;}
#dropList ul#menu div.col1 {width:141px;}
#dropList ul#menu div.col2 {width:280px;}
#dropList ul#menu div.col3 {width:420px;}

#dropList ul#menu a:hover div.left1,
#dropList ul#menu :hover div.left1 {left:-141px;}


#dropList ul#menu div.listHolder div.bottomLine {clear:left; background:#005db3; padding:5px 10px;}
#dropList ul#menu a:hover div.listHolder div.bottomLine {height:1px;}
#dropList ul#menu div.listHolder div.bottomLine p {padding:0 0 0 15px; margin:0; line-height:20px; color:#fc0; background:url(http://www.dietreviewsguru.com/images/arrow-1.gif) no-repeat left center; font-weight:bold;}
#dropList ul#menu div.listHolder div.bottomLine p a {color:#fff;}
#dropList ul#menu div.listHolder div.bottomLine p a:hover {text-decoration:none;}

#dropList ul.atoz {padding:0; margin:0; list-style:none; width:800px; height:24px; background:#fff;} 
#dropList ul.atoz div.subListHolder {position:absolute; left:-9999px;}
#dropList ul.atoz li {display:block; float:left;}
#dropList ul.atoz li a {display:block; padding:0 10px; float:left; height:24px; line-height:24px; background:#fff; color:#000; text-decoration:none; text-align:center; font-weight:bold;}
#dropList ul.atoz li a:hover {background:#069; color:#fff;}
#dropList ul.atoz li:hover > a {background:#069; color:#fff;}

#dropList ul.atoz :hover div.subListHolder {left:-1px; top:24px; background:#fff url(http://www.dietreviewsguru.com/images/divider.gif); border:1px solid #000; border-width:0 1px 1px 1px;}

#dropList div.listCol {display:block; float:left; padding:10px; margin:0; width:120px;}
#dropList div.listCol h5 {padding:5px 0 0 0; margin:0; font-size:11px; line-height:13px; background:url(http://www.dietreviewsguru.com/images/linedot.gif) repeat-x left bottom; text-align:left;}
#dropList div.listCol ul {padding:0; margin:0; list-style:none;}
#dropList div.listCol ul li {line-height:15px; padding:0; margin:0;}
#dropList div.listCol ul li a {display:block;  color:#005db3; text-decoration:none; padding-left:10px; font-weight:normal; background:url(http://www.dietreviewsguru.com/images/dot.gif) no-repeat left center; white-space:nowrap; text-align:left; width:110px;}
#dropList div.listCol ul li a:hover {text-decoration:underline;}

#dropList div.sublistCol {display:block; float:left; padding:10px; margin:0; width:120px; text-align:left; line-height:15px;}
#dropList div.sublistCol h5 {clear:left; padding:5px 0 0 0; margin:0; font-size:11px; line-height:13px; background:url(http://www.dietreviewsguru.com/images/linedot.gif) repeat-x left bottom; text-align:left; color:#000;}
#dropList div.sublistCol ul {padding:0; margin:0; list-style:none; width:110px;}
#dropList div.sublistCol ul li {line-height:15px; padding:0; margin:0; width:110px}
#dropList div.sublistCol ul li a {display:block; float:left; color:#069; text-decoration:none; padding-left:10px; font-weight:normal; background:url(http://www.dietreviewsguru.com/images/dot.gif) no-repeat left center; white-space:nowrap; height:15px; line-height:15px; font-weight:normal;}
#dropList div.sublistCol ul li a:hover {text-decoration:underline; color:#069; background:url(http://www.dietreviewsguru.com/images/dot.gif) no-repeat left center;}
#dropList div.sublistCol ul li:hover  a {text-decoration:underline; color:#069; background:url(http://www.dietreviewsguru.com/images/dot.gif) no-repeat left center;}

#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine {clear:left; background:#666; padding:5px 10px; text-align:left;}
#dropList ul#menu a:hover div.listHolder ul.atoz div.bottomLine {height:1px;}
#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine p {padding:0 0 0 15px; margin:0; line-height:20px; color:#fc0; background:url(http://www.dietreviewsguru.com/images/arrow-1.gif) no-repeat left center; font-weight:bold;}
#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine p a {color:#fff; background:#666; display:inline; float:none; padding:0; text-decoration:underline;}
#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine p a:hover {text-decoration:none;}


#dropList table table {
border-collapse:collapse; 
margin:-1px -10px 0 -10px; 
font-size:1em; 
width:0; 
height:0;
}


