nav/**********************************************************
Stylesheet for intersections Public Art - Front End

#4B4343 - brown
#ff9900 - orange
#ffffff - white
#9d9999 - grey/brown
#eaff00 - yellow

**********************************************************/


/* globals */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color:#4B4343;
}
body {
	line-height: 1;
	font-size:62.5%;
	width:100%;
	height:100%;
	background-color:#fff;
}
form, form textarea {
	font-family:Helvetica, Arial, sans-serif;
	color:#4b4343;
	font-size: 12px;
	line-height:16px;
}
span {
	width:auto;
}
ol, ul {
	list-style: none;
}
a {
	text-decoration:none;
	color:#4B4343;
}
a:hover {
	text-decoration:none;
	color:#f90;
}
a div div span {
	text-decoration:none;
}
/* typography */
h1, h2, h3, h4, h5, h6, p, a, span, div {
	font-family:Helvetica, Arial, sans-serif;
}
h1 {
	font-size:28px;
	margin-bottom:18px;
	float:left;
}
h2 {
	font-size:32px;
	float:left;
}
h3 {
	font-size:24px;
	float:left;
}
h4 {
	font-size:20px;
	float:left;
}
h5 {
	font-size:16px;
	float:left;
}
h6 {
	font-size:11px;
	float:left;
}
p {
	font-size:11px;
	line-height:16px;
	float:left;
}
h4 a {
	font-size:20px;
	float:left;
}
.text14 {
	font-size:13px;
	text-transform: uppercase;
}
.text44 {
	font-size:44px;
}
.white {
	color:#fff;
}
.black {
	color:#000;
}
.brown {
	color:#4b4343;
}
.fawn {
	color:#9d9999;
}
.orange {
	color:#f90;
}
.yellow {
	color:#eaff00;
}
.brownBG {
	background-color:#4b4343;
}
.orangeBG {
	background-color:#f90;
}
.yellowBG {
	background-color:#eaff00;
}
.light {
	font-weight:lighter;
}
.normal {
	font-weight:normal;
}
.bold {
	font-weight:bold;
}
.bolder {
	font-weight:bolder;
}
.alignLeft {
	text-align:left;
}
.alignCenter {
	text-align:center;
}
.alignRight {
	text-align:right;
}
.italic {
	font-style:italic;
}
.underline {
	text-decoration:underline;
}
.noUnderline {
	text-decoration:none;
}
.capitalise {
	text-transform:capitalize;
}
.uppercase {
	text-transform:uppercase;
}
.lowercase {
	text-transform:lowercase;
}
/* handy classes */
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.clear {
	width:100%;
	height:1px;
	display:block;
	visibility:hidden;
	float:left;
}
.padding10 {
	padding:10px;
	float:left;
}
.padding20 {
	padding:20px;
	float:left;
}
.margin10 {
	margin:10px;
	float:left;
}
.margin20 {
	margin:20px;
	float:left;
}
.marginBottom10 {
	margin-bottom:10px;
	float:left;
	width:100%;
}
.marginBottom20 {
	margin-bottom:20px;
	float:left;
	width:100%;
}
.divider {
	width:100%;
	height:1px;
	display:block;
	border-bottom:1px solid #9d9999;
	float:left;
	margin:10px 0px 10px 0px;
}
.hidden {
	visibility:hidden;
}
.visible {
	visibility:visible;
}
/* assorted columns - fixed and fluid */
.col160, .col220, .col300, .col460, .col640, .col700, .colFull, .colHalf, .colQuarter {
	float:left;
	display:block;
	height:auto;
}
.col160 {
	width:160px;
}
.col220 {
	width:220px;
}
.col300 {
	width:300px;
}
.col460 {
	width:460px;
}
.col640 {
	width:640px;
}
.col700 {
	width:700px;
}
.colFull {
	width:100%;
}
.colHalf {
	width:50%;
}
.colQuarter {
	width:25%;
}
.colThird {
	width:33%;
}
.grey_box_copy {
	font-size:12px;
	line-height:14px;
}
a.goButton {
	width:60px;
	height:24px;
	float:left;
	display:block;
	background:url(/images/goButton.png) no-repeat top left transparent;
	margin-top:5px;
}
a.cancelButton {
	width:60px;
	height:24px;
	float:left;
	display:block;
	background:url(/images/cancelButton.png) no-repeat top left transparent;
	margin-top:5px;
}
a.updateButton {
	width:82px;
	height:24px;
	float:left;
	display:block;
	background:url(/images/updateButton.png) no-repeat top left transparent;
	margin-top:5px;
}
a.submitButton {
	width:81px;
	height:24px;
	float:left;
	display:block;
	background:url(/images/submitButton.png) no-repeat top left transparent;
	margin-top:5px;
}
a.report {
	color:#9a9a9a;
	font-size:11px;
	float:left;
}
a.whatsThis {
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
	line-height:16px;
}
a.tag {
	width:auto;
}
a.conversationButton, span.conversationButton {
	width:221px;
	height:26px;
	margin-bottom:20px;
	float:left;
	display:block;
	background:url(/images/conversationButton.png) no-repeat top left transparent;
	margin-top:5px;
	text-decoration:none;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:15px 0px 0px 32px;
	cursor:pointer;
}
/* global page elements */
#wrapper {
	width:940px;
	height:auto;
	display:block;
	float:none;
	margin:10px auto 10px auto;
}
#header {
	width:100%;
	height:140px;
}
a#logo {
	width:118px;
	height:40px;
	background:url(/images/logo.png) transparent no-repeat top left;
	float:left;
	display:block;
}
#nav {
	width:620px;
	height:20px;
	float:left;
	display:block;
	color:#4B4343;
	font-weight:bold;
	font-size:16px;
	font-family:Helvetica, Arial, sans-serif;
}
#nav ul {
	list-style:none;
	margin:0px;
	pading:0px;
}
#nav ul li {
	margin:0px;
	pading:0px;
	width:auto;
	height:16px;
	margin-right:10px;
	float:left;
}
#nav ul li a {
	width:auto;
	text-decoration:none;
	color:#4B4343;
	font-size:16px;
}
#nav ul li a:hover {
	color:#f90;
}
#nav ul li a.active {
	color:#f90;
}
#login, #search {
	width:140px;
	height:20px;
	float:right;
	display:block;
}
#login {
	margin-top:50px;
}
#search {
	width:140px;
	height:20px;
	float:right;
	display:block;
}
#search form#searchForm {
	width:140px;
	height:20px;
	border:1px solid #9b9999;
	background:white;
	float:left;
}
#search form#searchForm input#searchTerm {
	width:107px;
	height:16px;
	display:block;
	float:left;
	border:none;
	padding-top:3px;
	padding-left:3px;
}
#search form#searchForm input#search {
	width:29px;
	height:18px;
	display:block;
	float:left;
	border:none;
	background:url(/isimo/intersectionsFront/images/search.png) top right no-repeat transparent;
}
#twitter {
	display:block;
	float:left;
	margin:0 0 0 10px;
	width:460px;
	height:96px;
	background-color:#FF9900;	
}
#twitter ul {
	margin:10px;
}
#twitter ul li {
	margin:0 0 5px 0;
	font-size:12px;
	line-height:14px;
}
#banner {
	width:100%;
	height:280px;
	display:block;
	float:left;
	margin-bottom:50px;
}
#bannerLeft.about {
	width:700px;
	height:280px;
	display:block;
	float:left;
	margin-right:20px;
	background:url(/images/aboutBanner.png) no-repeat top left transparent;
}
#bannerLeft.aboutLoggedIn {
	width:700px;
	height:280px;
	display:block;
	float:left;
	margin-right:20px;
	background:url(/images/aboutBannerLoggedIn.png) no-repeat top left transparent;
}
#bannerLeft.about a.joinButton {
	width:63px;
	height:17px;
	float:left;
	display:block;
	background:url(/images/joinButton.png) top left no-repeat transparent;
	margin-top:253px;
	margin-left:10px;
}
#bannerRight.about {
	width:220px;
	height:280px;
	display:block;
	float:left;
}
#content {
	width:100%;/*width:630px;*/
	height:auto;
	display:block;
	float:left;
	margin-bottom:50px;
}
#footer {
	width:100%;
	height:80px;
	float:left;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:50px;
	border-top:1px solid #9d9999;
	border-bottom:1px solid #9d9999;
}
#copyright {
	width:143px;
	height:20px;
	float:right;
	display:block;
}
#mailing {
	width:200px;
	height:auto;
	display:block;
	float:left;
}
form#emailSignup {
	margin-top:10px;
}
form#emailSignup label {
	margin-bottom:10px;
	float:left;
}
form#emailSignup input.emailSignup {
	border:1px solid #9d9999;
	color:#4b4343;
	font-family:helvetica, arial, sans-serif;
	font-size:11px;
	width:220px;
	float:left;
	clear:both;
	padding:3px;
}
form#emailSignup input#submit {
	margin-top:10px;
	background:white;
	border:none;
	color:#4b4343;
	text-decoration:underline;
	float:left;
}
#channels {
	width:140px;
	height:auto;
	display:block;
	float:left;
	margin-top:50px;
	margin-bottom:10px;
}
#channels2 {
	width:140px;
	height:auto;
	display:block;
	float:left;
	margin-top:5px;
	margin-bottom:10px;
}
/* page specific styles */

