@charset "utf-8";
/* CSS Document for VSA arts of Minnesota */

/**************************************************************
   basic styles
 **************************************************************/
 
html 
body {font-family:Arial, Helvetica, sans-serif; width:100%; margin:0; padding:0;}
pre,form,body,html,blockquote,fieldset,input {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,p {font-family:Arial, Helvetica, sans-serif;}
h1 {color:#C41230; font-size:1.3em; margin:0; padding:0;}
h2 {color:#000558; font-size:1.2em; margin:0; padding:1em 0 0 0;}
h3 {color:#c03; font-size:1em; margin:0; padding:0.5em 0 0 0;}
h4 {color:#B30000; font-size:0.92em; margin:0; padding:1em 0 0 0;}
h5 {color:#000; font-size:0.92em; margin:0; padding:1em 0 0.3em 0; text-decoration:underline;}

p {font-size:0.92em; margin:0 0 6px 0; color:#000;}
p.indent {margin: 0 0 6px 25px}
span.tocdate {color:#3B3B3B;}

ol li {font-weight:bold; padding-top:1em;}
ol ul li {font-weight:normal; padding:0;}

ul {margin:0; padding:0 0 1em 2em; color:#000;}
ul li  {font-weight:normal; font-size:0.85em; margin:0; padding:0; color:#000;}

/*  reset nested ul to 100%  */
ul ul li {font-size:100%;}
ul.nested {margin:0; padding:0 0 0 2em;}

dl {margin:0; padding:0;}
dt {margin:0; padding:6px 0 0 0; font-weight:bold; font-size:0.92em; color:#000;}
dd {font-size:0.85em; color:#000;}

img {margin:0; padding:0; border:none;}
img.algnrgt {float:right; margin:0 0 3px 3px;}
img.algnlft {float:left; margin:0 6px 3px 0;}
a img,:link img,:visited img {border: none;}
acronym {cursor:help}
address {font-style: normal;}
caption {text-align:left; font-weight:bold;}

.smallbold {font-size:0.76em; font-weight:bold;}

.redbold {color:#c03; font-weight:bold}
.green {color:#390;}

.inv {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}


.underline {text-decoration:underline}

:focus {outline:#006600; outline-style:solid; outline-width:thin;}

/**************************************************************
   tables
 **************************************************************/
table {text-align:left; font-size:0.92em; border:1px solid #000066; margin-bottom:10px; border-collapse:collapse;}
td, th {padding:5px; border:1px solid black}
th {background-color:#FFFF99; vertical-align:top; font-size:0.86em;}
td {background-color:#FFFFCC; vertical-align:top;}
td.center {text-align:center}
td.right {text-align:right}

table.twocolumn {text-align:left; border:1px solid #000066; margin-bottom:10px; border-collapse:collapse;}
table.twocolumn td, table.twocolumn th {padding:8px; border:1px solid black;}
table.twocolumn th {vertical-align:middle; background:#EAA951;}
table.twocolumn td {vertical-align:middle; background:#FEFAE2;}

table.plain {text-align:left; border:none; margin-bottom:10px; border-collapse:collapse;}
table.plain td, table.plain th {padding:5px 20px 5px 0; border:none;}
table.plain th {vertical-align:top; background:#fff; font-size:0.92em; text-align:left;}
table.plain td {vertical-align:middle; background:#fff;}


table.auctionitems {text-align:left; font-size:0.86em; border:1px solid #000066; margin-bottom:10px;}
table.auctionitems td, th {padding:2px; border:0.01em solid #000; font-weight:bold;}
table.auctionitems th {background-color:#FFFF99; vertical-align:top;}
table.auctionitems td {background-color:#FFFFCC; vertical-align:top;}
table.auctionitems td.center {text-align:center}
table.auctionitems td.right {text-align:right}

/**************************************************************
   images (click to enlarge)
 **************************************************************/
div.clicktoenlarge_right {margin: 0px 5px 5px 10px; padding: 0; float: right; width: 75px; font-size: 0.76em; font-weight: bold; line-height: 0.95em; text-align:center;}
div.clicktoenlarge_right p {text-align:left}
div.clicktoenlarge_left {margin: 0px 10px 5px 5px; padding: 0; float: left; width: 150px; font-size: 0.76em; font-weight: bold; line-height: 0.95em; text-align:center;}
div.clicktoenlarge_left p {text-align:left}
div.clicktoenlarge200x150_right {margin: 10px 5px 5px 20px; padding: 0; float: right; width: 200px; font-size: 0.76em; font-weight: bold; line-height: 0.95em; text-align:center;}
div.clicktoenlarge200x150_right p {text-align:left;}

div.clicktoenlarge500x250_right {margin: 10px 5px 5px 20px; padding: 0; float: right; width: 500px; font-size: 0.76em; font-weight: bold; line-height: 0.95em; text-align:center;}
div.clicktoenlarge500x250_right p {text-align:left;}


div.clicktoenlarge250x250_right {margin: 10px 5px 5px 20px; padding: 0; float: right; width: 250px; font-size: 0.76em; font-weight: bold; line-height: 0.95em; text-align:center;}
div.clicktoenlarge250x250_right p {text-align:left;}
div.clicktoenlarge250x250_left {margin: 0 10px 5px 5px; padding: 0; float: left; width: 250px; font-size: 0.76em; font-weight: bold; text-align:center;}
div.clicktoenlarge250x250_left p {text-align:left;}

div.clicktoenlarge250x150_right {margin: 10px 5px 5px 20px; padding: 0; float: right; width: 250px; font-size: 0.76em; font-weight: bold; line-height: 0.95em; text-align:center;}
div.clicktoenlarge250x150_right p {text-align:left;}
div.clicktoenlarge250x150_left {margin: 0 10px 5px 5px; padding: 0; float: left; width: 250px; font-size: 0.76em; font-weight: bold; text-align:center;}
div.clicktoenlarge250x150_left p {text-align:left;}
div.clicktoenlarge150x150_right {margin: 10px 5px 5px 20px; padding: 0; float: right; width: 150px; font-size: 0.76em; font-weight: bold; line-height: 0.95em; text-align:center;}
div.clicktoenlarge150x150_right p {text-align:left;}
div.clicktoenlarge150x150_left {margin: 0px 10px 5px 5px; padding: 0; float: left; width: 150px; font-size: 0.76em; font-weight: bold; line-height: 0.95em; text-align:center;}
div.clicktoenlarge150x150_left p {text-align:left;}
div.clicktoenlarge115x75_right {margin: 0px 5px 5px 10px; padding: 0; float: right; width: 115px; font-size: 0.76em; font-weight: bold; line-height: 0.95em; text-align:center;}
div.clicktoenlarge115x75_right p {text-align:left;}
div.clicktoenlarge115x75_left {margin: 0px 10px 5px 5px; padding: 0; float: left; width: 115px; font-size: 0.76em; font-weight: bold; line-height: 0.95em; text-align:center;}
div.clicktoenlarge115x75_left p {text-align:left;}

/**************image gallery************/
div.img
{
  margin: 2px;
  border: 1px solid #939393;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 141px;
  margin: 2px;
}
/**************end image gallery**********/


/**************************************************************
   container (everything except footer)
 **************************************************************/
div#container {margin:0; padding:0; background:url(vsa_images/lftnav005.png) repeat-y left top; width:100%; min-width:1000px;}

/**************************************************************
   skip to content
 **************************************************************/
div#skip {background:#C41230; margin:0; padding:0;}
div#skip p {margin:0; padding:0 10px; text-align:left; font-size:0.72em; font-weight:bold;}
div#skip a:link {color:#fff; text-decoration:none;}
div#skip a:visited {color:#fff; text-decoration:none;}
div#skip a:hover {color:#FFFF00; text-decoration:none;}
div#skip a:active {color:#fff; text-decoration:none;}

/**************************************************************
   top banner (VSA artwork)
 **************************************************************/
div#top {margin:0; padding:0 0 3px 0; background:url('vsa_images/vsa_minnesota_background_800.jpg') #C41230 repeat-x 200px top; height:140px;}

/**************************************************************
   slogan (Vision, Strength, Access)
 **************************************************************/
div#slogan {margin:0; padding:0; background:#fff; color:#999999;}
div#slogan p {margin:0; padding:0 0 0 20px; font-size: 0.95em; font-style:italic; font-weight:bold; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.2em;}
div#slogan span.bold {color:#000; font-weight:bold;}

/**************************************************************
   content (navigation and main content)
 **************************************************************/
div#content {padding: 0; margin:20px 0 0 0; float:left; background:url(vsa_images/lftnav005.png) repeat-y left top;}

/**************************************************************
   navigation
 **************************************************************/
div#nav {width:200px; text-align:left; float:left; margin:0;}
div#nav ul {list-style: none; padding:0; margin:0;}
div#nav li {margin:0 0 5px 0; padding:0;}
div#nav a:link {padding:5px 5px 5px 10px; margin:0; display:block; color:#000; background:#deeced; font-weight:bold; font-size:0.86em; text-decoration:none; border:1px solid black; width:183px;}
div#nav a:visited {padding:5px 5px 5px 10px; margin:0; display:block; background:#deeced; color:#000; font-weight:bold; font-size:0.86em; text-decoration:none; border:1px solid black; width:183px;}
div#nav a:hover {padding:5px 5px 5px 10px; margin:0; display:block; background:#c41230; color:#fff; font-weight:bold; font-size:0.86em; text-decoration:none; border:1px solid black; width:183px;}
div#nav a:active {padding:5px 5px 5px 10px; margin:0; display:block; background:#c41230; color:#fff; font-weight:bold; font-size:0.86em; text-decoration:none; border:1px solid black; width:183px;}

/**************************************************************
   main content
 **************************************************************/
div#main {margin: 0 0 0 200px; padding:0 5px 0 10px; text-align:left;}

/**************************************************************
   content - table of contents (toc)
 **************************************************************/
div.toc {margin:0; padding:0;}
div.toc ul {list-style:circle; margin:5px 0 0 0; padding:0 0 0.5em 35px;}
div.toc li {font-size:0.85em;}


/**************************************************************
   main content - right column
 **************************************************************/
div#rightcol {background-color:#fff; color:#000; float:right; margin:0 5px; padding:0; width:280px;}
 
 
/**************************************************************
   main content - right column - sidebox
 **************************************************************/
div#rightcol div#sidebox {background:#000558; color:#000; float:right; margin:0; padding:8px;}
div#rightcol div#sidebox h2 {font-size:0.92em; color:#fff; margin:0; padding:0.3em 0;}
div#rightcol div#sidebox p {font-size:0.85em; color:#fff;}
div#rightcol div#sidebox a {color:#fff;}




/**************************************************************
   main content - right column - event box
 *************************************************************
div#rightcol div#event {background:#003366; color:#fff; margin:0; padding:2px 5px 5px 5px; border:2px solid #003366;}
div#rightcol div#event h2 {font-size:0.86em; color:#fff; margin:0; padding:0.6em 0 0.3em 0; text-decoration:underline;}
div#rightcol div#event p {font-size:0.75em; color:#fff;}
div#rightcol div#event a {color:#fff;}*/



/**************************************************************
   home page - main content - right column - donation box
 ************************************************************* */
div#rightcol div#donation  {color:#fff; margin:0; padding:5px 0; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
background:url('vsa_images/donation_one_star_small.gif') #C41230 no-repeat right bottom; clear:both;}
div#rightcol div#donation h2 {font-size:1.26em; letter-spacing:0.13em; margin:0; padding:0; position:relative; width:100%; text-align:center;}
div#rightcol div#donation h2 a:link, div#rightcol div#donation h2 a:visited, div#rightcol div#donation h2 a:hover, div#rightcol div#donation h2 a:active {color:#fff; text-decoration: none; margin:0; padding:0;}
div#rightcol div#donation p {color:#FFFF00; font-size:0.96em; margin:0; padding:0; letter-spacing:0.05em; font-weight:bold;}

 
 
/*
div#rightcol div#donation  {color:#000; margin:0; padding:5px; text-align:center; clear:both; background:#deeced;}
div#rightcol div#donation h2 {font-size:1.26em; letter-spacing:0.08em; margin:0; padding:0;}
div#rightcol div#donation a:link {text-decoration:none; color:#000; background:#deeced;}
div#rightcol div#donation a:visited {text-decoration:none; color:#000; background:#deeced;}
div#rightcol div#donation a:hover {text-decoration:none; color:#fff; background:url('vsa_images/donation_bg.gif') #c41230 no-repeat right bottom;}
div#rightcol div#donation a:active {text-decoration:none; color:#fff; background:url('vsa_images/donation_bg.gif') #c41230 no-repeat right bottom;}
div#rightcol div#donation p {color:#000; font-size:0.96em; margin:0; padding:0; letter-spacing:0.02em; font-weight:bold;}
*/


/**************************************************************
   main content (entries)
 **************************************************************/
div#entry {margin:20px 10px 0 0; padding:0;}
div#entry h3 {color:#fff; background:#000558; padding:6px; margin:0;}
div#entry ul {list-style:circle; margin:0; padding:0 0 10px 25px; color:#000;}
div#entry ol {margin:0; padding:0 0 10px 25px; color:#000;}
div#entry ol li {font-size:0.92em; font-weight:normal;}
div#entry p, div#entry cite, div#entry ul li {color:#000; font-size:0.92em;}
div#entry p.enlarge {font-size: 0.72em; font-weight: bold; line-height: 0.95em;}
div#entry dt {color:#000;}
div#entry dd {color:#000; font-size:0.92em; margin:0; padding:0;}

div.entrybox {border:1px solid #036; padding:6px; margin:0; overflow:hidden;}
/*div.entrybox ul {list-style:circle; margin:0; padding:0 0 10px 25px; color:#036;}
div.entrybox p, ul li {color:#036; font-size:0.92em;}
div.entrybox p.enlarge {font-size: 0.72em; font-weight: bold; line-height: 0.95em;}*/


div#entry div.entrybox div.imagelist {margin:0; padding:0;}
div#entry div.entrybox div.imagelist dl {text-align:left;font-size:0.95em;margin-top:25px;}
div#entry div.entrybox div.imagelist dl dt, div#entry div.entrybox div.imagelist dl dd {width:250px;float:left;}
div#entry div.entrybox div.imagelist dl dt {margin:3px 3px 5.5em 3px;}
div#entry div.entrybox div.imagelist dl dd {margin:220px 3px 3px -250px;}
div#entry div.entrybox div.imagelist dl img {vertical-align:bottom;border:1px solid #999;padding:2px;background:#fff;}

/**************************************************************
   top of page link
**************************************************************/
div.toplink {margin:0.3em 10px 1em 0; padding:0px; text-align:right;}
div.toplink a:link {margin-top:0px; font-size:0.8em; padding-top:0px; text-decoration:none; color:#737373; font-weight:bold;}
div.toplink a:visited {margin-top:0px; font-size:0.8em; padding-top:0px; text-decoration:none; color:#737373; font-weight:bold;}
div.toplink a:hover {margin-top:0px; font-size:0.8em; padding-top:0px; text-decoration:underline; color:#036; font-weight:bold;}
div.toplink a:active {margin-top:0px; font-size:0.8em; padding-top:0px; text-decoration:none; color:#737373; font-weight:bold;}

/**************************************************************
   back to article link
**************************************************************/
div.articlelink {margin:0.3em 0; padding:0px; text-align:left;}
div.articlelink a:link {margin-top:0px; font-size:0.8em; padding-top:0px; text-decoration:none; color:#737373; font-weight:bold;}
div.articlelink a:visited {margin-top:0px; font-size:0.8em; padding-top:0px; text-decoration:none; color:#737373; font-weight:bold;}
div.articlelink a:hover {margin-top:0px; font-size:0.8em; padding-top:0px; text-decoration:underline; color:#036; font-weight:bold;}
div.articlelink a:active {margin-top:0px; font-size:0.8em; padding-top:0px; text-decoration:none; color:#737373; font-weight:bold;}


/**************************************************************
   main content - listings (resources, volunteer)
 **************************************************************/
div.list {margin:0; padding:0;}
div.list ul {list-style:circle; margin:0; padding:0 0 0.5em 35px;}
div.list li {font-size:0.85em;}
/*div.list dt {margin:0; padding:6px 0 0 0; font-weight:bold; font-size:0.92em;}
div.list dd {font-size:0.85em;}*/

/**************************************************************
   contact us - staff members
 **************************************************************/
div.staff {overflow:hidden; margin: 5px 0 10px 0;}
div.staff img {border:1px solid #036;}


/**************************************************************
   theater page - theater legend box
 **************************************************************/
div#theaterlegend_outer {width:30em; background-color:#fff; border:2px dotted #000; padding:4px;}
div#theaterlegend_inner {background-color:#F8F8FF; padding:8px; border:1px dotted #036;}
div#theaterlegend_inner h3 {color:#000; font-size:0.94em; margin:0 0 4px 0; padding:0; background-color:transparent;}
div#theaterlegend_inner p {font-size:0.76em; font-weight:bold;}

/**************************************************************
   theater page - theater calendar
 **************************************************************/
table.theatercalendar {background-color: white; border: 1px solid black; margin:10px 0 20px 0;}
table.theatercalendar a {text-decoration: none}
table.theatercalendar tr.days th {width: 14%; background-color: #ffff99; font-weight: bold; text-align: center; padding: 1px; border: 1px solid black;}
table.theatercalendar tr.title th {background-color: #ffcc33; color: black; border: 1px solid black; font-size: 1.20em; text-align:center;}
table.theatercalendar td {vertical-align: top; padding: 0; border: 0px solid gray; border-width: 0 0 1px 1px; background-color:#fff;}
table.theatercalendar div.date {float: left; text-align: center; border: 1px solid gray; border-width: 0 1px 1px 0; padding: 0.125em 0.25em 0 0.25em; margin: 0; background: #ffff99; font-size: 75%;}
table.theatercalendar div.info p {clear: left; font-size:0.92em; padding: 0 2px 0 0;}



/**************************************************************
   what's new page - calendar
**************************************************************/
table#whatsnewcalendartable {border:1px solid #000; margin:5px 10px 0 0; padding:0; border-collapse:collapse;}
table#whatsnewcalendartable th, td {padding:5px; font-size:0.95em; border:1px solid black;}
table#whatsnewcalendartable td {background:#FEFAE2; color:#000; text-align:left; vertical-align:top;}
table#whatsnewcalendartable th {background:#EAA951; color:#000; text-align:left; vertical-align:top; width:10em;}


/**************************************************************
   go green form
**************************************************************/
div#gogreenform {margin:0; padding:0;}
div#gogreenform form {margin-top:0; padding-top:0;}
div#gogreenform h2 {font-size:1em; margin:8px 0 0 0; padding:0 0 0 10px;}
div#gogreenform h3 {font-size:1em; margin:8px 0 0 0; padding:0 0 0 10px; color:#036;}
div#gogreenform p {margin:0; padding:5px 0 0 10px;}
div#gogreenform fieldset {border:none; padding:0; margin:0;}
div#gogreenform legend {font-size:1em; margin:8px 0 0 0; padding:0 0 0 10px; color:#036; font-weight:bold;}
div#gogreenform label {font-size:0.85em; font-weight:bold; display:block;}
div#gogreenform abbr {font-size:1.5em; font-weight:bold; color:#f00; border-bottom-width: 0;}



/**************************************************************
   web access info page
 **************************************************************/
body#webaccessinfo h1 {padding-bottom:1em;}
body#webaccessinfo h2 {color:#fff; background:#036; padding:6px; margin:0.5em 0;}
body#webaccessinfo h3 {margin:0; padding:0.5em 0 0 0;}


/**************************************************************
   site map page - list
 **************************************************************/
ul#sitemap li {font-size:1.15em}
ul#sitemap ul li {font-size:0.92em}
ul#sitemap ul ul li {font-size:100%}

/**************************************************************
   footer
 **************************************************************/
div#footer {margin:0; padding:0; border-top:1px solid #000; text-align:center; clear:both; background:#fff;}
div#footer p {font-size:1em;}



/**************************************************************
   IE6 hack (3-pixel gap between left side and main content)
 **************************************************************/
* html #main {height:1px;}