/* Document Setup
--------------------------------------------------------------------------------------- */

body {
	background: url('http://www.cinemaandcivics.org/assets/background.jpg');
	font-size: 12px;
	line-height: 1.5em;
	font-family: verdana, sans-serif;
	color: #444;
}

#doc {
	background: #fff url('http://www.cinemaandcivics.org/assets/content_background.jpg') no-repeat top right;
	width: 1000px;
	margin: 0px auto;
	text-align: left;	
}

#menu {
	margin: 20px 0px;
}

#container_outer {
	margin-left: 20px;
}

#container {
	border: 1px solid #999;
	width: 600px;
	height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#content {
	background: #fff;
	font-size: 11px;
	padding: 20px;
}

p {
	margin: 1.2em 0em;
}


/* Header
--------------------------------------------------------------------------------------- */	

#header {
	border-top: 2px solid #aaa;
	font-size: 11px;
	margin: 10px auto;
	width: 1000px;
}


/* Forms
--------------------------------------------------------------------------------------- */	

form, textarea, input, select, option {
	font-family: times, verdana, sans-serif;
	color: #444;
}

/* Tables
--------------------------------------------------------------------------------------- */	

table, tr, td {
	border-collapse: collapse;
}

/* Nav
--------------------------------------------------------------------------------------- */

#primary {
}

#pages {
	padding: 10px 0px 20px 0px;
	margin: 0px auto;
	width: 1000px;
	background: #fff;
}

#pages ul li {
	display: inline;
}


/* Footer
--------------------------------------------------------------------------------------- */	

#footer {
	border-bottom: 1px solid #555;
	text-align: center;
	margin: 0px auto 10px auto;
	width: 1000px;
}

#footer_inner {
	border-bottom: 2px solid #aaa;
	background: #ddd;
	font-size: 10px;
	font-weight: bold;
	padding: 40px 20px 10px 20px;
}

/* Links
--------------------------------------------------------------------------------------- */	

a, a:link, a:visited {

}

a:hover, a:focus {

}

/* Floating
--------------------------------------------------------------------------------------- */	

.left	{ float: left; }
.right	{ float: right; }
.clear 	{ clear: both; }

/* Headings
--------------------------------------------------------------------------------------- */	

h1 { font-size: 22px; }
h2 { font-size: 15px; }

/* User Feedback Messages 
--------------------------------------------------------------------------------------- */	

.success	{ background: #44dd55; color: #fff; }
.error 		{ background: #ff5544; color: #fff; }
.neutral	{ background: #ffeecc; color: #444; }