/*--CSS for Manifest / Q-LAND, by NetRaising.com, last update 22 DEC 08--*/

body {
	margin: 0;
	padding: 0;
	font-size: 1em;
	background: #060 url(http://www.manifestpdx.org/images/site/manifest-bg.jpg) repeat;
}

a {
	border: 0;
}

a img {
	text-decoration: none;
	border: 0px;
}

/* CONTAINER */

#container {
	width: 800px;
}

/* HEADER */

#header {
	width: 800px;
}

#header #random_photo {
	float: left;
	width: 160px;
	padding: 20px 20px 0;
}

/* HEADER RIGHT */

#header #header_right {
	background: #e29234 url(http://www.manifestpdx.org/images/site/manifest.jpg) no-repeat 430px 40px;
	margin-left: 200px;
	padding-right: 20px;
	height: 218px;
}

#header #nav {
	background-color: #603592;
	width: 600px;
	height: 1.9em;
	margin-bottom: 20px;
}

#header #missiontop {
	font-weight: bold;
	font-size: 1.1em;
	color: #603592;
	font-family: 'Century Gothic', tahoma, verdana, arial, helvetica, sans-serif;
	padding-left: 20px;
}

#header #section_title {
	width: 400px;
padding-top: 100px;
	padding-left: 20px;
}

/* NAV MAIN DROP DOWN MENU */

.ddsmoothmenu {
	font: bold 10px Verdana;
	background: #603592;
	/*background of menu bar (default state)*/
	width: 600px;
}

.ddsmoothmenu ul {
	z-index: 100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/

.ddsmoothmenu ul li {
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/

.ddsmoothmenu ul li a {
	display: block;
	background: #603592;
	/*background of menu items (default state)*/
color: white;
	padding: 8px 10px;
	border-right: 1px solid #778;
	color: #2d2b2b;
	text-decoration: none;
}

* html .ddsmoothmenu ul li a {

/*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
	color: white;
}

.ddsmoothmenu ul li a:hover {
	background: #9577b9;
	/*background of menu items during onmouseover (hover state)*/
color: white;
}

/*1st sub level menu*/

.ddsmoothmenu ul li ul {
	position: absolute;
	left: 0;
	display: none;
	/*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/

.ddsmoothmenu ul li ul li {
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.ddsmoothmenu ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */

.ddsmoothmenu ul li ul li a {
	font: normal 12px Verdana;
	width: 160px;
	/*width of sub menus*/
    padding: 5px 10px 5px 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid gray;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: #eee;
}

.toplevelshadow {

/*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

/*--CSS for Manifest / Q-LAND, by NetRaising.com, last update 24 OCT 08--*/

#left_col {
	width: 160px;
	padding: 0 20px 20px;
	float: left;
	clear: both;
}

#left_col h5 {
	font-size: 84%;
}

/* CONTENT */

#content {
	width: 560px;
	margin-left: 200px;
	padding: 20px;
	background-color: #fff;
	min-height: 420px;
}

/*#right_col {
	width: 200px;
	min-height: 720px;
	left: 100%;
	position: static;
	float: right;
	background-color: #76ae43;
	margin-top: -260px;
}*/

hr {
	color: #ccc;
	height: 1px;
	border: 0 solid #ccc;
	border-top-width: thin;
	background-color: transparent;
	width: 98%;
	text-align: center;
}

.text80, .text80 a {
	color: #282425;
	font-weight: normal;
	font-family: verdana, ariel, helvetica, tahoma, geneva, sans-serif;
	font-size: 75%;
	margin: 0;
	line-height: 1.3em;
	word-spacing: .08em;
}

.text80 a:link {
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	color: #060;
}

.text80 a:visited {
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	color: #800cfc;
}

.text80 a:active {
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	color: #060;
}

.text80 a:hover {
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	color: #e29234;
}

.text70, .text70 a {
	color: #282425;
	font-weight: normal;
	font-family: verdana, ariel, helvetica, tahoma, geneva, sans-serif;
	font-size: 65%;
	margin: 0;
	line-height: 1.2em;
	word-spacing: .08em;
}

.text70 a:link {
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	color: #060;
}

.text70 a:visited {
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	color: #800cfc;
}

.text70 a:active {
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	color: #060;
}

.text70 a:hover {
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	color: #e29234;
}

h1 {
	font-size: 170%;
	font-family: 'Century Gothic', verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #333366;
}

h2, h2 a {
	font-size: 150%;
	font-family: 'Century Gothic', verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #333366;
}

h2 a:link {
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	color: #333366;
}

h2 a:visited {
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	color: #333366;
}

h2 a:active {
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	color: #333366;
}

h2 a:hover {
	font-size: 100%;
	font-weight: normal;
	text-decoration: underline;
	color: #000;
}

/* Home Page Headings */

h3 {
	font-size: 110%;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0 0 15px 0;
	width: 100%;
	color: #20CF05;
}

h4, h4 a {
	font-size: 90%;
	font-family: Century Gothic, verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #333366;
}

h4 a:link {
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	color: #333366;
}

h4 a:visited {
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	color: #333366;
}

h4 a:active {
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	color: #333366;
}

h4 a:hover {
	font-size: 100%;
	font-weight: normal;
	text-decoration: underline;
	color: #000;
}

.h4white, .h4white a {
	font-size: 90%;
	font-family: Century Gothic, verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #fff;
}

.h4white  a:link {
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

.h4white  a:visited {
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

.h4white  a:active {
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

.h4white  a:hover {
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	color: #000;
}

h5 {
	font-family: Century Gothic, verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	margin: 20px 0 0 4px;
	padding: 0;
	color: #ffff00;
}

blockquote {
	font-family: arial, verdana, serif;
	color: #333;
	padding: 20px;
	border: 1px solid #999;
	background-color: #d0dbd8;
}

.red {
	color: #da040c;
}

/* --- SUB CATEGORIES LEFT --*/

.nav_sub, .nav_sub a {
	font-family: verdana, ariel, helvetica, tahoma, geneva, sans-serif;
	color: #fff;
	line-height: 1.5em;
	word-spacing: .09em;
	font-size: 85%;
}

.nav_sub a:link {
	color: #fff;
	font-size: 100%;
	background: transparent;
	font-weight: normal;
	text-decoration: none;
}

.nav_sub a:visited {
	color: #fff;
	font-size: 100%;
	background: transparent;
	font-weight: normal;
	text-decoration: none;
}

.nav_sub a:active {
	color: #fff;
	font-size: 100%;
	background: transparent;
	font-weight: normal;
	text-decoration: none;
}

.nav_sub a:hover {
	color: #f1922e;
	font-size: 100%;
	background: transparent;
	font-weight: normal;
	text-decoration: none;
}

.thiscat {
	color: #20CF05;
	font-weight: normal;
}

#nav_categories, #nav_categories a {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #333;
	padding-bottom: 20px;
	background: transparent;
	text-align: left;
	font-weight: normal;
	font-family: verdana, ariel, helvetica, tahoma, geneva, sans-serif;
	font-size: 100%;
}

#nav_categories a:link {
	color: #da040c;
	font-weight: normal;
}

#nav_categories a:visited {
	color: #335BA7;
	font-weight: normal;
}

#nav_categories a:active {
	color: #da040c;
	font-weight: normal;
}

