/* main.css */

body{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #000;
}


p{
	clear:left;
	margin-left:50px;
	margin-top:1em;
	margin-right:30px;
	width:617px;
}

p.copyright{
	font-size:10px;
	margin-top:10px;
	margin-left: 0;
}

a{
	color:#000;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

.main {
	background-color:#d9d9b7;
	height:100%;
}
.container {width:1000px;margin:10px auto;}

.header{
	height:200px;
	width:100%;
	background-color: #ccc;
}

ul.nav{
	width:100%;
	height:100%;
}
ul.nav li{
	list-style: none;
	display: inline;
	float:left;
	width:165px;
	height:30px;
	margin-right:2px;
	background-image: url('../images/gen.png');
	background-repeat:no-repeat;
	overflow: hidden;
}

ul.nav li span{
	width:165px;
	height: 30px;
	float:left;
}


ul.nav a:hover{
	cursor:pointer;
}

li.nav01{
	background-position: 0 0;
}
li.nav01:hover, li.current01{
	background-position: 0 -30px;
}
li.nav02{
	background-position: -167px 0;
}
li.nav02:hover, li.current02{
	background-position: -167px -30px;
}
li.nav03{
	background-position: -334px 0;
}
li.nav03:hover, li.current03{
	background-position: -334px -30px;
}
li.nav04{
	background-position: -501px 0;
}
li.nav04:hover, li.current04{
	background-position: -501px -30px;
}
li.nav05{
	background-position: -668px 0;
}
li.nav05:hover, li.current05{
	background-position: -668px -30px;
}
li.nav06{
	background-position: -835px 0;
}
li.nav06:hover, li.current06{
	background-position: -835px -30px;
}

ul.nav li.last{margin-right:0;}

.current{
/*	background-position:0 -30px !important;*/
/*	background-position-y: -30px;*/
}
.content{
	width:100%;
	height:100%;
	background-color:#afb7ac;
}
.content_sub{
	width:100%;
	height:100%;
	position: relative;
	float:left;
}
.frilly{
	position:absolute;
	width:115px;
	height:65px;
	background-image: url('../images/flair.png');
	background-repeat: no-repeat;
	background-position: 0 0
}
.top_left{
/*	background-image: url('../images/top_left.png');*/
	left:0;
	top:0;
	background-position: 0 0;
}
.top_right{
/*	background-image: url('../images/top_right.png');*/
	right:0;
	top:0;
	background-position: -115px 0 !important;
}
.bottom_left{
/*	background-image: url('../images/bottom_left.png');*/
	left:0;
	bottom:0;
	background-position: 0 -65px;
}
.bottom_right{
/*	background-image: url('../images/bottom_right.png');*/
	right:0;
	bottom:0;
	background-position: -115px -65px;
}
.nav_container{
	width:100%;
	height:30px;
	background-color: #d9d9b7;
}

.headline{
	width:500px;
	height:78px;
	margin:0 auto;
	background-color: #ccc;
	background-image: url('../images/headlines.png');
	background-repeat: no-repeat;
	overflow: hidden;
}
.home{background-position: 0 0;}
.hosts{background-position: 0 -78px;}
.neworleans{background-position: 0 -156px;}
.calendar{background-position: 0 -234px;}
.news{background-position: 0 -312px;}
.enroll{background-position: 0 -390px;}

.slowfood{
	width:112px;
	height:78px;
	position:absolute;
	right:125px;
	background-color: #ccc;
	background-image: url('../images/slowfood.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}



.hr_dotted{
	width:902px;
	height: 2px;
	margin:0 auto;
	background: url('../images/hr.png') no-repeat;
	background-position: 0 0;
}
.hr_margin{
	clear:both;
	width:902px;
	height: 2px;
	margin:0 auto;
	background: url('../images/hr.png') no-repeat;
	background-position: 0 0;
}
.hr_bottom{
	margin:30px auto;
}


/*
.hr_solid{
	width:617px;
	height: 2px;
	background-color: #000;
	margin:1em 0 1em 50px;
}
*/

.semibox{
	width:617px;
	border:2px solid #000;
	margin:1em 0 0 50px;
	padding:0 0 1em 0;
	border-right:none;
	border-left:none;
}

.sub_intro{
	float:left;
	margin-left:50px;
	width:176px;
	height:36px;
	background: url('../images/sub_intro.png') no-repeat;
}
.subhead{
	float:left;
	margin-left:50px;
	width:600px;
	height:50px;
	background: url('../images/subhead.png') no-repeat;
}
.sub_hosts{background-position: 0 0;}
.sub_neworleans{background-position: 0 -50px;}
.sub_calendar{background-position: 0 -100px;}
.sub_news{background-position: 0 -150px;}
.sub_enroll{background-position: 0 -200px;}

.map{
	float:right;
	width:260px;
	height:275px;
	margin:19px 50px 0 0;
	background-color:#ccc;
	background: url('../images/map.png') no-repeat;
}
.host_photos{
	float:right;
	width:260px;
	height:654px;
	margin:19px 50px 0 0;
	background-color:#ccc;
	background: url('../images/host_photos.jpg') no-repeat;
}
.neworleans_photos{
	float:right;
	width:260px;
	height:654px;
	margin:19px 50px 0 0;
	background-color:#ccc;
	background: url('../images/neworleans_photos.jpg') no-repeat;
}
/* Program (home) page photos */
.program_photos{
	float:right;
	width:260px;
	height:195px;
	margin-right:50px;
	margin-bottom:20px;
	margin-top:20px;
	clear:right;
}
.pro_01{background: url('../images/01.jpg') no-repeat;margin-top:20px;}
.pro_02{background: url('../images/02.jpg') no-repeat;}
.pro_03{background: url('../images/03.jpg') no-repeat;}
.pro_04{background: url('../images/04.jpg') no-repeat;}
.pro_05{background: url('../images/05.jpg') no-repeat;}
.pro_06{background: url('../images/06.jpg') no-repeat;}

.days{
	float:left;
	width:160px;
	height:18px;
	margin-left:50px;
	margin-top:20px;
	margin-bottom:20px;
	background-color: #ccc;
	background: url('../images/days.png') no-repeat;
}
.wed {background-position: 0 0;}
.thu {background-position: 0 -18px;}
.fri {background-position: 0 -36px;}
.sat {background-position: 0 -54px;}
.sun {background-position: 0 -72px;}

/** typography **/

hr {
	color:#000; /* for ie */
	background-color:#000; /* for mozilla */
	width:617px;
	margin-left:50px;
	margin-top:1em;
	margin-bottom:0;
	margin-right:0;
	height:2px;
	clear:none;
}
.top{margin-top:0;}

.bottom{margin-bottom:1.5em;}

/* forms */

.forminputs{
	display:block;
	width:450px;
	margin-left:50px;
	margin-top:1em;
}
.formrow {
	clear:left;
	margin:0 0;
	padding:0.5em 0;
	width:auto;
}
label {
	width:130px;
	font-weight:normal !important;
	display:block;
	float:left;
	margin:0 0;
}
input, textarea, select{
	display:block;
	float:left;
	width:300px;
	margin-left:10px;
}
textarea{
	height:3em;
}
input[type=checkbox], input[type=radio], input.checkbox, input.radio{
	width:20px;
	margin-left:0;
}
submit, .submit{
	width:auto;
	margin-top:1em;
	margin-left:140px;
}