body, div, img {
border: 0 none;
padding: 0;
margin: 0;
}

body {
font-family: Georgia, "Times New Roman", Tims, serif;
font-size: 12px;
color: #4D4D4D;
background: url("/images/body-bg.jpg") repeat-x scroll left top white;
}

a {
color: #78A22F; /* green */
}

a.selected {
font-weight: bold;
color: #751113; /* red */
}

div#container {
width: 930px;
margin: 0 auto;
position: relative;
padding: 20px 20px 0 20px;
}
div#header {
background:url("/images/header.jpg") no-repeat scroll right top transparent;
color:#9F1C20;
font-size:15px;
height:38px;
padding:64px 0 0 121px;
position:relative;
}
div#header img {
left:0;
position:absolute;
top:0;
}


ul {
list-style-type: none;
margin-left: 0;
padding-left: 20px;
}
ul li {
padding: 0 0 3px 18px;
background: url("/images/list-arrow.gif") no-repeat scroll left 3px transparent;
}



/* nav */


ul#nav {
left:120px;
list-style-type:none;
margin:0;
padding:0 0 0 10px;
position:absolute;
top:63px;
z-index: 3;
width: 800px;
}
ul#nav li {
float: left;
display: inline-block;
width: auto;
margin: 0;
padding: 0;
padding: 0;
background: none;
}

ul#nav li a {
color:#9F1C20;
display:block;
font-family:"Arial";
margin: 0;
padding: 0;
height: 39px;
text-decoration:none;
white-space:nowrap;
text-indent: -250px;
background-position: left top;
overflow: hidden;
}

ul#nav td {
border: 0 none !important;
}


a.nav-resources {
width: 100px;
background-image: url("/images/nav/nav-resources.gif");
}
a.nav-directories {
width: 105px;
background-image: url("/images/nav/nav-directories.gif");
}
a.nav-classifieds {
width: 111px;
background-image: url("/images/nav/nav-classifieds.gif");
}
a.nav-connections {
width: 111px;
background-image: url("/images/nav/nav-connections.gif");
}
a.nav-submit-listings {
width: 136px;
background-image: url("/images/nav/nav-submit-listings.gif");
}
a.nav-creative-bravos {
width: 148px;
background-image: url("/images/nav/nav-creative-bravos.gif");
}
a.nav-my-profile {
width: 108px;
background-image: url("/images/nav/nav-my-profile.gif");
}
a.nav-about-us {
width: 92px;
background-image: url("/images/nav/nav-about-us.gif");
}

ul#nav li.selected a  {
background-position: left center;
}
ul#nav li:hover a , ul#nav a:hover {
background-position: left bottom !important;
}


/* dd */

ul#nav ul {
background-image:url("/images/dd-bg.png");
height:77px;
left:-115px;
margin:0;
padding: 15px 0 0 0;
position:absolute;
top:39px;
visibility:hidden;
width:921px;
z-index:999 !important;
}

ul#nav table {
position: absolute;
top: 0;
left: 0;
border-collapse: collapse;
}
ul#nav ul li {
width: 290px;
padding-left: 15px;
height: 25px;
}
ul#nav ul a {
color: black;
background-image: none !important;
text-indent: 0;
display: inline;
font-size: 13px;
}
ul#nav ul li:hover {
background-image: none;
}
ul#nav ul a:hover {
text-decoration: underline;
}


ul#nav li:hover ul, ul#nav a:hover ul{visibility:visible; }

/* end nav */




#photo_marquee {
background-color:black;
height:148px;
overflow:hidden;
position:relative;
width:930px;
margin-bottom: 15px;
}
#photo_marquee div {
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
z-index:2;
}
#photo_marquee img {
border:medium none;
float:left;
margin:0;
padding:0;
}

#main-content-home {
width: 592px;
float: left;
margin-right: 20px;
}
#main-content {
width: 552px;
float: left;
margin-right: 20px;
background-color: white;
border: 1px solid #B4B4B4;
padding: 10px 20px;
min-height:300px;
height:auto !important;
height:300px;
position: relative;
}
.main-content {
width: 552px;
float: left;
margin-right: 20px;
background-color: white;
border: 1px solid #B4B4B4;
padding: 10px 20px;
position: relative;
}
#main-content img, .main-content img {
padding: 0 0 15px 15px;
}

