/* CSS formatting for Neighborhood Conference 2006 Pages */

#main #sidebar, #main #content {
	line-height:1.5em;
}
	
h1 { 
	font-size:20px;
	line-height:26px; 
}

h2 { 
	font-size:14px;
	margin-bottom:0;
	padding-bottom:0;
}

h1 a, h2 a {
	text-decoration:none;
}

.columnHalf, .columnTwoThirds, .columnThird { width:340px; margin:0 28px 10px 0; float:left;}
.columnTwoThirds {width: 460px;}
.columnThird {width: 215px;}
.tab .columnThird {width: 200px;}
.columnThird img { float:left; margin:15px 10px 8px 0; border:1px solid #ccc;}
.columnThird ul { padding-left:15px; }

ul#sub_nav { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	z-index: 400;
}

ul#sub_nav li { /* all list items */
	float: left;
	position: relative;
	height: 34px;
	/*border: 1px solid #8CB3D9;*/
	/*background-color: #6699cc;*/
	background-color: #8ca084;
	margin: 0;
	padding: 1px;
	z-index: 400;
		
}

.pullquote {
	 padding: 0 0 20px 0;
	 background:#ddd;
}

.pullquote h2, .pullquote p { padding: 10px 23px 0 23px; margin:0 }

/* to override top and left in browsers other than IE, which will position to the 
top right of the containing li, rather than bottom left */
li > ul { 
	top: auto;
	left: auto;
}

ul#sub_nav li ul { /* second-level lists */
	list-style: none;
	display: none;
	border-top: 1px solid #000;
	position: absolute;
	top: 100%;
	left: -1px;
	padding: 0;
	margin: 0;
	z-index: 400;
}

ul#sub_nav li li {
	height: auto;
	width: auto;
	background-color: #8ca084;
	border: 1px solid #000;
	border-width: 0 1px 1px 1px;
	padding: 0;
	margin: 0;
}

ul#sub_nav a {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	background-color: #8ca084;
	z-index: 400;
}

ul#sub_nav li a {
	height: 28px;
	width: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 6px 3px 6px;
	display: block;
	text-align: center;
	font-weight: bold;
}

ul#sub_nav li li a {
	height: auto;
	text-align: left;
	text-transform: none;
	background-color: #4A5E43;
}

ul#sub_nav li a:hover {
	display: block;
	background-color: #4A5E43;
}

ul#sub_nav li li a:hover {
	background-color: #4A5E43;
	color: #fff;
}

ul#sub_nav li li#top {
	border-top: 1px solid #000;
}

ul#sub_nav li.home { width: 81px; line-height: 28px;}/* centers text vertically */
ul#sub_nav li.home a { width: 69px; }

ul#sub_nav li.general { width: 90px; line-height: 28px;}/* centers text vertically */
ul#sub_nav li.general a { width: 78px; } 

ul#sub_nav li.workshop { width: 99px; line-height: 28px; } /* centers text vertically */
ul#sub_nav li.workshop a { width: 87px; } 

ul#sub_nav li.registration{ width: 115px; line-height: 28px; } /* centers text vertically */
ul#sub_nav li.registration a { width: 103px; }

ul#sub_nav li.share { width: 78px;  line-height: 28px; } /* centers text vertically */
ul#sub_nav li.share a { width: 66px; } 

ul#sub_nav li.video { width: 78px;  line-height: 28px; } /* centers text vertically */
ul#sub_nav li.video a { width: 66px; } 

ul#sub_nav li.sponsors { width: 88px;  line-height: 28px; } /* centers text vertically */
ul#sub_nav li.sponsors a { width: 76px; } 

ul#sub_nav li.contact { width: 95px; line-height: 28px; } /* centers text vertically */
ul#sub_nav li.contact a { width: 83px; } 
 
/* displays hidden lists */
ul#sub_nav li:hover ul, ul#sub_nav li.over ul { 
	display: block;
}

#main {
	width: 740px;
	border: 1px solid #000;
	padding: 0;
	margin: 0;
}

#main tr, #main td {
	border: 1px solid #000;
	padding: 0;
	margin: 0;
}

#main #sidebar {
	 vertical-align: top;
	 background-color: #8ca084;
	 padding: 0;
}

