/*
Stylizing by Kristine Cummins
ACNV Branding Colors:
Dark #0a3a6b;
Light #016c9f;
*/

body {
color: #000;
font-family: "ms sans serif", arial, helvetica, sans-serif;
margin-top: 0px;
padding: 0px;
}





/* STRUCTURES */
#bookmarks {
border:0px solid #666;
color: #000;
margin: 0 auto 0 auto;
overflow: hidden;
text-align:right;
width:800px;height:15px;
}

#slideshow-home {
border:1px solid #666;
color: #000;
margin: 0 auto 0 auto;
overflow: hidden;
width:800px;height:250px;
}

#slideshow-aia {
border:1px solid #666;
color: #000;
margin: 0 auto 0 auto;
overflow: hidden;
width:500px; 
height:375px;
}

#ubercontainer {
background: url(images/bg-sidebar.jpg) repeat-y;
color: #000;
margin: 0 auto 0 auto;
overflow: hidden;
width: 800px;
}

#header {
color:#69C;
width: 800px;
height: 175px;
margin: 0 auto 0 auto;
}

#footer {
background-color: transparent;
color: #999;
clear: left;
font: 10px/12px "ms sans serif", arial, helvetica, sans-serif;
margin-top: 100px;
overflow: hidden;
text-align: center;	
}




/* LEFT SDBR */	
#leftcontent {
float: left;
width: 221px;	
}

#leftcontent .container {
background: transparent;
overflow: hidden;
padding: 10px;	
}

#leftcontent .feature {
background: #f8f7f2;
border: 0px solid #CCE3EF;
font: .8em/1.4em arial, verdana, helvetica, sans-serif;
margin-bottom: 20px;
padding: 5px;
}




/* CENTER */	
#centercontent {
float:right;
overflow: hidden;	
width: 550px;
}
   
#centercontent .container {
background: #FFF url(images/cntrback.jpg) repeat-x;
overflow: hidden;
padding: 20px;
vertical-align: top;
}

#centercontent .standout { /* used for NV ARTS intro pg */
background-color: white;
border: 1px solid #ccc;
font: .8em/1.3em "ms sans serif", arial, helvetica, sans-serif;
float: right;
margin: 0px 0px 15px 25px;
padding: 8px;
width: 230px;
clear: right;	
}

/* USED FOR MEMBERSHIP PG */
#centercontent .standout100 {
background: #FFF url(images/burst.jpg) no-repeat;
border: 2px solid #F6F3DF;
clear: right;	
font: 1em/1.3em "ms sans serif", arial, helvetica, sans-serif;
padding: 12px;
position: relative;	
}











/* FONT STYLES */

/* content headers */
h1 {
color:#016c9f;
font: normal 1.2em "times new roman", times, "palatino linotype", serif;
letter-spacing:8px;
margin-bottom:30px;
text-align:center;
display:block;
text-transform:uppercase;
}

h2  {
color: #0072AE;
font: normal 1.2em/1.3em "ms sans serif", arial, helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
}

h3 {
color: #016c9f;
font: 1.1em/1.3em "ms sans serif", arial, helvetica, sans-serif;
margin-right: 8px;
	margin-bottom: -10px; /* made for big space because of br tag */
}

.standout h3 {
color: #960;
font: bold 1.2em/1.3em "ms sans serif", arial, helvetica, sans-serif;
margin-bottom: 5px;
text-align: left;
}

h4 {
color:black;
font: 1em/1.2em "ms sans serif", arial, helvetica, sans-serif;
}

/* sidebar */

h5 {
color:#0072AE;
font: bold 1.3em/1.3em "ms sans serif", arial, helvetica, sans-serif;
text-align:center;
display:inline;
}

/* footer or small text */

h6 {
color: #999;
font: .7em/1.7em arial, verdana, helvetica, sans-serif;
text-align: center;
}

/* h6 no inline */
.cap {
color:#999;
font: .8em/1.5em "ms sans serif", arial, helvetica, sans-serif;
text-align:center;
margin-top: 10px;
margin-bottom: 20px;
}

.caption {
color:black;
font: 12px/14px arial, helvetica, sans-serif;
margin-top: 5px;
margin-bottom: 15px;
}

.caption2 {
color:black;
font: 10px/11px arial, helvetica, sans-serif;
margin-top: 5px;
}


em {
color: #000;
font: oblique 1em/1.4em "ms sans serif", arial, helvetica, sans-serif;
}

p {
color: #000;
font: normal .9em/1.4em "ms sans serif", arial, helvetica, sans-serif;
}

strong {
color: black;
}

/* used for hom announcements */
.lrghd  {
color: #0072AE;
font: bold 1.5em/1.3em "ms sans serif", arial, helvetica, sans-serif;
text-align: center;
margin-top: 15px;
margin-bottom: 5px;
}

.byline { 
color: black;
font: oblique .8em arial, helvetica, sans-serif;
text-align: center;
}


.top-content-back {
color:black;
font: 8px/10px arial, helvetica, sans-serif;
text-align: right;
}







/* MISC */

img {
border:0px;
}