#sidebar {
width: 300px;
float: left;
background-color: #CCCCCC;
border: 1px solid #999;
padding: 7px;
}
#sidebar  img {
padding: 8px 0 0 0;
}
br.clear {
clear: both;
}



/* general heading */
h1.main-header {
color:white;
font-family: Arial,Verdana,sans-serif;
font-size: 30px;
height:75px;
letter-spacing:3px;
margin:0;
padding:25px 0 0 50px;
text-indent: -700px;
overflow: hidden;
}
h1.header-membership {
background: url("/images/headers/membership.gif") no-repeat scroll left top transparent;
}
h1.header-resources {
background: url("/images/headers/resources.gif") no-repeat scroll left top transparent;
}
h1.header-my-profile {
background: url("/images/headers/my-profile.gif") no-repeat scroll left top transparent;
}
h1.header-about-us {
background: url("/images/headers/about-us.gif") no-repeat scroll left top transparent;
}
h1.header-donate {
background: url("/images/headers/donate.gif") no-repeat scroll left top transparent;
}
h1.header-creative-bravos {
background: url("/images/headers/creative-bravos.gif") no-repeat scroll left top transparent;
}
h1.header-classifieds {
background: url("/images/headers/classifieds.gif") no-repeat scroll left top transparent;
}
h1.header-connections {
background: url("/images/headers/connections.gif") no-repeat scroll left top transparent;
}
h1.header-directories {
background: url("/images/headers/directories.gif") no-repeat scroll left top transparent;
}
h1.header-submit-listings {
background: url("/images/headers/submit-listings.gif") no-repeat scroll left top transparent;
}
h1.header-search{
background: url("/images/headers/search.gif") no-repeat scroll left top transparent;
}

h2.green-head {
background:url("/images/headers/green-bg.gif") no-repeat scroll 20px 0 transparent;
color:white;
height:25px;
margin-right:-20px;
padding:7px 0 0 40px;
}
h2.gold-head {
background:url("/images/headers/gold-bg.gif") no-repeat scroll right 0 transparent;
color:white;
height:25px;
margin:0.83em 20px 0.83em -20px;
padding:7px 20px 0;
}
h2.blue-head {
background:url("/images/headers/blue-bg.gif") no-repeat scroll 20px 0 transparent;
color:white;
height:25px;
margin-right:-20px;
padding:7px 0 0 40px;
}
h3.detail-title {
color: #751113;
margin-bottom: 0;
}
.featured h2, #mission-statement h2 {
color: #78A22F; /* green */
font-weight: bold;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 16px;
margin-top: 0;
}
h2 {
color: #751113; /* red */
font-weight: bold;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 16px;
}
h2 a {
color: #751113;
text-decoration: none;
}
h2 a:hover {
color: #9f1c20;
}
h3 {
color: #78A22F; /* green */
font-weight: bold;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 13px;
}

h2 .creative_discipline {
color: #4D4D4D;
font-size: 12px;
font-weight: normal !important;
}
/* -- */


ul.select-category {
padding:  0;
}
ul.select-category li {
display: inline-block;
background: url('/images/select-category-bg.gif') no-repeat scroll right 2px;
padding: 0 4px 0 2px;
}
ul.select-category li.last {
background: none;
}

ul.select-category li a {
color: #B4985A;
font-size: 11px;
text-decoration: none;
}
ul.select-category li a:hover, ul.select-category li a.selected {
color: #78A22F;
font-weight: normal;
}

#narrow-list {
font-size:1.03em;
letter-spacing:-0.55px;
text-align: right;
}
#narrow-list a, .pagination a  {
text-decoration: none;
}
.pagination {
padding-top: 10px;
text-align: right;
}
.pagination a {
font-family: Arial, Helvetica, san-serif;
}


ul.data-list {
padding-left: 0;
}
ul.data-list li.head {
color: #751113;
background-color: #C6C6C6;
}
ul.data-list li.bg {
background-color: #E6E6E6;
}
ul.data-list li {
position: relative;
color: #78A22F;
padding: 2px 5px;

min-height:16px;
height:auto !important;
height:16px;
background: none;
}
ul.data-list li a {
color: #78A22F;
text-decoration: underline;
}