/* account page */
form#accountSettings, form#mc-embedded-subscribe-form {
	width:600px;
	float:left;
	display:block;
}
form#accountSettings label, form#mc-embedded-subscribe-form label {
	width:140px;
	float:left;
	line-height:16px;
	font-weight:bold;
	font-size:16px;
	margin-right:20px;
}
form#accountSettings input, form#mc-embedded-subscribe-form input {
	border:1px solid #9d9999;
}
form#accountSettings input.text, form#mc-embedded-subscribe-form input.text {
	width:298px;
	float:left;
}
form#accountSettings select {
	width:300px;
	float:left;
	border:1px solid #9d9999;
}
form#accountSettings input#submitAccountSettings, form#mc-embedded-subscribe-form input#joinMailingList {
	width:82px;
	height:24px;
	float:left;
	background:url(/images/submitButton.png) no-repeat top left transparent;
	border:none;
	margin-left:160px;
}
form#mc-embedded-subscribe-form input#joinMailingList {
	background:none;
}
form#mc-embedded-subscribe-form input.footerJoinMailingList {
	border:none;
}
form#uploadForm input#submitProfilePic {
	width:82px;
	height:24px;
	float:left;
	background:url(/images/submitButton.png) no-repeat top left transparent;
	border:none;
	margin-left:160px;
}
form#uploadForm {
	width:700px;
	float:left;
	display:block;
}
form#uploadForm label {
	width:140px;
	float:left;
	line-height:16px;
	font-weight:bold;
	font-size:16px;
	margin-right:20px;
}
form#uploadForm input {
	border:1px solid #9d9999;
}
form#uploadForm input.radio {
	float:left;
}
form#uploadForm .radioIndent {
	margin-left:153px;
}
form#uploadForm select {
	width:300px;
	float:left;
	border:1px solid #9d9999;
}
form#uploadForm input#submitAccountSettings {
	width:82px;
	height:24px;
	float:left;
	background:url(/images/updateButton.png) no-repeat top left transparent;
	border:none;
	margin-left:160px;
}
form#uploadForm label.radioLabel {
	font-size:12px;
	width:41px;
}
form#directorySettings {
	width:700px;
	float:left;
	display:block;
}
form#directorySettings label {
	width:140px;
	float:left;
	line-height:16px;
	font-weight:bold;
	font-size:16px;
	margin-right:20px;
}
form#directorySettings textarea {
	width:538px;
	height:350px;
	float:left;
}
form#directorySettings input {
	border:1px solid #9d9999;
}
form#directorySettings input.text {
	width:298px;
	float:left;
}
form#directorySettings select {
	width:300px;
	float:left;
	border:1px solid #9d9999;
}
form#directorySettings input#submitAccountSettings {
	width:82px;
	height:24px;
	float:left;
	background:url(/images/updateButton.png) no-repeat top left transparent;
	border:none;
	margin-left:160px;
}
form#notificationSettings {
	width:700px;
	float:left;
	display:block;
}
form#notificationSettings label {
	width:140px;
	float:left;
	line-height:16px;
	font-weight:bold;
	font-size:16px;
	margin-right:20px;
}
form#notificationSettings input {
	border:1px solid #9d9999;
}
form#notificationSettings input.radio {
	float:left;
}
form#notificationSettings .radioIndent {
	margin-left:153px;
}
form#notificationSettings select {
	width:300px;
	float:left;
	border:1px solid #9d9999;
}
form#notificationSettings input#submitAccountSettings {
	width:82px;
	height:24px;
	float:left;
	background:url(/images/updateButton.png) no-repeat top left transparent;
	border:none;
	margin-left:160px;
}
form#notificationSettings label.radioLabel {
	font-size:12px;
	width:41px;
}
form#login {
	width:500px;
	height:150px;
	display:block;
	float:left;
	margin-top:25px;
}
form#login label {
	width:140px;
	float:left;
	line-height:16px;
	font-weight:bold;
	font-size:16px;
	margin-right:20px;
}
form#login input {
	border:1px solid #9d9999;
}
form#login input#submitLogin {
	width:81px;
	height:24px;
	float:left;
	background:url(/images/submitButton.png) no-repeat top left transparent;
	border:none;
	margin-left:160px;
}
/* projects */
.projectImageOverlay {
	width:auto;
	height:auto;
	display:block;
	float:left;
	color:white;
	background-color:#4B4343;
	padding:5px;
}
.projectImageOverlayReversed {
	width:auto;
	height:auto;
	display:block;
	float:left;
	color:#4b4343;
	background-color:transparent;
	padding:5px;
}
.featuredProjectImage {
	width:460px;
	height:280px;
	float:left;
	display:block;
	margin-right:20px;
}
.featuredProjectImage object {
	margin:0px;
}
.featuredProjectOverview {
	width:460px;
	height:auto;
	float:left;
	display:block;
}
.featuredProjectDetail {
	width:460px;
	height:250px;
	float:left;
	display:block;
}
.featuredProjectTags {
	width:460px;
	height:20px;
	float:left;
	display:block;
	margin-top:45px;
}
.featuredProjectTitle {
	background-color:#eaff00;
	padding: 5px 10px 10px 10px;
	height:13px;
	margin-bottom:5px;
}
.featuredProjectDescription {
	background-color:#eaff00;
	padding:10px;
	padding-top:20px;
	height:218px;
	float:left;
}
.eventIntro {
	background-color:#eaff00;
	padding:10px;
	padding-top:20px;
	height:170px;
	float:left;
}
/*project2 - Be careful, also used for news template! */ 
.project {
	width:220px;
	height:190px;
	float:left;
	display:block;
	margin-bottom:5px;
}
.projectDetails {
	margin-top:140px;
}
.blogOverview {
	margin-right:20px;
	width:140px;
	height:140px;
	float:left;
	display:block;
	margin-bottom:20px;
}
.blogOverview img {
	width:140px;
	height:96px;
	float:left;
	display:block;
	overflow:hidden;
}
.blogOverviewDetails {
	margin-top:101px;
}
img.comments {
	width:16px;
	height:16px;
	float:none;
	display:inline;
}
img.new {
	width:16px;
	height:15px;
	float:left;
	float:none;
	display:block;
	clear:both;
	margin:0px auto;
}
.downloadBox {
	width:440px;
	height:96px;
	float:left;
	display:block;
	background-color:#eaff00;
	padding:10px;
	margin-right:20px;
	margin-bottom:20px;
}
img.download {
	width:140px;
	height:96px;
	float:left;
	display:block;
}
.downloadTitle {
	color:#4B4343;
	display:block;
	float:left;
	margin:0 0 10px 10px;
	padding:5px;
	background:white;
}
.downloadDescription {
	background-color:transparent;
	color:#4B4343;
	float:left;
	margin-left:15px;
	width:285px;
}
img.downloadLink {
	width:66px;
	height:13px;
	float:left;
	display:block;
}
img.projectDownloadLink {
	float:left;
	display:block;
}
.downloadDescriptionFeature {
	background-color:transparent;
	color:#4B4343;
	float:left;
	margin-left:15px;
	width:275px;
}
.linkContainer {
	width:220px;
	height:40px;
	display:block;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
/*project3*/

.blogPost {
	width:100%;
	height:auto;
	padding:5px;
	float:left;
	display:block;
	color:white;
	background-color:#4b4343;
	margin-top:20px;
}
.blogPost p {
	color:white;
	font-size:12px;
}
.blogPost a {
	color:white;
	font-size:12px;
	text-decoration: underline;
}
.blogPost a:hover {
	text-decoration:underline;
	color:#f90;
	font-size:12px;
}
.blogPost em {
	color: #FFFFFF;
}
.blogPost strong {
	color: #FFFFFF;
}
.blogPost u {
	color: #FFFFFF;
}
.dialogueCommentCopy a {
	color:white;
	font-size:12px;
	text-decoration: underline;
}
.dialogueCommentCopy a:hover {
	text-decoration:underline;
	color:#f90;
	font-size:12px;
}
.blogComment {
	width:600px;
	height:auto;
	float:left;
	display:block;
}
img.avatar {
	width:auto;
	height:auto;
	float:left;
	display:block;
	margin:0px 10px 10px 0px;
}
.blogCommentCopy {
	float:left;
	display:block;
	width:595px;
	padding:10px;
	background-color:#9d9999;
}
form#submitMainPoint, form#submitComment {
	width:400px;
	height:auto;
	float:left;
	display:block;
	margin-bottom: 40px;
}
form#submitMainPoint input#submit, input#submit2, form#submitComment input#submit {
	width:81px;
	height:24px;
	float:left;
	background:url(/images/submitButton.png) no-repeat top left transparent;
	border:none;
	margin-left:0px;
}
form#submitMainPoint input#cancel, input#cancel2, form#submitComment input#cancel, form#submitComment input.cancel, input#cancel2, form#submitComment input#joinConversationCancel, form#submitMainPoint input#joinConversationCancel {
	width:81px;
	height:24px;
	float:left;
	background:url(/images/cancelButton.png) no-repeat top left transparent;
	border:none;
	margin-left:20px;
}
form#submitMainPoint textarea, form#submitComment textarea {
	width:380px;
	height:150px;
	float:left;
	margin-bottom:10px;
	padding:5px;
}
form#submitMainPoint textarea.topic, form#submitComment textarea.topic {
	width:920px;
	height:150px;
	float:left;
	margin-bottom:10px;
	padding:5px;
}
form#submitMainPoint input, form#submitComment input {
	border:1px solid #9d9999;
}
form#submitMainPoint input.submit, form#submitComment input.submit {
	border: none;
}
form#submitMainPoint input.file, form#submitComment input.file {
	border:1px solid #9d9999;
}
form#submitMainPoint input.title, form#submitComment input.title {
	width:380px;
	float:left;
	margin-bottom:10px;
	padding:5px;
}
form#submitMainPoint input#file, form#submitComment input#file {
	border:1px solid #9d9999;
	float:left;
	margin-bottom:10px;
}
/*dialogue1*/

