/*----------------------------------------------------------*/
/* RSC Cleveland											*/
/* CSS name: main.css										*/
/* Developer: MindPick Software LLC							*/
/* Date: 06/29/2010											*/
/*															*/
/* Description: Style sheet for elements of all pages	 	*/
/* 		and all media.										*/
/*----------------------------------------------------------*/


			/*-----------------------------*/
			/*** Generic HTML selectors. ***/
			/*-----------------------------*/
			
/*-----------------------------------------*/
/* Reset so all browsers format the same.  */
/*-----------------------------------------*/
* {
	margin: 0;
	border: 0;
	padding: 0;
}
body {
	line-height: 1.0;
}
h1, h2, h3, h4, h5, h6, p, pre, ul, ol, dl, address, fieldset, menu, dir, form {
	margin: 1em 0;
}
blockquote {
	margin: 1em 40px;
}
li, dd {
	margin-left: 40px;
}
fieldset {
	padding: .5em;
}
select {
	min-width: 1.5em;  /* Fixes bug - dropdown arrow hidden - in older Firefox when margin, padding 0 */
}
abbr, acronym {
	border-bottom: 1px dotted #333;
	cursor: help;
}
hr {
	border-style: inset;
	border-width: 1px;
}

/*----------------------------------------------*/
/* Set overall background color and font info.  */
/*----------------------------------------------*/
body {
	color: #111111;
	background-color: #f8f8f8;
	line-height: 1em;
	text-align: center;		/* To center page in IE5. */
}



				/*----------------------------*/
				/*** Page layout (3 column) ***/
				/*----------------------------*/
/*------------------------------------------------------------------*/
/* page_body is the section of the page between the header and		*/
/* the footer. Set margins to center the content. Also, set default */
/* content font info, including 12px font size.                     */
/*------------------------------------------------------------------*/
#page_body {
	display: block;
	clear: both;
	width: 880px;
	margin: 0 auto;
	font: normal .75em/1.25em Verdana, Arial, SunSans-Regular, sans-serif;
	text-align: left;
}

/*---------------------------------------------------------------*/
/* Set up the columns. In the HTML, the order of the columns is  */
/* center (page_content), right (client_info), then left         */
/* (navigation). This is so text browsers display the page in    */
/* that order.                                                   */
/*---------------------------------------------------------------*/                                         
#navigation, #page_content, #client_info {
	position: relative;
	float: left;
	display: inline;   /* Fix for IE double float-margin bug. */ 
}

#navigation, #client_info {
	width: 180px;
}
	
#navigation {
	overflow: hidden;
	margin-left: -880px;
}

#page_content {
	overflow: auto; /* Makes page size fit content length-wise. */
	width: 520px;
	margin-left: 180px;
	color: black;
	background: white url("../images/center-bkgd.gif") repeat-y;
}

/*-----------------------------------------------------------*/
/* Generic clear class if we need to clear floats.			 */
/*-----------------------------------------------------------*/
.clear {
	display: block;
	clear: both;
}



				/*------------------*/
				/*** Page formats ***/
				/*------------------*/
/*--------------------------*/
/* Format the page content. */
/*--------------------------*/
.info_title {
	margin: 0;
	color: black;
	font: bold 1.3em "Comic sans MS", cursive, sans-serif;
}

.info_content {
	color: black;
	font: 1.1em Arial, SunSans-Regular, sans-serif;
}

.content_title {
	color: black;
	font: bold 1.7em/1.3em "Comic sans MS", cursive, sans-serif;
}

.content_subtitle {
	margin: 1.5em 5% 1em;
	color: black;
	font: bold 1.3em "Comic sans MS", cursive, sans-serif;
}

.content_link {
	color: blue;
}

.captioned_photo {
	color: black;
	font-size: smaller;
	font-style: italic;
	text-align: center;
}

.txt_browse {
	display: none; /* Text to display only in text-based browsers */
}


				/*---------------------------*/
				/*** Miscellaneous styles. ***/
				/*---------------------------*/
.ital {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.reg {
	font-weight: normal;
	font-style: normal;
}

.underline {
	text-decoration: underline;
}

.small {
	font-size: smaller;
}

.center {
	text-align: center;
}

.justify {
	text-align: justify;
}


/*-------------------------------*/
/* RSC specific styles.			 */
/*-------------------------------*/
#home {
	width: 740px;
	margin: 0 auto;
}

#home h1 {
	color: #6600cc;
}

.address {
	font-weight: bold;
	margin: 2.5em 0 3em;
}

.para {
	text-align: left;
}

.links {
}

.links a {
	text-decoration: none;
	color: navy;
}

.restaurant {
	display: inline-block;
	margin: 2em;
}