body { margin: 0px auto; padding: 0; border:none; background-color: #004050; text-align: center; color: #daa520; }

img { border-style: none; }
.hiddenPic {display:none;}
p { background-color: transparent; color: #daa520; font-style: italic; font-weight: normal; font-size: 14px; font-family: "Times New Roman", Georgia, Times, serif; }

h1 { background-color: #004050; color: #daa520; font-style: italic; font-weight: bold; font-size: 24px; font-family: "Times New Roman", Georgia, Times, serif; }
h2 { background-color: #004050; color: #daa520; font-style: italic; font-weight: bold; font-size: 18px; font-family: "Times New Roman", Georgia, Times, serif; }

.left { text-align: left; }
.left-indent { text-align: left; position: relative; left: 40px; }
.left-outdent { text-align: left; position: relative; left: -40px; }
.picturehead { font-weight: bold; }
.picturehead-center { font-weight: bold; text-align: center;}
.picturehead-left { font-weight: bold; text-align: left;}
.note { background-color: transparent; color: #e0ffff; font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; font-family: Verdana, Arial, Geneva, sans-serif; text-align: center; }
.white-left { background-color: transparent; color: #e0ffff; text-align: left; font-style: normal; font-weight: normal; 
font-size: 12px; line-height: 16px;  font-family: Verdana, Arial, Geneva, sans-serif;
}

 
#container {
margin: 00px auto;
width: 650px;
height: auto;
padding: 0px;
}


.containerinline-300 {
margin: auto;
width: 650px;
height: 300px;
}

.containerinline-350 {
margin: auto;
width: 650px;
height: 350px;
}

.containerinline-400 {
margin: auto;
width: 650px;
height: 400px;
}

.containerinline-440 {
margin: auto;
width: 650px;
height: 440px;
}

.containerinline-500 {
margin: auto;
width: 650px;
height: 500px;
}

.floatbox-pic {
float: left;
width: 325px;
height: auto;
}

.floatbox-pic-500 {
float: left;
width: 500px;
height: auto;
}

.floatbox-pic-320 {
float: left;
width: 320px;
height: auto;
}

.floatbox-auto {
float: left;
width: auto;
height: auto;
}

.floatbox-auto-right {
float: right;
width: auto;
height: auto;
}

/* padded for images nested in text */

.floatbox-auto-pad {
float: left;
width: auto;
height: auto;
padding: 6px;
}

.floatbox-auto-right-pad {
float: right;
width: auto;
height: auto;
padding: 6px;
}

/* Spiritwind link box bottom of page */
 .container-links { 
background-color: #003040; 
margin: 0 auto;
padding: 4px;
width: 360px; 
height: 115px; 
border: outset 3px #004050; 
}

 /* containers for artlinks*/
.container-artlinks2 {margin: 0px auto; width: 328px; height: 26px; } 
.container-artlinks3 {margin: 0px auto; width: 490px; height: 26px; }
.container-artlinks4 {margin: 0px auto; width: 652px; height: 26px; }
 
 /* total width 162px*/
.artlinks { float: left; display: block; width: 150px; height: 16px; border: outset 2px #004050; margin: 0px 4px 0px 4px; 
background-color: #003040; color: #e0ffff; font-style: normal; font-weight: normal; font-size: 10px; line-height: 16px; 
font-family: Verdana, Arial, Geneva, sans-serif; text-align: center; }
.artlinks a:link { display: block; height: 16px; background-color: #003040; color: #e0ffff; 
font-style: normal; font-weight: normal; font-size: 10px; line-height: 16px; 
font-family: Verdana, Arial, Geneva, sans-serif; text-align: center; }
.artlinks a:visited { display: block; height: 16px; background-color: #003040; color: #e0ffff;
font-style: normal; font-weight: normal; font-size: 10px; line-height: 16px; 
font-family: Verdana, Arial, Geneva, sans-serif; text-align: center; }
.artlinks a:hover { background-image: url(../images-site/menu-on-150.jpg); color: #ffffff; }
.artlinks a:active { background-image: url(../images-site/menu-on-150.jpg); color: #ffcc33; }

.artlinks-off { float: left; display: block; width: 150px; height: 16px; border: outset 2px #004050; margin: 0px 4px 0px 4px; 
background-color: #003040; color: #daa520; font-style: normal; font-weight: normal; font-size: 10px; line-height: 16px; 
font-family: Verdana, Arial, Geneva, sans-serif; text-align: center; }

/* for page links */
.floatbox-artlink { 
float: left; 
width: 92px; 
height: 16px; 
padding-top:3px; 
color: #daa520; font-size: 10px; font-family: Verdana; font-weight: normal; font-style: normal; text-align: center; 
}

.floatbox-artlink a:hover { display: block; background-image: url(../images-site/menu-on-150.jpg); color: #ffffff; }
.floatbox-artlink a:active { display: block; background-image: url(../images-site/menu-on-150.jpg); color: #ffcc33; }

a:link { background-color: transparent; color: #e0ffff; text-decoration: none; font-size: 10px; line-height: 12px}
a:visited { background-color: transparent; color: #e0ffff; text-decoration: none; font-size: 10px; line-height: 12px}
a:hover { background-image: url(../images-site/menu-on-repeat.jpg) no-repeat-y; color: #fff; text-decoration: none; }
a:active { background-image: url(../images-site/menu-on-repeat.jpg) no-repeat-y; color: #daa520; text-decoration: none; }


/* for mail links */
.links { background-color: transparent; color: #e0ffff; font-style: normal; font-weight: normal; font-size: 12px; line-height: 12px; 
font-family: Verdana, Arial, Geneva, sans-serif; text-align: center; }

.links a:hover { background-image: url(../images-site/menu-on.gif); color: #ffffff; }
.links a:active { background-image: url(../images-site/menu-on.gif); color: #ffcc33; }
.links-off { 
background-color: transparent; 
color: #daa520; 
font-style: normal; 
font-weight: normal; 
font-size: 10px; 
line-height: 12px; 
font-family: Verdana, Arial, Geneva, sans-serif; 
text-align: center; }
/* touring schedule links. This is 190px wide rather than the 150px artlink */
.links-schedule { display: block; width: 190px; height: 16px; border: outset 2px #004050; margin: auto; 
background-color: #003040; color: #e0ffff; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; 
font-family: Verdana, Arial, Geneva, sans-serif; text-align: center; }
.links-schedule a:link { display: block; height: 16px; padding-top: 2px; background-color: #003040; color: #e0ffff; 
font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; 
font-family: Verdana, Arial, Geneva, sans-serif; text-align: center; }
.links-schedule a:visited { display: block; height: 16px; padding-top: 2px; background-color: #003040; color: #e0ffff;
font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; 
font-family: Verdana, Arial, Geneva, sans-serif; text-align: center; }
.links-schedule a:hover { background-image: url(../images-site/menu-on-schedule.jpg); color: #ffffff; }
.links-schedule a:active { background-image: url(../images-site/menu-on-schedule.jpg); color: #ffcc33; }

/* for extra links on page without box */
.container-links-page { 
margin: 0px auto;
padding: 6px;
width: 450px; 
height: 50px; }

.links-page a:link { background-color: transparent; color: #e0ffff; font-style: italic; font-weight: normal; font-size: 12px; line-height: 14px; 
font-family: Verdana, Arial, Geneva, sans-serif; text-align: center }
.links-page a:visited { background-color: transparent; color: #e0ffff; font-style: italic; font-weight: normal; font-size: 12px; line-height: 14px; 
font-family: Verdana, Arial, Geneva, sans-serif; text-align: center }
.links-page a:hover { background-image: url(../images-site/menu-on-repeat.jpg); color: #ffffff; }
.links-page a:active { background-image: url(../images-site/menu-on-repeat.jpg); color: #ffcc33; }

/* Links for inline white text - link gold */
.links-inline a:link { background-color: transparent; color: #daa520; }
.links-inline a:visited { background-color: transparent; color: #daa520; } 
.links-inline a:hover { background-image: none; background-color: transparent; color: #fc0; }
.links-inline a:active { background-image: none; background-color: transparent;; color: #fff; }


/* NEW DROP MENU */
.container-drop-menu { /* not used */
margin: 0px auto;
padding: 6px;
width: 300px; 
height: 50px;
}


ul#menu li ul{
  display:none;
}

ul#menu li:hover>ul{
  display:block;
}
 
/* menu container */
ul#menu{
  margin-left: auto;
  margin-right: auto;
  width: auto; /* menu container */
  height: 30px;
  padding: 0px;
  list-style: none;
  /* Note: Link font size, etc., superceeds this*/
  font-family: Verdana, Arial, Geneva, sans-serif; font-size: 10px; font-style: normal;
}


ul#menu hr{
 margin-right: 4px;
 margin-left: 4px;
}

ul#menu li{
  float: left;
  display: block;
  padding: 2px 1px;
  margin-right: 4px; /* Set to add spacing between horizontal main menu items. */
}

ul#menu li.first{
  padding-left: 2px;
}

ul#menu li.last{
  padding-right: 2px;
}

/* top menu boxes */
ul#menu li a{ 
  display: block; 
  width: 150px; /* blocks normally auto size to content, but need to define width so it works in dysfunctional IE */
  padding: 2px 0px; 
  border: outset 2px #004050; 
  background-color: #003040; 
  color: #e0ffff; 
  text-decoration: none; }

/* top menu hover */
ul#menu li a:hover{
  background: url(../images-site/menu-on-150.jpg) no-repeat;
}

/* drop menu main-boxes */
ul#menu ul{
  position: absolute;
  background: #003040 ;
  list-style: none;
  margin: 0px;
  padding: 0px;
  padding-top: 6px;
  padding-bottom: 3px;
  width: 150px;
  z-index: 1;
  border: outset 2px #004050;
  text-align: left; /* need this because p style has text-align: center */
}

/* horizontal drop menu position */
ul#menu ul ul{ 
top: -200px; 
left: 150px; 
z-index:2; 
}


/* drop menu list */
ul#menu ul li{
  position:relative;
  float:none;
  margin:0px;
  padding:0px;
  _display:inline; /* maintain vertical spacing in IE */
  
}

/* drop menu sub-boxes */
ul#menu ul li a{ 
display: block; 
margin: 0; 
padding: 0; 
width: 150px; 
border: none; 
}

/* drop menu list */
ul#menu ul li a span{ 
	text-align: left; 
	display: block; 
	width:144px; 
	/* _width:156px;  to deal with non-conforming IE */
	padding: 2px 3px 2px; /* link spacing - Match padding width for desired height / match hover image size */
  	border: none; 
  	cursor: pointer;  
}
  	
  	
ul#menu ul li a.next span{
  background-color: #004050;
}


/* not used in this case */
ul#menu ul li a.next:hover span{
  background-position: -160px 50%;
}

/* drop menu hover */
ul#menu ul li a:hover span{
  background: url(../images-site/menu-on-150.jpg) no-repeat;
  color: #FFFFFF;
  border: none;
}

/* drop menu active */
ul#menu ul li a:active span{
  background: url(../images-site/menu-on-150.jpg) no-repeat;
  color: #ffcc33;
  border: none;
}

/* first and last provided incase of need to add padding. Note: Padding needs to be less than equal to background image. */
ul#menu ul li.first{
  padding-left: 0px;
}

ul#menu ul li.first a{
  padding-top: 0px;
	background-color: #003040;
}

ul#menu ul li.last{
  padding-right: 0px;
}

ul#menu ul li.last a{
  padding-bottom: 6px;
	background-color: #003040;
}


/* style for "links off" in dropdown menu */
li.links-off { font-style: normal; text-align: left; text-indent: 3px; font-size: 10px; line-height: 16px; }



/* style for additions note in dropdown menu */
li.new-additions { background-color: transparent; color: #e0ffff; font-size: 9px; font-weight: normal; font-style: normal; text-align: left; text-indent: 10px; vertical-align: super; padding-bottom: 10px; }

/* style for "links off" in top menu boxes */
ul#menu li.main-links-off{ 
  display: block; height: 16px;
  width: 150px; /* blocks normally auto size to content, but need to define width so it works in dysfunctional IE */
  margin-top: 2px; 
  padding: 0px 0px; 
  border: outset 2px #004050; 
  background-color: #003040; 
  font-size: 10px; line-height: 16px;
  text-decoration: none; }