/*The basic instructions for what colors, font families, link colors, etc.*/

body {
    margin: 0; padding: 0;
    background-color: #333;
	color: #EEE;
    font-size: 10pt;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    line-height: 11pt;
}

a {
    color: #666;
    text-decoration: none
}

a:link { color: #f4a108 }
a:visited { color: #f4a108 }

a:hover { color: #c09 }

element { color: #fcc }

h1 {
    margin: 0.67em 0;
    font-size: 20pt; font-weight: bold;
	line-height:1.05em;
}

h2 {
    margin: 0.83em 0;
    color: #666;
    font-size: 10pt; font-weight: bolder
}

h3 {
    margin: 1em 0;
    font-size: 10pt; font-weight: bold
}

h4 {
    margin: 1.33em 0;
    font-size: 11pt; font-weight: bold
}

em {
    color: #666;
    font-weight: bold;
    font-style: normal
}

#container {
    width: 90%; max-width: 800px; height: auto;
    margin: 10px auto;
    background-color: #141414;
	color: #EEE;
    border-top: solid 1px gray;
    border-left: solid 1px gray;
    border-right: solid 1px gray;
    line-height: 130%;
}

/*this section has the css for each section's banner that floats under the logo. it also defines the display width at the top.*/

#top, #top1, #top2, #top3, #top4, #top5, #top6, #top7, #top8 {
    height: 154px;
    margin: 0; padding: 0;
    background-color: #141414;
    background-repeat: repeat-x;
}

#top {
    background-image: url(images/banner_mst5.gif);
}

#top1 {
    background-image: url(images/banner_abo.gif);
}

#top2 {
    background-image: url(images/banner_mst4.gif);
}

#top3 {
    background-image: url(images/banner_press.gif);
}

#top4 {
    background-image: url(images/banner_part.gif);
}

#top5 {
    background-image: url(images/banner_sub.gif);
}

#top6 {
    background-image: url(images/banner_arch.gif);
}

#top7 {
    background-image: url(images/banner_cont.gif);
}

#top8 {
    background-image: url(images/banner_equi.gif);
}

/*this section defines the boxes holding left navigation, content - holding text and images for each page and subnav - holding contact info.*/
#topnav {
	float:right;
	clear:both;
	margin:60px 75px 0 0;
}

#topnav ul {
    width: 100%;
    margin: 0; padding: 0;
    font-size: 10pt;
    line-height: 11pt;
    list-style-type: none;
    list-style-image: none;
}

#topnav ul li {
     position:relative;
	 z-index: 1
 	margin:0 10px;
 	display:inline;
 }

#topnav ul li a {
      display: inline;
      padding: 5px;
      color: #777;
      font-weight: bold;
      text-decoration: none
  }

#topnav li ul {
    position: absolute; display: none;
    top: 0; left: 100px
}

#topnav ul li.festivaltitle {
	font-weight:bold;
	font-size:14pt;
	margin:0 50px 0 0;

}

#leftnav {
    float: left;
    width: 160px;
    margin: 0; padding: 10px 5px 5px 15px
}

#leftnav p {
     margin: 0 0 0.5em; padding: 1em
 }

#content {
    max-width: 36em;
    margin: 0 0 20px 235px; padding: 15px 0 0
}

#content h2 {  margin: 0 }

#subnav {
    margin: 0; padding: 0.25px 0.5px 1px;
    background-color: #666;
    clear: both;
}

 #subnav p {
     font-size: 9pt;
     text-align: center;
 }

#footer {
    height: 10pt;
    margin: 0; padding: 5px;
    background-color: #AAA;
   	color: #333;
    border-top: 1px solid gray;
    clear: both;
	text-align:center;
}

/*This section defines the side navigation and drop down behaviors*/

li:hover ol { display: block }

ul {
    width: 100px;
    margin: 0; padding: 0;
    font-size: 10pt;
    line-height: 11pt;
    list-style-type: none;
    list-style-image: none;
}

 ul li {
     position: relative;
     z-index: 1
 }

  ul li a {
      display: block;
      padding: 5px;
      font-weight: bold;
      text-decoration: none
  }


li ul {
    position: absolute; display: none;
    top: 0; left: 100px
}

li:hover ul {
    display: block;
    background-color: #666;
    border: dotted 1px #EEE;
}

/*this section creats the rollover logo*/

.cssnav {
    position: relative; display: block; float: left;
    width: 100%; height: 100px;
    margin: 0; padding: 0;
    font-family: arial, helvetica, sans-serif;
    background-position: 0 0;
    white-space: nowrap;
}

 .cssnav span {
     position: absolute;
     top: 15px; left: 35px;
     margin: 0px; padding: 0px;
     cursor: pointer
 }

 .cssnav img {
     width: 235px; height: auto;
     border: 0
 }

 .cssnav a {
     display: block; display: block; float: left;
     width: 235px; height: auto;
     color: #000000; color: black;
     font-size: 11px;
     text-decoration: none
 }

 .cssnav a:hover img {  visibility: hidden }

* html a:hover { visibility: visible }

ol {
    display: block;
    width: 90px;
    margin: 0 0 0 10px; padding: 0;
    line-height: 10pt;
    z-index: 2;
    list-style-type: none;
    list-style-position: inside;
}

.add {
    font-size: 9pt;
    text-align: right;
    line-height: 11pt
}

.last {
    margin: 0; padding: 0 0 10px;
    border-color: #999;
    border-style: solid;
    border-width: 0 0 1px;
}

#address {
	font-style:italic;
}

#content ul {
	width: 90%;
	margin:auto;
	font-style: italic;
	list-style-type:square;
}

#content ul li a {
	display: inline;
	padding:0;
}
#content dl dt {
	margin:10px 0 0 0;
}
#content dl dd {
	font-style:italic;
}

.header {
	text-align:center;
	background-color:#222;
}
table {
	margin:0 0 15px 0;
}
table li {
	margin:3px 0;
}
table tr {
	vertical-align:top;
}
img.vanguard {
	float:right;
	width:252px;
	margin:17px -50px 0 15px;
	border:1px solid #EEE;
}
cite {
	display:block;
	margin:30px 0 0 0;
	font-size:75%;
}
#partners #content {
	background-color:#FFF;
	color:#000;
	padding-left:15px;
	padding-right:15px;
}
.update {
	color:red;
}