.spanContainer {
	width:300px;
	height:auto;
	float:left;
	display:block;
}
.dialogueContainer {
	width:460px;
	height:auto;
	float:left;
	display:block;
	margin-top:25px;
}
.dialogueBox {
	width:440px;
	height:120px;
	float:left;
	display:block;
	background-color:#4B4343;
	padding:10px;
	margin-right:20px;
	margin-top:10px;
	color:white;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:13px;
}
.dialogueIcons {
	width:100px;
	float:right;
	display:block;
	height:auto;
	text-align:right;
}
.dialogueIcons a {
	text-decoration:none;
}
/*dialogue2*/

.dialogueComment {
	width:940px;
	height:auto;
	float:left;
	display:block;
	margin-bottom:20px;
}
img.avatar {
	width:auto;
	height:auto;
	float:left;
	display:block;
	margin:0px 10px 10px 0px;
}
.dialogueCommentCopy {
	width:920px;
	float:left;
	display:block;
	padding:10px;
	background-color:#4b4343;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
}
.brownTriangle {
	width:100%;
	height:10px;
	float:left;
	display:block;
	background:url(/images/triangleBrown.jpg) left top no-repeat transparent;
	padding-top:10px;
	margin-left: 20px;
}
.dialogueComment object {
	display: block;
	width: 220px;
	height: 200px;
}
.dialogueComment object embed {
	display:block;
	float:left;
	width:220px;
	height:200px;
	border:1px solid blue;
}
.dialogueComment embed {
	display:block;
	float:left;
	width:220px;
	height:200px;
	border:1px solid red;
}
.dialogueCommentResponse {
	width:940px;
	height:auto;
	float:left;
	display:block;
	margin-bottom:20px;
}
img.avatar {
	width:auto;
	height:auto;
	float:left;
	display:block;
	margin:0px 10px 10px 0px;
}
.dialogueCommentResponseCopy {
	width:920px;
	float:left;
	display:block;
	padding:10px;
	background-color:#eaff00;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
}
.yellowTriangle {
	width:100%;
	height:21px;
	float:left;
	display:block;
	background:url(/images/triangleYellow.jpg) left top no-repeat transparent;
	padding-top:10px;
}
/*dialogue3*/
.dialogue3RowContainer {
	width:940px;
	height:auto;
	float:left;
	display:block;
}
.dialogueVideoResponse:last-child {
	margin-right:0px;
}
.dialogueVideoResponse {
	margin-right:20px;
	width:140px;
	height:120px;
	float:left;
	display:block;
	margin-bottom:20px;
}
.dialogueVideoResponse img {
	width:140px;
	height:96px;
	float:left;
	display:block;
	overflow:hidden;
}
.dialogueVideoResponseDetails {
	margin-top:101px;
}
img.comments {
	width:16px;
	height:16px;
	float:none;
	display:inline;
}
img.new {
	width:16px;
	height:15px;
	float:left;
	float:none;
	display:block;
	clear:both;
	margin:0px auto;
}
a.responseLink {
	font-size:10px;
	color:#f90;
	line-height: 10px;
	font-weight:bold;
	margin-left: 5px;
	font-family:Helvetica, Arial, sans-serif;
	cursor:pointer;
	text-decoration:underline;
}
/*directory1*/

form#memberFilter {
	width:100px;
	height:20px;
	margin-top:16px;
	margin-left:16px;
}
form#memberFilter select {
	border:none;
	background-color:white;
	color:#4b4343;
	width:191px;
}
.directoryEntry {
	width:220px;
	height:205px;
	float:left;
	display:block;
	margin-bottom:5px;
}
.directoryEntryDetails {
	margin-top:155px;
}
.directoryEntryImageOverlay {
	width:auto;
	height:auto;
	display:block;
	float:left;
	color:white;
	background-color:#4B4343;
	padding:5px;
}