#nav_categories a:hover {
	color: #333366;
	font-weight: normal;
}

ul#nav_categories {
	width: 160px;
	margin: 0;
	background: transparent;
	padding: 10px 0;
	list-style-type: none;
}

ul#nav_categories ul {
	margin: 0;
	padding: 11px 0px 0 12px;
	background: transparent;
	list-style-type: none;
}

ul#nav_categories a {
	text-decoration: none;
	background: transparent;
	color: #eeeeee;
}

ul#nav_categories li {
	margin: 0;
	padding-bottom: 7px;
	background: transparent;
	list-style-type: none;
}

/* -- AUTO PHOTO CAPTION -- */

.img-border {
	display: block;
	background-color: #e29234;
	border: 1px solid #ccc;
	padding: 11px 11px 2px 11px;
	font-family: Ariel, Helvetica, Tahoma, Geneva, sans-serif;
	font-size: 70%;
	line-height: 1.5em;
	color: #666;
}

div.caption {
	color: #282425;
	font-size: 90%;
}

div.caption-text {
	float: left;
	clear: right;
	text-align: left;
}

/* EVENTS CALENDAR STYLE */

.calendarBG {
	background-color: #ccc;
}

.calendarBlank {
	background-color: #eee;
}

.calendarHeader {
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-weight: normal;
	color: #fff;
	text-align: center;
	background-color: #006600;
}

.calendarMonthLinks {
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background-color: transparent;
}

.calendarMonthLinks a {
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	color: #fff;
	text-decoration: none;
	background-color: transparent;
}

.calendarMonthLinks a:visited {
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	color: #fff;
	text-decoration: none;
	background-color: transparent;
}