#main #sidebar ul {
	color: #FFF;
	padding:0;
	margin:0;
}

#main #sidebar li {
	color: #000;
	padding:10px;
	border-bottom:1px dashed #ddd;
	list-style:none;
}

#main #sidebar a {
	color: #fff;
	text-decoration:none;
	font-weight:bold;
}

#main #content {
	padding: 5px 10px;
	vertical-align: top;
}

#content table, #content tr, #content td {
	border: 0;
}

#content a {
	color: #369;
}

#content a:visited {
	color: #939;
}

/**********************************
form styles
******************************/div.row-shade{width:100%;float:left;background-color:#DDD;}
#place-form label{font-weight:bold;} 
.helper-text{font-size:10px;color:#666;text-transform:none;}
#place-form #contact-select label{font-weight:normal;}
#place-form .field-name{padding:10px;clear:both;}
#place-form .field-input{padding:0px 20px 10px 10px;clear:both;}
#place-form #description, #place-form #address, #place-form #photo-url, #place-form #name, #place-form #email, #place-form #explanation, #place-form #courtesy{width:100%;}
#place-form #explanation{height:15em; font-size:12px;}

div.messages,
div.instructions,
div.errors {
	padding: 10px;
	margin: 12px 0 12px 0;
}

div.messages { border: 1px solid #336699; background-color: #EEF3FF; }
div.instructions { border: 1px solid #E7DF00; background-color: #FFFFCC; }
div.errors { border: 1px solid #CC0000; background-color: #FFEEEE; }

div.messages ul,
div.instructions ul,
div.errors ul {
	padding: 0 0 0 25px;
	margin: 10px 0 0 0;
	color: #000000;
}

div.messages ul li, div.instructions ul li, td#content div.errors ul li{
	padding: 0px;
	margin: 0px;
	color: #000000;
}

div.messages h2,
div.instructions h2,
div.errors h2 {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin: 0px 0 0 0;
	padding: 0;
}

#content li {
	padding-bottom:10px;
}

/**********************************
poll tab styles
******************************/
#content .tab h1 {
	display:inline;
	margin:0;
	font-size:16px;
}

#content .tab h1 a {
	color:#eafee0;
	background:#c4d8bb;
	padding:4px 9px 2px 9px;
	display:inline-block;
	width:158px;
}

#content .tab h1 a.active /* on each applicable page*/ { color:#444; background:#ff9a2b; }

#content .tab h1 a:hover {
	color:#f0f0f0;
	background:#f27f00;
}

#content .tab .body {
	border:1px solid #ccc;
	border-top:3px solid #ff9a2b;
	padding:0 10px;
}

/**********************************
place display
******************************/
.fieldLabel{
	width:30%;
	float:left; 
	padding:5px 5px 5px 5px;
	}

.fieldData{
	width:67%;
	float:left;  
	padding:5px 0px 5px 5px;
}

div.rowShade{
	width:100%; 
	float:left; 
	background-color:#EAEAEA;
}

.place-image{padding:5px;background-color:#FFF;border:1px solid #777;margin:20px;box-shadow:0px 5px 4px #BBB;display:inline-block;}
.place-image p{margin-left:5px;}
.outline_box{border:1px solid #AAA;margin-bottom:20px;}
.outline_box img{}

/**********************************
admin
******************************/
#admin-logout-button{padding:10px;}

/********************************
view places float
*********************************/
.place {
	padding:10px;
	margin:5px 5px 15px 5px;
	background:#f3f3f3;
	border:1px solid #ddd;
	font-size:11px;
}

.columnThird .place {
	width:100%;
}

.place img {
	width:199px;
	margin:0;
	padding:0;
	float:none;
}

.place a.flickr img {
	width:auto;
	border:0;
	margin:0 4px 0 0;
}

.place .photo-courtesy, .place .title, .place .address, .place .details {
	margin-bottom:5px;
	padding:0 5px;
}
.place .photo-courtesy {
	color:#666;
	background:#ccc;
	font-style:italic;
	width:187px;
	padding:5px 5px 5px 8px;
}

.columnThird .place .photo-courtesy {
	width:auto;
}

.place a.flickr {
	text-decoration:none;
}

.place .title {
	font-weight:bold;
	font-size:12px;
	border-bottom:1px solid #ddd;
}