/***********************************************/
/* Cru Website Styles
/* Copyright 2006 Coker Communications (www.cokercommunications.com)                            */
/***********************************************/

/***********************************************/
/* Page Layout styles                             */
/***********************************************/

#top {
	width: 820px;
	/*margin: 10px 10px 0px 10px;*/
	margin: 0 auto;
	position: relative;
	background-image: url(images/backgroundtop.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-top:20px;
	padding-right: 20px;
	padding-left: 20px;
	height: 20px;
		}

#outside {
	width: 820px;
	background-color: #27135A;
	/*margin: 0px 10px 0px 10px;*/
	margin: 0 auto;
	padding: 0px 20px 0px 20px;
	position: relative;
	height: auto;
	background-image: url(images/background.gif);
	text-align: left;
		}

#inside {
	border: solid 4px #FFCC00;
	display: block;
	height: auto;
	position: relative;
		}

#navcolumn {
	width: 150px;
	padding: 10px;
	float: left;
	position: relative;
	margin: 1px;
		}
		
#fader {
	height:300px;
	border:1px solid #ffcc00;
	background-color: #2E176A;
		}

#fader h2 {
	font-family: Perpetua, "Times New Roman", serif;
	color: #FFCC00;
	font-size: 14pt;
	font-weight: bold;
	margin-left: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 3px;
	text-align: center;
	border:0px;
	background-color: #2E176A;
		}

#fader h3 {
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 3px;
	text-align: center;
		}
		
/*#fader a { 
	color: #FFCC00; 
	text-decoration: none; 
		}*/

#pagemain {
	width: 595px;
	padding: 10px;
	float: right;
	position: relative;
	font-size: 10pt;
	margin: 1px;
		}

#pagecontent {
	width: 595px;
	float: right;
	padding: 10px;
	clear: right;
	margin: 1px;
		}

#footer {
	clear: both;
	padding: 10px;
	font-size: 9px;
		}

#bottom {
	width: 820px;
	/*margin: 0px 10px 10px 10px;*/
	margin: 0 auto;
	position: relative;
	background-image: url(images/backgroundbottom.gif);
	background-repeat:no-repeat;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	height: 20px;
		}

#location {
	height:400px;
	border: solid 1px #FFCC00;
	padding: 10px;
	background-color: #2E176A;
	}
#location h2 {
	border-width:0px;
	text-align:center;
	background:none;
	border-bottom: 1px solid #FFCC00;
	}
/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body        {
	margin: 0 auto;
	text-align: center;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	background-image: url(images/mainbg.gif);
	background-repeat: repeat-x;
			}
			
h1			{ font-family: Perpetua, "Times New Roman", serif; 
			color: #FFCC00; 
			font-size: 24pt; 
			font-weight: bold; 
			text-align: left; 
			margin-left: 3px; 
			margin-top: 3px; 
			margin-bottom: 1px; 
			padding: 1px; 
            }
			
h2          {
	font-family: Perpetua, "Times New Roman", serif;
	color: #FFCC00;
	font-size: 18pt;
	font-weight: bold;
	text-align: left;
	border-style: solid;
	border-width: 1px;
	margin-left: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 3px;
	background-color: #27135A;
	clear: left;
            }
			
hr          { color: #FFCC00; 
			border-style: solid; 
			border-width: 1px; 
			margin-left: 3px; 
			margin-top: 20px; 
			margin-bottom: 5px; 
			padding: 3px; 
            }
			
a           { color: #FFCC00; 
			text-decoration: none; 
			}
			
a:hover	    {color: #FFFFFF; 
			text-decoration: underline;
			}
			
.Intro      { font-family: Arial, Helvetica, sans-serif; 
			font-size: 9pt; 
			color: #FFFFFF; 
			font-weight: bold; 
			text-decoration: none;
			line-height: 11pt; 
			margin-left: 10px;
			}
			
.Caption    { font-family: Arial, Helvetica, sans-serif; 
			font-size: 10pt; 
			color: #FFCC00; 
			font-weight: bold; 
			text-decoration: none;
			text-align:center;
			}
			
.Logo		{margin-left: 25px;
			}

.foodpics p{
	font-size: 10pt; 
	color: #FFCC00; 
	font-weight: bold; 
	text-decoration: none;
	text-align:center;
	}
			
.foodpics img{
	border:2px solid #ffcc00;
	padding: 2px;
}
.menustyle h3{
	color: #FFCC00;
	margin-bottom: 3px;
	padding-bottom: 0px;
	font-size: 16px;
	margin-top: 24px;
}
.menustyle p{
	margin-top: 0px;
	margin-left: 25px;
}

.Nav        { font-family: Arial, Helvetica, sans-serif; 
			font-size: 10pt; 
			color: #FFCC00; 
			font-weight: bold; 
			text-decoration: none;
			border-style: solid; 
			border-width: 1px; 
			border-color: #27135A; 
			background-color: #27135A;
			}
			
.NavCurrent { font-family: Arial, Helvetica, sans-serif; 
			font-size: 10pt; 
			color: #FFCC00; 
			font-weight: bold; 
			text-decoration: none;
			border-style: solid; 
			border-width: 1px; 
			background-color: #27135A; 
			}
			
.NavMenu	{margin-left: 30px; 
			line-height: 8pt
			}
			
.NavPic		{ border-style: solid; 
			border-width: 1px; 
			border-color: #FFCC00; 
			}
			
.Nav:hover	{color: #FFFFFF; 
			border-style: solid; 
			border-width: 1px; 
			text-decoration: none; 
			border-color: #FFFFFF; 
			}
			
.NavCurrent:hover	 {color: #FFFFFF; 
			border-style: solid; 
			border-width: 1px; 
			text-decoration: none; 
			border-color: #FFFFFF; 
			}
			
.Text       { font-family: Arial, Helvetica, sans-serif; 
			font-size: 8pt; 
			color: #FFFFFF; 
			font-weight: bold; 
			margin-left: 10px 
			}
			
.EventHead  { color: #FFCC00; 
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 12pt; 
			font-weight: bold; 
			margin-left: 10px; 
			}
			
.EventBody  { color: #FFFFFF; 
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 9pt; 
			font-weight: bold; 
			margin-left: 10px; 
			}
			
.MenuIntro  { color: #FFFFFF; 
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 8pt; 
			font-weight: bold; 
			margin-left: 0px; 
			margin-top:0px; 
			}
			
.Menu       { font-family: Arial, Helvetica, sans-serif; 
			font-size: 9pt; 
			color: #FFFFFF; 
			font-weight: bold; 
			text-decoration: none;
			line-height: 15pt; 
			margin-left: 25px; 
			text-indent:-20px; 
			margin-top:0px; 
			margin-bottom:0px; 
			}
			
.Form       { color: #333399; 
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 9pt; 
			font-weight: bold; 
			margin-left: 10px; 
			}
			
.FormLabel  { color: #FFFFFF; 
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 9pt; 
			font-weight: bold; 
			margin-left: 10px; 
			}
			
.FormSubmit { color: #FFCC00; 
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 9pt; 
			font-weight: bold; 
			margin-left: 10px;
			border: 1px solid #FFCC00; 
			background-color: #333399; 
			}
			
.FormSubmit:hover   { color: #FFFFFF; 
			}
.imagefloat {
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.slideshow {
	height: 425px;
	}
	
.crucontent1 h2 {
	background-color:#FFFFFF;
	text-align: center;
	border: 0px;
	color: #330033;
	font-size: 36px;
	}
.crucontent1 a           { color: #CC6600; 
			text-decoration: none; 
			}
			
.crucontent1 a:hover	    {
			text-decoration: underline;
			}