ul.data-list .date {
display:inline-block;
width: 110px;
}
ul.data-list .company {
display:inline-block;
padding-left:5px;
width:310px;
}
ul.data-list .title {
display:inline-block;
width:185px;
padding-left: 5px;
}
ul.data-list .org {
display:inline-block;
width:115px;
padding-left: 5px;
}
ul.data-list .city {
display:inline-block;
width:83px;
padding-left: 5px;
}


.back {
color: #B4985A;
text-decoration: none;
}


/* manage favorites */
ul.manage .company {
left: 5px;
width: 290px;
}
ul.manage .city {
left:433px;
}
ul.data-list .remove {
position: absolute;
right: 2px;
top: 2px;
display: none;
}
ul.manage .remove {
display: block;
}


/* icons */
#icons {
background: url("/images/faded-rhs-bg.jpg") no-repeat scroll center center white;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 10px 10px 0 10px;
height: 140px;
}
#icons a {
display: inline-block;
height: 36px;
padding-left: 43px;
float: left;
width: 80px;
margin: 0 17px 10px 0;
color: #9F1C20; /* red */
text-decoration: none;
line-height: 11px;
}
#icons a:hover {
background-position: left -39.5px;
color: #cd1218;
}

#icons .donate {
background: url("/images/icons/donate.gif") no-repeat scroll left top transparent;
padding-top: 14px;
height: 24px;
}
#icons .membership {
background: url("/images/icons/membership.gif") no-repeat scroll left top transparent;
padding-top: 14px;
height: 24px;
}
#icons .events {
background: url("/images/icons/events.gif") no-repeat scroll left top transparent;
padding-top: 14px;
height: 24px;
}
#icons .enewsletter {
background: url("/images/icons/enewsletter.gif") no-repeat scroll left top transparent;
padding-top: 8px;
height: 30px;
}
#icons .facebook {
background: url("/images/icons/facebook.gif") no-repeat scroll left top transparent;
padding-top: 14px;
height: 24px;
}
#icons .twitter {
background: url("/images/icons/twitter.gif") no-repeat scroll left top transparent;
padding-top: 14px;
height: 24px;
}
#icons .last {
clear: both;
}

#mission-statement {
background-color: white;
border: 1px solid #999;
padding: 20px;
line-height: 16px;
}

.split {
width: 45%;
border-right: 1px dotted #B4985A; /* gold */
padding-right: 20px;
margin-right: 20px;
float: left;
}

/* featured */

.featured {
border-top: 1px dotted #B4985A; /* gold */
padding: 20px 0px;
line-height: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
clear: both;
}
.featured img {
width: 150px;
padding: 0 20px;
float: left;
}
.featured-desc {
float: left;
width: 373px;
}
.first {
border-top: 0 none !important;
}




.show-details {
font-weight: bold;
font-size: 1.1em;
}
#footer {
border-top: 1px solid #B3B3B3;
text-align: center;
margin-top: 15px;
padding: 8px 0;
}
#footer span {
text-indent: 15px;
display: inline-block;
}

#bread-crumb {
width: 552px;
margin-right: 20px;
padding: 10px 20px;
float: left;
position: relative;
}
#bread-crumb a {
display: inline-block;
text-indent: 10px;
color: #B4985A; /* gold */
text-decoration: none;
}
#bread-crumb a:hover {
text-decoration: underline;
}
#bread-crumb .sign-out {
color:#78A22F;
position:absolute;
right:0;
top:19px;
}
#search {
width: 294px;
float: left;
background: url("/images/search.gif") no-repeat scroll 3px top transparent;
padding: 4px 0 0 18px;
position: relative;
height: 25px;
margin-top: 2px;
}
#search-for {
color: #B3B3B3;
outline: none;
font-weight: bold;
border: 0 none;
font-size: 14px;
}
#mag {
height:18px;
position:absolute;
right:20px;
top:5px;
width:18px;
}

