/* Cascading Style Sheet (CSS) CLIpagecss.css for Cedar Lake Inn */
/* This is the work of Fat Paw Design, Hubertus, WI copyright 2005 - 2008, and beyond */
/* Current as of 2008/11/14 */

/*base.css*/

body, html   {
	font-size: 100%;
	color: black;
	background-color: #ffffe7;
	background: url(bodybackground11.gif) 50% 0 repeat-y;
}

body	{
	position: relative;
	line-height: 1.4;
	font-family: "Georgia", serif;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}

#superwrapper	{
	width: 946px;
	margin: 0 auto;
	background: url(wegnerslogo64ptcroppedrotated90CCWtrans.gif) 0 160px no-repeat;
	}
	

#outerwrapper	{
	width: 776px;
	margin: 0 auto;
	background: url(fullbackground01.png) 0 0 repeat-y;
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
}

#wrapper	{
	width: 760px;
	margin: 0 auto;
	text-align: left;
	color: #ccb09b;
	background-color: #1c0003;
	border: solid 1px #333;
	border-top: solid 1px #ccb09b;
}

h1	{
	float: left;
	font: 240% "Times New Roman", Times, serif!important;
	margin-top: 24px;
	padding-left: 16px;
	color: white;
}

h1 a	{
	color: white;
}

/* styling for center content */

#content	{
	clear: both;
	padding-top: 1px;
	min-height: 330px;
	width: 100%;
	text-align: center;
	background-color: #1c0003;
	border-bottom: double 3px #ccb09b;
}

#CLIindex #content	{
	background: url(bgphoto11.jpg) 50% 20% no-repeat;
}

* html #content    {
    height: 330px;
}

#content div	{
	margin: 16px auto;
	padding: 16px;
	width: 85%;
	text-align: left;
	color: black;
	background-color: white;
	border: solid 1px black;
}

#content div p	{
	margin-bottom: 1em;
}

#content div p a, #content div dl a, #CLIsitemap #content div a	{
	border-bottom: dotted 1px;
	color: olive;
}

#content div p a:hover, #content div dl a:hover, #CLIsitemap #content div a:hover	{
	color: black;
}

#CLIfindus #content div img	{
	float: left;
	display: inline;
	margin: 0 1em 0.5em 0;
	border: solid 1px black;
}

#CLIfindus #content div h5	{
	font-weight: bold;
	margin-top: 8px;
}

#CLIfindus #content div p.clearboth	{
	margin-bottom: 0;
}

/* the following five declarations give specific styling to the dinner, drinks, and banquet menus */
#content.menucols h4	{
	clear: both;
	text-decoration: underline;
}

#content.menucols div.leftcol	{
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
	border: none;
	position: relative;
	float: left;
	width: 48%;
}

#content.menucols div.rightcol	{
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
	border: none;
	position: relative;
	float: right;
	width: 48%;
}

#content.menucols dt	{
	font-weight: bold;
	margin-top: 0.5em;
}

#content.menucols dd	{
	text-indent: 0;
}

#CLIdining #content dl	{
	margin-bottom: 16px;
}

h5.entertainmentcalendar	{
	margin-top: 16px;
	font-size: 0.95em;
	font-weight: bold;
	font-style: italic;
}

dl.entertainmentcalendar	{
	margin-left: 0px;
}

dl.entertainmentcalendar dt	{
	color: olive;
	margin-top: 8px;
	margin-left: 8px;
}

dl.entertainmentcalendar dd, dl.entertainmentcalendar li	{
	font-size: 0.95em;
	margin-left: 16px;
}

#CLIbanquetpolicies #content ol	{
	margin-bottom: 16px;
}

/* the following two declarations style the listings on the SITEMAP page */
#CLIsitemap #content dt	{
	margin-top: 0.5em;
}

#CLIsitemap #content dd	{
	text-indent: 1em;
}

/* navigation element CSS */
#topnav, #contentnav {
	width: 100%;
	font-size: 80%;
	float: left; display: inline;
	margin: 0;
	margin-top: 24px;
	padding-bottom: 20px;
	border-bottom: double 3px #ccb09b;
}

#contentnav	{
	margin: 0;
	border: none;
}

#addressblock	{
	font-size: 80%;
	line-height: 1.5;
	margin: 0;
	margin-top: 30px;
	margin-left: 16px;
}  

#addressblock li	{
	margin-top: 0;
	margin-bottom: 16px;
}

.webblast	{
	width: 33%;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.5;
	margin: 0;
	margin-top: 30px;
	margin-left: 16px;
}

#bottomnav {
	height: 1%;
	font-size: 80%;
	margin: 0;
	margin-top: 120px;
	margin-right: 16px;
}

#topnav li, #contentnav li	{ 
	float: left;
	display: inline;
	text-align: center;
	font-weight: bold;
}

#bottomnav li	{ 
	float: left;
	text-align: center;
	font-weight: bold;
}