#cimg {
width:320px;
margin-left:auto;
margin-right:auto;
border:0px solid #069;
}

.border {
border:1px dotted #e0ebf5;
}

#img .cntrimgs {
border:2px;
text-align:center;
position:relative;
}

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}




/* Membership */
.tablestyle {
background-color: inherit;
border:1px solid #e8e6d9;
color: black;
font: 15px/20px "ms sans serif", arial, helvetica, sans-serif;
}

th {
background-color: white;
color: #0072AE;
font: bold 1.1em/1.3em "ms sans serif", arial, helvetica, sans-serif;
padding: 10px;
}

















/* LISTS */
ol {
padding: 0 0 0 20px;
}

ul {
padding: 0 0 0 20px;
}

li {
font: .8em/1.3em "ms sans serif", arial, helvetica, sans-serif;
margin: 5px 0 10px 0;
}

.iconlist {
background-color: transparent;
color: #000;
font: 1em/1.7em sans-serif;
list-style: none;
margin: 0;
padding: 0;
}

li.acrobat { 
background: url(images/acrobat.gif) no-repeat 0 50%;
padding: 3px 0 3px 20px;
margin: 1.2em 0;
}

li.audio { 
background: url(images/audio.gif) no-repeat 0 50%;
padding: 1px 0 1px 20px;
margin: 1.2em 0;
}

li.blog { 
background: url(images/blog.gif) no-repeat 0 50%;
padding: 1px 0 1px 20px;
margin: 1.2em 0;
}

li.msword { 
background: url(images/msword.gif) no-repeat 0 50%;
padding: 3px 0 3px 20px;
margin: 1.2em 0;
}

li.star { 
background: url(images/arts-2010-star.gif) no-repeat 0 50%;
padding: 1px 0 1px 20px;
margin: 1.2em 0;
}

li.video { 
background: url(http://www.artscouncilnapavalley.org/images/video.gif) no-repeat 0 50%;
padding: 1px 0 1px 20px;
margin: 1.2em 0;
}

li.web { 
background: url(http://www.artscouncilnapavalley.org/images/web.gif) no-repeat 0 50%;
padding: 1px 0 1px 20px;
margin: 1.2em 0;
}

ul > li > ul > li {
margin-bottom:10px;
}




















/* FORMS */

fieldset {
border: 0px;
margin:0;
}

.form {
border:1px solid #036;
color:#036;
font: .9em sans-serif;
margin:2px;
width: 250px;
}

.form-sidebar {
border:1px solid #0a3a6b;
color:#036;
font: .9em sans-serif;
margin:2px;
width: 120px;
}

.red {
color:#F30;
font:11px sans-serif;
display:inline;
}

.button {
background: #036;
border: 2px outset #036;
color: white;
font: 1em sans-serif;
margin-bottom:5px;
padding:4px;
}

.button2 {
background: #ffc;
border: 1px solid #cfe7f2;
color: #369;
font: bold 10px sans-serif;
text-align: center;
margin-top: 2px;
padding: 2px;
width: 75px;
}

.clr1 { /* used for membership */
background-color: #f2eee2;
font: normal 1em/1.2em arial, verdana, helvetica, sans-serif;
vertical-align:top;
}

.clr2 {
background-color: #f6f4ec;
font: normal 1em/1.2em arial, verdana, helvetica, sans-serif;
vertical-align:top;
}

.frm-smtxt {
color: #666;
font: .8em/1.3em arial, verdana, helvetica, sans-serif;
display: inline;
}

hr {
border: 1px solid #d4e6f1;
clear:both;
margin-top: 50px;
margin-bottom: 50px;
}















not here to pitch anything, proudly not yet another wine + foodie... just an opinionated arts advocate + web developer inspired by artists, DIY stuff & nature.

arts advocate, web developer, marketer, photographer, inspired by crafty artists, DIY stuff & nature. And proudly not yet another Napa wine + foodie.





a:link {
color: #069; text-decoration: underline;
}
a:visited {
color: black; text-decoration: underline;
}
a:active {
color: #960; text-decoration: underline;
}
a:hover {
color: #960; text-decoration: underline;
}



a.type1:link {
color: #069; text-decoration: underline;
}
a.type1:visited {
color: black; text-decoration: underline;
}
a.type1:active {
color: #960; text-decoration: underline;
}
a.type1:hover {
color: #960; text-decoration: underline;
}



a.type3:link {
color: #999; text-decoration: none;
padding: 2px;
}
a.type3:visited {
color: #999; text-decoration: none;
padding: 2px;
}
a.type3:active {
color: #999; text-decoration: none;
padding: 2px;
}
a.type3:hover {
color: #069; text-decoration: none;
background-color: #f6f3df;
padding: 2px;}


/* Staff pg */

a.type4:link {
color: #069; text-decoration: none;
border-bottom: 1px solid #ccc;
}
a.type4:visited {
color: black; text-decoration: none;
border-bottom: 1px solid #ccc;
}
a.type4:active {
color: #960; text-decoration: none;
border-bottom: 1px solid #ccc;
}
a.type4:hover {
color: #960; text-decoration: none;
border-bottom: 1px solid #ccc;
}