.calendarMonthLinks a:hover {
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	color: #ccc;
	text-decoration: underline;
	background-color: transparent;
}

.calendarDayHeading {
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	background-color: #ffccff;
	text-align: center;
	vertical-align: top;
	width: 14.29%
}

.calendarToday {
	font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	color: #000;
	background-color: #ccc;
}

.calendarCell {
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: .08em;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	color: #000;
	background-color: #fff;
}

.calendarCell a {
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	color: #9D5C00;
	text-decoration: none;
	background-color: transparent;
}

.calendarCell a:visited {
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	color: #333;
	text-decoration: none;
	background-color: transparent;
}

.calendarCell a:hover {
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	color: #ccc;
	text-decoration: underline;
	background-color: transparent;
}

/* - - END CALENDAR - -  */

/* begin style specifications for the PULLOUT/dropdown menu system */

div.zone {
	position: relative;
	font-family: verdana, ariel, helvetica, tahoma, geneva, sans-serif;
}

ul.cl1, ul.cl1a,ul.cl2 {
	list-style: url() none;
	margin: 0px;
	border: 0px;
	padding: 0px
}

ul.cl2 {
	position: relative;
	visibility: hidden;
	display: none
}

li.cl1 {
	background: #176734;
	color: #707070;
	text-align: left;
	width: 155px;
	height: 20px;
	font-size: 65%;
	float: none;
	margin: 0px;
	border: 1px solid black;
	padding: 0px;
	padding-left: 4px;
	list-style-type: none;
}

li.cl1a {
	background: #76ae43;
	color: #707070;
	text-align: left;
	width: 155px;
	height: 20px;
	font-size: 65%;
	float: none;
	margin: 0px;
	border: 1px solid black;
	padding: 0px;
	padding-left: 4px;
	list-style-type: none;
}

li.cl1b {
	background: #da040c;
	color: #707070;
	text-align: left;
	width: 155px;
	height: 20px;
	font-size: 65%;
	float: none;
	margin: 0px;
	border: 1px solid black;
	padding: 0px;
	padding-left: 4px;
	list-style-type: none;
}

li.cl2 {
	background: #ebb768;
	color: #707070;
	text-align: left;
	width: 155px;
	height: 20px;
	font-size: 65%;
	float: none;
	margin: 0px;
	border: 1px solid black;
	padding: 0px;
	padding-left: 4px
}

li.cl2 {
	width: 145px;
	height: 18px;
	font-size: 97%;
	float: none;
	margin-top: -1px;
	border-top: 2px solid black
}

a.cl1 {
	display: block !important;
	font-weight: bold;
	height: 20px;
	color: white !important;
	text-decoration: none !important;
	margin-left: -4px;
	padding-left: 4px
}

a.cl2 {
	display: block !important;
	font-weight: bold;
	height: 20px;
	color: black !important;
	text-decoration: none !important;
	margin-left: -4px;
	padding-left: 4px
}

/* fudge for background */

a.cl2 {
	height: 18px
}

a.cl1:hover,a.cl2:hover {
	display: block !important;
	font-weight: bold;
	height: 20px;
	background: #e29234;
	color: black !important;
	text-decoration: none !important;
	margin-left: -4px;
	padding-left: 4px
}

/* fudge for background */

a.cl2:hover {
	height: 18px
}

/* end style specifications for dropdown menu system */

#map-left {
	float: left;
}

#map-right {
	float: right;
}

#footer {
	background-color: #ddd;
	width: 800px;
}

#footer_left {
	float: left;
	padding-left: 20px;
	width: 180px;
	background-color: #ccc;
}

#footer_right {
	margin-left: 440px;
}

/* COPYRIGHT TEXT AND FOOTER CREDITS */

.copyright, .copyright a {
	font-family: verdana, ariel, helvetica, tahoma, geneva, sans-serif;
	color: #666;
	line-height: 5.5em;
	word-spacing: .09em;
	font-size: 70%;
}

.copyright a:link {
	color: #666;
	font-size: 100%;
	background: transparent;
	font-weight: normal;
	text-decoration: none;
}

.copyright a:visited {
	color: #666;
	font-size: 100%;
	background: transparent;
	font-weight: normal;
	text-decoration: none;
}

.copyright a:active {
	color: #666;
	font-size: 100%;
	background: transparent;
	font-weight: normal;
	text-decoration: none;
}

.copyright a:hover {
	color: #000;
	font-size: 100%;
	background: transparent;
	font-weight: normal;
	text-decoration: underline;
}

/* end copyright */

/*--END MANIFEST CSS--*/