/* RestoreCleveland.com CSS Page By Mark Kornblum
 - Created summer 2006
 - updated Nov 2006
 - Document basics and sitewide styling:
 ----------------------------------------------------*/
body {
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 16px;
	line-height: 20px;
	color: #35395F;
	background-image: url('images/bk_spotted_light.png');
	background-attachment: fixed;
}

a:link, a:visited {
	color: #35575e;
	border-color: #35575e;
	text-decoration: none;
	border-bottom: 1px dotted;
}

a:hover {
	color: #35575e;
	border-bottom: 1px solid;
}

tr.odd {
	background-color: #eedeff;
}

table {
	margin: 5px auto;
}

span.emphasis {
	font-weight: bold;
	font-size: 17px;
}

.centertext {
	text-align: center;
}


/* Specific Div styling
----------------------------------------*/
#masthead {
	height: 240px;
	margin: auto;
	margin-top: 5px;
	background-image: url('images/header_shadow.png');
	background-position: center;
	background-repeat: no-repeat;
}

#masthead h2 {
	display: none;
}

#body {
	width: 760px;
	min-height: 235px;
	margin: auto;
}

#content {
	width: 570px;
}

#navigation {
	float: right;
	width: 185px;
}

#navigation ul {
	margin-left: -10px;
}

#navigation li {
	padding-top: 7px;
}

#footer {
	clear: both;
	width: 760px;
	margin: auto;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 15px;
}

#rightimage { 
	float: right;
	font-size: 12px;
	margin-left: 10px;
	padding: 5px;
	border: 1px solid #ccc;
}

#rightimage a {
	text-decoration: none;
	border-bottom: 0px;
}

/* Rounded Corners 

This technique originally published at 
www.456bereastreet.com by Roger Johansson
------------------------------------*/
.cb {margin: 0;}

/* Top border and right corner */ 
.bt { 
	background:url(images/roundcorners3.png) no-repeat 100% 0; 
	margin: 0 1px 0 25px;
	height: 25px; 
} 

/* Top left corner */ 
.bt div { 
	height: 25px; 
	width: 25px; 
	position:relative; 
	left: -25px; 
	background:url(images/roundcorners3.png) no-repeat 0 0; 
}
 
/* Bottom border and right corner */ 
.bb { 
	background:url(images/roundcorners3.png) no-repeat 100% 100%; 
	margin:0 1px 0 25px; 
	height: 25px; 
} 

/* Bottom left corner */ 
.bb div { 
	height: 25px; 
	width: 25px; 
	position:relative; 
	left:-25px; 
	background:url(images/roundcorners3.png) no-repeat 0 100%; 
} 

/* Left border */ 
.i1 { 
padding:0 0 0 15px; 
background:url(images/side3.png) repeat-y 0 0; 
} 

/* Right border */ 
.i2 { 
padding:0 15px 0 0; 
background:url(images/side3.png) repeat-y 100% 0; 
} 

/* Wrapper for the content.  sets background color and insert padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding: 1em;
	background:#ffffff;
}
/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

/*CSS validator chokes on this line but it seems necessary for IE7 compatibility*/
.i3 {display:inline-block;}
.i3 {display:block;}


/* Lightbox CSS stuff
------------------------------------*/
#lightbox{
	background-color:#fff;
	padding: 10px;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#lightbox a { border: none; }
#overlay a { border: none; }