.rhs-form {
float: right;
width: 240px;
padding: 10px 15px;
margin-left: 15px;
background-color: #eee;
border: 1px solid #999;
}
label {
display: inline-block;
margin: 0 0 3px 15px;
}

ul.charter-members {
list-style-type: none;
width: 100%;
clear: both;
}
ul.names li {
font-weight:bold;
padding-bottom:11px !important;
}
ul.charter-members li {
text-align: center;
float: left;
padding: 0;
margin: 0;
background-image: none;
width: 265px;
}
ul.charter-members li.centered {
width: 100%;
}

/* submit listings */

.submit_form {
padding: 15px 15px 15px 100px;
margin: 15px;
border: 1px solid #999;
background-color: #eee;
}
.submit_form label {
margin: 0;
padding: 0;
}
.submit_form input, .submit_form textarea  {
margin-left: 5px;
width: 200px;
}
.req {
color: #CF1C20;
}

label.error {
color: #CF1C20;
margin-left: 5px;
}
div.error {
border: 1px solid #CF1C20;
color: #CF1C20;
padding: 3px 10px;
margin-top: 5px;
}
.success {
display: block;
background-color:#EEEEEE;
border:1px solid #999999;
margin-top: 5px;
padding: 3px 10px;
}
/* other inputs */
.radio {
margin-left: 20px;
}
.radio input {
width: auto !important;
}
.submit-button {
width: auto !important;
}
#state {
width: 40px;
}
#zip {
width: 60px;
}
#artist_bio, textarea#description {
width: 350px;
height: 200px;
}
.email {
color: #78A22F;
}

.directory-listing {
border-top:1px dotted #B4985A;
clear:both;
line-height:18px;
padding: 20px 0;
}
.directory-logo {
float:left;
text-align:center;
width:164px;
}
.directory-listing img {
padding-right: 15px;
}
.vcard {
margin-left:189px;
width:360px;
}
.vcard h2 {
margin-top: 0;
}
.indicator {
color: #751113;
}
#map {
margin: 0 auto;
}
.left-container {
width: 594px;
padding-right: 20px;
float: left;
}
.left-container .main-content {
margin-right: 0;
}
.fineprint {
font-size: .9em;
}
/* my-profile */

.submit_photo {
position: relative;
padding: 15px;
margin: 15px;
border: 1px solid #999;
background-color: #eee;
}
.submit_photo img {
float: left;
padding: 0 20px 15px 0 !important;
width: 150px;
}
.submit_photo .instructs {
float: left;
width: 310px;
}

/* BRAVOS */
.bravos {
background:url("/images/bravos-bg.gif") no-repeat scroll 346px 3px white;
border:1px solid #B4B4B4;
margin-right:20px;
padding:10px 165px 10px 20px;
position:relative;
width:407px;
float: left;
}
.left-container .bravos {
margin-right: 0;
}
.bravos-year {
color:#FFD760;
font-family:helvetica,Arial,sans-serif;
font-size:13.5px;
letter-spacing:0.25px;
position:absolute;
right:46px;
top:27px;
}
.bravos-photo {
float:  left;
padding: 0 15px 15px 0;
}
.bravos-winner {
font-weight: bold;
}

h2.bravos-head {
font-size: 1.7em;
width: 400px;
float: left;
}
.bravos-links {
float: left;
width: 185px;
margin-top: 15px;
}
.bravos-links a {
display: block;
color: white;
background-color: #78A22F;
text-align: center;
margin-top: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 2px 0;
text-decoration: none;
}
.bravos-links a:hover {
background-color: #9DCE3E;
}
.directory-listing h3 {
margin-top: 0;
}
.addthis_toolbox {
position: absolute; 
right: 185px; 
top: 10px;
}
.add-favorite {
position: absolute; 
right: 10px; 
top: 0px;
width: 130px;
background-color: #751113;
color: white;
padding: 3px 0;
text-align: center;
text-decoration: none;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
border-radius: 0 0 8px 8px;
}
.add-favorite:hover {
background-color: #9f1c20;
}
#manage-favs {
float: right;
cursor: pointer;
}

#message {
position: absolute;
top: 150px;
left: 75px;
z-index: 12;
font-size: 24px;
}