/* the following five declarations style the top nav, bottom nav, and content nav links */
/* the content nave links get further treatment later in the CSS */
/* this bit give the links some specific display properties, and sets ther default color to a BEIGE color */
#topnav li a, #bottomnav li a, #contentnav li a	{
	display: block;
	padding: 8px 16px;
	line-height: 1.0;
	text-decoration: none;
	color: #ccb09b;
}

.webblast a, .weblast a:visited	{
	font-size: 133%;
	color: #ffebca;
	text-decoration: none;
	border-bottom: dotted 1px #ffebca;
}

#topnav li.firstofclass, #contentnav li.firstofclass	{
	padding-left: 0;
}

/* occasionally useful, but next declaration not needed for Cedar Lake Inn */
/* #topnav li.lastofclass a, #bottomnav li.firstofclass a	{
	border-right: none;
} */

/* this bit makes sure that visited links are still defaulted to BEIGE */
#topnav li a:visited, #bottomnav li a:visited	{
	color: #ccb09b;
}

/* this bit styles the nav links so that they are WHITE when their page is active */
.webblast a:hover, body#CLIindex li#navindex a, body#CLIindex li#navindex a:hover, body#CLIbanquet li#navbanquet a, body#CLIbanquet li#navbanquet a:hover, body#CLIentertainment li#naventertainment a, body#CLIentertainment li#naventertainment a:hover, body#CLIdining li#navdining a, body#CLIdining li#navdining a:hover, body#CLIfindus li#navfindus a, body#CLIfindus li#navfindus a:hover, body#CLIcontact li#navcontact a, body#CLIcontact li#navcontact a:hover, body#CLIsitemap li#navsitemap a, body#CLIsitemap li#navsitemap a:hover	{
	color: white;
}

/* this bit styles the nav links so they are WHITE on hover */
.webblast a:visited:hover, #topnav li a:hover, #bottomnav li a:hover, #topnav li a:visited:hover, #bottomnav li a:visited:hover	{
	color: white;
}

/*the following three declarations style the content nav list links */
/*hooks are set so individual pages can be styled */
/* this bit sets the content nav list links default color to OLIVE */
#contentnav li a, #CLIentertainment #content li a	{
	color: olive;
}

#CLIentertainment #content li a	{
	font-size: 0.85em;
	font-weight: normal;
	text-decoration: none;
	border-bottom: dotted 1px olive;
}

/* this bit styles the content nav list links so that they are BLACK when their page is active */
#CLIfoodmenu #contentnav li#navfoodmenu a, #CLIdrinksmenu #contentnav li#navdrinksmenu a, #CLIdiningphotogallery #contentnav li#navdiningphotogallery a, #CLIbanquetmenu #contentnav li#navbanquetmenu a, #CLIbanquetpolicies #contentnav li#navbanquetpolicies a, #CLIbanquetphotogallery #contentnav li#navbanquetphotogallery a	{
	color: black;
}

/* this bit styles the content nav list links so they are BLACK on hover */
#contentnav li a:hover, #contentnav li a:visited:hover, #CLIentertainment #content li a:hover, #CLIentertainment #content li a:visited:hover 	{
	color: black;
}

/* the following two declarations style the content images so they float right */
/* given enough, the image spans should be given a class to reduce the CSS */
body#CLIbanquet #content p span, body#CLIbanquetmenu #content p span, body#CLIdining #content p span, body#CLIentertainment #content p span	{
	float: right;
	display: inline;
	padding: 5px;
	margin: 0 4px 0.5em 1em;
	border: solid 1px silver;
	border-right-color: #aaa;
	border-bottom-color: #aaa;
}

body#CLIbanquet #content p span img, body#CLIbanquetmenu #content p span img, body#CLIdining #content p span img, body#CLIentertainment #content p span img	{
	display: block;
	border: solid 1px black;
}

body.CLIfeeds p em	{
	font-size: 0.95em;
	color: olive;
}

#CLIentertainment dd em	{
	font-size: 2em;
	color: green;
	font-weight: bold;
}

/* CSS for the page footer */
#footer	{
	clear: both;
	}

#footer p	{
	font-size: 0.7em;
	padding: 16px 0 16px 16px;
}

#footer p a	{
	border-bottom: dotted 1px;
	color: #ccb09b;
}

#footer p a:hover	{
	color: white;
}

/* the following declarations add some visual symbol cues that indicate external links and working e-mail links */

a[href^="http:"], a[href^="CLIWeb-Blast1109.pdf"], a[href^="comedysportz.pdf"]	{
	background: url(externalLink.gif) no-repeat right top;
	padding-right: 10px;
}

/*
a[href^="http://www.cedarlakeinn.com"], a[href^="http://cedarlakeinn.com"], a[href^="http://www.cedarlakeinn.net"], a[href^="http://cedarlakeinn.net"]	{
	background-image: none;
	padding-right: 0;
}
*/

a[href^="mailto:"]	{
	background: url(email.png) no-repeat right top;
	padding-right: 15px;
}