@charset "UTF-8";
body  {
	background:url(../images/background.jpg) repeat-x 50% 0 #B1E1F8;
}
#container { 
	width: 960px;
	margin: 0 auto;
	text-align: left;
	margin-top:12px;
} 
#header { 
	background:url(../images/bg_header.jpg) no-repeat 0 0;
	padding: 0 10px;
  	margin: 0 18.3em 12px -15px;
	height:190px;
} 
#header #logo {
	position:absolute;
	height:180px;
	width:300px;
	cursor:pointer;	
	}
#header h1 {
	display:none;
}
#header .search {
	position:absolute;
	margin-top:118px;
	margin-left:326px;
	}
#header .search input {
	border:solid 1px #CCC;
	color:#CCC;
	font-size:1.2em;
	padding:6px;
	line-height:1em;	
	}
#header .search .black {
	background:url(../images/bg_button_black.jpg) repeat-x 0 -8px #000;
	color:#FFF;
	}


#sidebar {
	margin-top:22px;
	margin-bottom:24px;
	float: right; 
	width: 17em;
	background:url(../images/bg_sidebar.jpg) repeat-y 0 0;
}

#sidebarTop,
#sidebarBottom {
	float: right; 
	width: 17em;
	background:url(../images/bg_sidebar_top.jpg) no-repeat 0 0;
	height:8px;
}
#sidebarBottom {
	background:url(../images/bg_sidebar_bottom.jpg) no-repeat 0 100%;
	height:8px;
}


#sidebar h5, 
#sidebar p {
	margin-left: 10px;
	margin-right: 10px;
}


#sidebar .add_event {
	background:url(../images/bg_sidebar_add_event.jpg) no-repeat 0 0;
	padding-top:34px;
	width: 17.8em;
}
#sidebar .add_event p {
	padding-right:54px;
	}
	
#sidebar .block {
	background:url(../images/bg_sidebar_break.jpg) no-repeat 0 0;
	padding-top:26px;
}
#sidebar .block p,
#sidebar .block h5 {
	margin:0;
	padding:6px 10px;
	}

#sidebar .categories {
	background:url(../images/bg_sidebar_categories.jpg) no-repeat 0 0;
	padding-top:58px;
	width: 17.8em;
}


#sidebar #account {
	border-bottom:solid 1px #E1E1E1;
	margin:0 10px 8px 1px;
}
	
	#account #login {
		margin:0 12px;
		}
		#account h5 {
			padding:0;
			}
		#login input {
			padding:1px;
			border:solid 1px #CCC;
			}
		#login input.login {
			background:url(../images/bg_button_black.jpg) repeat-x 0 -8px #000;
			color:#FFF;
			margin-top:8px;
			
			}
		
		#login label {
			font-size:.8em;
			color:#666;
			}
			
		#login ul {
			margin:0 0 0 12px;
			padding:0;
			}
		#login .options {
			padding:8px 0;
			}
	#account ul.events {
		list-style:none;
		margin:0;
		margin-bottom:14px;
		padding:0;
		}
		
	#account ul.events li	{
		padding:0 4px;
		margin:0 0 0 6px;
		background:#DBF2FD;
		}
	#account ul.events li.odd	{
		background:#ECF8FE;
		}
		

#sidebar .categories {
	margin-top:8px;
	}
	
	#sidebar .categories ul {
		margin:0 21px 10px 6px;
		padding:0;
		list-style:none;
		}
	
	#sidebar .categories ul li {
		padding:6px 8px;
		}
	#sidebar .categories ul li.even {
		background:#FEBE1A;
		}
	#sidebar .categories ul li.odd {
		background:#FEAF15;
		}
	
	#sidebar .categories ul li a {
		color:#FFF;
		font-size:1.2em;
		font-weight:bold;
		}
	





#mainContent {
  	margin: 0 18.3em 0 0;
  	padding:6px 18px;
  	background:url(../images/bg_main_content.jpg) repeat-y 0 0;
} 

#mainContentTop,
#mainContentBottom {
  	margin: 0 18.3em 0 0;
	background:url(../images/bg_main_content_top.jpg) no-repeat 0 0;
	height:10px
	}
#mainContentBottom {
	background:url(../images/bg_main_content_bottom.jpg) no-repeat 0 0;
	}
	
	
#mainContentHome {
	height:212px;
}

#mainContentHome .buttons {
	position:absolute;
	margin-left:350px;
	}
#mainContent #title {
	margin:0 18px 12px 16px;
	padding:6px 0;
	border-bottom:solid 3px #1C488B;
	}
	
	#mainContent #title h3,
	#mainContent #title p {
		padding:2px 0;
		margin:0 12px;
		color:#1C488B;
		}


/* LISTING OF ITEMS */
td.cell {
	border-top:solid 1px #CCC;
	vertical-align:top;
	padding:12px 0;
	}
td.cell p {
	font-size:1em;
	}
td.cell h4 {
	padding:0;
	}
td a.whatelse {
	font-size:10px;
	}
	
#event h3 {
	padding-top:0;
	}
#event table.details {
	border:solid 1px #CCC;
	margin-bottom:12px;
	}
#event td.even,
#event td.odd {
	background:#F1F1F1;
	padding:2px 12px;
	vertical-align:top;
	font-size:1em;
}
#event td.odd {
	background:#F9F9F9;
}


#mainSearch {
	background:#F1F1F1;
	margin-bottom:18px;
	width:668px;
	}

	#mainSearch h6 {
		margin-left:12px;
		padding:4px 0;
		color:#666;
		}

	#mainSearch table.options td {
		padding:8px;
		border-right:dashed 1px #C1C1C1;
		border-bottom:dashed 1px #C1C1C1;
		font-size:.8em;
		background:#E5E5E5;
		width:28%;
		}
	#mainSearch table.options td input {
		font-size:1em;
		}
	
	#mainSearch table.options td.location,
	#mainSearch table.options td.sort_by,
	#mainSearch table.options td.blank {
		border-right:none;
		}
	
	
	
	
	#mainSearch .buttons {
		padding:10px 12px;
		}
	#mainSearch .buttons td {
		background:none;
		border:none;
		margin:0;
		padding:0;
		vertical-align:middle;
		}
	#mainSearch .buttons input {
		margin:0;
		padding:0;
		}


#footer { 
	margin: 0 21em 12px 0;
	font-size:.98em;
} 
#footer p,
#footer a {
	text-align:center;
	margin: 0;
	padding: 10px 0;
	color:#68BBEC;
}



/* Miscellaneous classes for reuse */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#navigation {
	margin:0 18px;
	}

#navigation ul {
  float: left;
  background:#F8F8F8;
  width: 100%;
  padding: 0;
  margin:0 0 12px 0;
  list-style: none; }
  #navigation ul li {
    display: inline; }
  #navigation ul li a,
  #navigation ul li.active {
    float: left;
    background: #FFF;
    border: solid 1px #A3A3A3;
    margin: 8px 8px;
    padding: .2em .6em;
    font-size: 1.3em; }
  #navigation ul li a:hover,
  #navigation ul li a:active {
    border: solid 1px #666;
    text-decoration: none;
    color: #000; }
  #navigation ul li.active {
	background:#EFF9FF;
  	}
  #navigation ul li.active a {
  	border:none;
  	margin:0;
    padding:0;
	font-size: 1em;
	font-weight:bold;
	background:none;
	}

