/*Index*/

html{
overflow:none;
}
 
a{
text-decoration:none;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

a:hover{
text-decoration:none;
color:#000;
}

#background {
  background: #667788 ;
}
#banner {
  font-family: gulim, helvetica, sans-serif;
  font-size: 10pt ;
  background-color: #0088FF ;
  border-width: 1px ;
  border-style: solid;
  margin-top: 10px ;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  text-align: center;
  width: 799px ;
  height: 12px ;
} 

#email{
position:relative;
padding:30px;
font-family: helvetica, sans-serif;
margin-top:180px;
  color:#1e6b7e;

}

#email h2{
	font-size:16px;
	display:inline;
	color:#333;
	}
	
#email a{
text-decoration:none;
color: #0066FF;
}

#email a:hover{
color:#003366
}


 
#content {
  border-width: 1px ;
  border-style: solid;
  margin-top: 30px ;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 799px ;
  height: 632px ;
  background: #ffffff ;
}
#header {
  background-image: url('adambanner.png') ;
  position: absolute ;
  margin-top: 15px ;
  margin-left: 15px ;
  margin-right: 15px ;
  width: 770px ;
  height: 170px ;
}
#menu {
  position: absolute ;
  margin-top: 190px ;
  margin-left: 15px ;
  margin-right: 15px ;
  width: 770px ;
  height: 61px ;
}
#iframe {
  position: absolute ;
  margin-top: 240px ;
  margin-left: 15px ;
  margin-right: 15px ;
  width: 769px ;
  height: 377px ;
}
#mailinglist {
  position: absolute ;
  margin-top: 638px ;
  margin-left: 10px ;
  margin-right: 15px ;
  width: 500px ;
  height: 15px ;
  font-size: 9pt ;
  text-align: justify ;
  font-family: gulim, helvetica, sans-serif;
  color: #000000 ;
}
#contact {
  position: absolute ;
  margin-top: 638px ;
  margin-left: 343px ;
  margin-right: 15px ;
  width: 500px ;
  height: 15px ;
  font-size: 11pt ;
  text-align: justify ;
  font-family: gulim, helvetica, sans-serif;
  color: #000000 ;
}
#membersonly {
  position: absolute ;
  margin-top: 638px ;
  margin-left: 715px ;
  margin-right: 15px ;
  width: 107px ;
  height: 18px ;
  font-size: 9pt ;
  text-align: justify ;
  font-family: gulim, helvetica, sans-serif;
  color: #000000 ;
}
#menu img:hover {
  cursor: pointer
}

/*Universal Box Text (white)*/

#boxtext {
  position: absolute ;
  color: #ffffff ;
  font-size: 10pt ;
  text-align: justify ;
  line-height: 112% ;
  font-family: gulim, helvetica, sans-serif;
  padding: 10px ;
  width: 355px ;
  height: 354px ;
  overflow: auto;
}

/*Universal 
 Text (black)*/

#boxtextblack {
  position: absolute ;
  color: #000000 ;
  font-size: 10pt ;
  text-align: justify ;
  line-height: 112% ;
  font-family: gulim, helvetica, sans-serif;
  padding: 10px ;
  width: 355px ;
  height: 354px ;
  overflow: auto;
}

/*homeiframe.htm*/

#homeboxleft {
  position: absolute ;
  font-family: helvetica, sans-serif ;
  width: 354px ;
  height: 354px ;
  background: #FFF ;
  font-size:12px;
  text-align:left;
  padding:10px;
  color:#1e6b7e;
  overflow:scroll;
}

#homeboxleft h2{
	font-size:16px;
	display:inline;
	color:#333;
	}

#homeboxleft a{
text-decoration:none;
color:#0066FF;
font:helvetica;
font-size:12px;
}

#homeboxleft a:hover{
color:#667788;
}

#homethankyou {
  position: absolute ;
  font-family: helvetica, sans-serif  ;
  color: #OOOOOO ;
  font-size: 12px ;
  margin-top: 10px ;
  margin-left: 10px ;
  width: 350px ;
  height: 70px ;
  text-align:justify;
}
#homeboxright {
  border-width: 1px ;
  border-style: solid;
  position: absolute ;
  margin-left: 392px ;
  width: 375px ;
  height: 374px ;
  background-color: #000000 ;
  background-image:  url('images/adam.png') ;
}
#homepodcast {
  position: absolute ;
  font-family: gulim, helvetica, sans-serif;
  font-size: 11pt ;
  margin-top: 335px ;
  margin-left: 40px ;
  width: 300px ;
  color: #FFFFFF ;
  text-align: center ;
}

/*musicdirector*/

#musicdirectorboxleft {
  position: absolute ;
  border-width: 1px ;
  border-style: solid;
  border-color: #000000 ;
  color: #ffffff ;
  width: 374px ;
  height: 374px ;
  background-image:  url('orchestra/musicdirector/adamleft.png') ;
  background-color: #000000 ;
}
#musicdirectorboxright{
  position: absolute ;
  border-width: 1px ;
  border-style: solid;
  margin-left: 392px ;
  background-image: url('orchestra/musicdirector/adamright.png') ;
  width: 375px ;
  height: 374px ;
}

/*musicians*/

#musiciansboxleft {
  position: absolute ;
  border-width: 1px ;
  border-style: solid;
  border-color: #000000 ;
  color: #ffffff ;
  width: 374px ;
  height: 374px ;
  background-image:  url('orchestra/musicians/musiciansboxleft.png') ;
  background-color: #000000 ;
}
#musiciansboxright {
  border-width: 1px ;
  border-style: solid;
  position: absolute ;
  margin-left: 392px ;
  width: 375px ;
  height: 374px ;
  background-image: url('orchestra/musicians/musiciansboxright.png') ;
  background-color: #000000 ;
}
#musicianslistcontent {
  background-image: url('orchestra/musicians/backdrop.png') ;
  font-family: gulim, helvetica, sans-serif;
  background-color: #FFFFFF ;
  border-width: 1px ;
  border-style: solid;
  margin-top: 30px ;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 799px ;
  height: 632px ;
}
#musicianslistcolumn1 {
  position: absolute ;
  color: #ffffff ;
  font-family: ;
  font-size: 10pt ;
  text-align: justify ;
  margin-top: 37px ;
  margin-left: 39px ;
  margin-right: 15px ;
  width: 600px ;
  height: 600px ;
}
#musicianslistcolumn2 {
  position: absolute ;
  color: #ffffff ;
  font-family: ;
  font-size: 10pt ;
  text-align: justify ;
  margin-top: 37px ;
  margin-left: 230px ;
  margin-right: 15px ;
  width: 600px ;
  height: 600px ;
}
#musicianslistcolumn3 {
  position: absolute ;
  color: #ffffff ;
  font-family: ;
  font-size: 10pt ;
  text-align: justify ;
  margin-top: 37px ;
  margin-left: 420px ;
  margin-right: 15px ;
  width: 200px ;
  height: 600px ;
}
#musicianslistcolumn4 {
  position: absolute ;
  color: #ffffff ;
  font-family: ;
  font-size: 10pt ;
  text-align: justify ;
  margin-top: 37px ;
  margin-left: 610px ;
  margin-right: 15px ;
  width: 200px ;
  height: 600px ;
}
#musicianslistback {
  position: absolute ;
  color: #ffffff ;
  font-family: gulim, helvetica, sans-serif;
  font-family: ;
  font-size: 11pt ;
  text-align: left ;
  margin-top: 575px ;
  margin-left: 660px ;
  margin-right: 15px ;
  width: 100px ;
  height: 30px ;
}

/*history, historycontent.htm*/

#historyiframe {
  position: absolute ;
  width: 769px ;
  height: 377px ;
}
#historyboxleft {
  position: absolute ;
  border-width: 1px ;
  border-style: solid;
  width: 375px ;
  height: 374px ;
  background-color: #000000 ;
}
#historyboxright {
  position: absolute ;
  border-width: 1px ;
  border-style: solid;
  border-color: #000000 ;
  color: #ffffff ;
  width: 375px ;
  height: 374px ;
  background-image: url('orchestra/history/historyright.png');
  background-color: #000000 ;
  margin-left: 392px ;
}

/*board*/

#boardboxleft {
  position: absolute ;
  border-width: 1px ;
  border-style: solid;
  border-color: #000000 ;
  color: #ffffff ;
  width: 374px ;
  height: 374px ;
  background-image:  url('orchestra/board/tuningleft.png') ;
  background-color: #000000 ;
}
#boardtext {
  position: absolute ;
  line-height: 112% ;
  font-family: gulim, helvetica, sans-serif;
  color: #ffffff ;
  font-size: 10pt ;
  text-align: right ;
  margin-top: 40px ;
  margin-left: 0px ;
  margin-right: 15px ;
  width: 260px ;
  height: 357px ;
}
#boardboxright {
  border-width: 1px ;
  border-style: solid;
  position: absolute ;
  margin-left: 392px ;
  width: 375px ;
  height: 374px ;
  background-image: url('orchestra/board/tuningright.png') ;
  background-color: #000000 ;
}

/*auditions*/

#auditionsboxleft {
  position: absolute ;
  border-width: 1px ;
  border-style: solid;
  border-color: #000000 ;
  color: #ffffff ;
  width: 374px ;
  height: 374px ;
  background-image:  url('orchestra/auditions/auditionsleft.png') ;
}
#auditionsboxright {
  border-width: 1px ;
  border-style: solid;
  position: absolute ;
  margin-left: 392px ;
  width: 375px ;
  height: 374px ;
  background-image: url('orchestra/auditions/auditionsright.png') ;
}

/*Season Tickets*/

#seasonboxtext {
  position: absolute ;
  color: #000000 ;
  font-size: 11pt ;
  text-align: left ;
  line-height: 112% ;
  font-family: gulim, helvetica, sans-serif;
  padding: 10px ;
  width: 355px ;
  height: 354px ;
  overflow: auto;
}
#sticketsboxleft {
  position: absolute ;
  color: #000000 ;
  background-color: #FFFFFF ;
  width: 374px ;
  height: 374px ;
  border-right-width: 1px;
}
#sticketsboxright {
  position: absolute ;
  border-width: 1px ;
  border-style: solid;
  border-left-color: #000000 ;
  border-color:#FFFFFF ;
  margin-left: 392px ;
  width: 374px ;
  height: 374px ;
  background-color: #FFFFFF ;
}
#sticketsheading {
  position: absolute ;
  margin-left: 115 ;
  margin-right: auto ;
  margin-top: 17px ;
}
#sticketsportal {
  position: absolute ;
  border-width: 0px ;
  color: #000000 ;
  background-color: #FFFFFF ;
  margin-top: 35px ;
  margin-left: 15px ;
  width: 352px ;
}

/*bushell2009.htm */

#bushell2009boxleft {
  position: absolute ;
  border-width: 1px ;
  border-style: solid;
  border-color: #000000 ;
  width: 374px ;
  height: 374px ;
  background-color: #FFFFFF ;
}
#bushell2009boxright {
  border-width: 1px ;
  border-style: solid;
  position: absolute ;
  margin-left: 392px ;
  width: 375px ;
  height: 374px ;
  background-image: url('outreach/hornsketch.png') ;
  background-color: #000000 ;
}

/*giving.htm*/

#givingboxleft {
  border-width: 1px ;
  border-style: solid;
  position: absolute ;
  width: 375px ;
  height: 374px ;
  background-image: url('giving/givingleft.png') ;
  background-color: #000000 ;
}
#givingboxright {
  position: absolute ;
  border-width: 1px ;
  border-style: solid;
  border-color: #000000 ;
  color: #ffffff ;
  width: 375px ;
  height: 374px ;
  margin-left: 392px ;
  background-image:  url('giving/givingright.png') ;
  background-color: #000000 ;
}

/*iPhone*/

#iphone {
  width: 320px ;
  height: 480px ;
  background-color: #667788 ;
  font-family: helvetica, sans-serif;
  font-weight:bold;
  font-size: 10pt ;
  margin-left:0px;
  margin-top:0px;
}

#logoiphone {
width: 320px ;
height: 100px ;
background-color: #000000 ;
font-family: helvetica, sans-serif;
font-weight:bold;
font-size: 10pt ;
margin-left:0px;
margin-top:0px;
  margin-bottom:5px;
}

p.iphone{
  margin-top:0px;
  margin-bottom:0px;
}  

#one{
width: 290px;
margin-top: 10px; 
height:auto; 
text-align:justify; 
margin-left:0px; 
background-color:#667788;
color:#000000;
padding:10px;
padding-top:5px;
padding-bottom:1px;
}

#two{
width: 290px;
margin-top: 55px; 
height:auto; 
text-align:justify; 
margin-left:0px; 
background-color:#667788;
color:#000000;
padding:10px;
padding-top:5px;
padding-bottom:1px;
}

#three{
width: 290px;
margin-top: 70px; 
height:auto; 
text-align:justify; 
margin-left:0px; 
background-color:#667788;
color:#000000;
padding:10px;
padding-top:5px;
padding-bottom:1px;
}

a.iphone{
  background-color: #aaaaaa;
  font-family: helvetica, sans-serif;
  font-weight:bold;
  font-size: 25px;
  text-align:center;
  padding:5px; 
  color:#000000;
  color:# 
}
h2{
font-family: helvetica, sans-serif;
  font-weight:bold;
  font-size: 12px;
  }


.nav { 
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
}
.nav li { margin: 0; padding: 0;}

#header-wrapper .nav li { 
margin-top:10px;
  width: 110px; 
  display: block; 
  clear: left; 
  float: left; 
}

#header-wrapper .nav li a { 
  width: 310px; 
  text-decoration:none;
  display: block; 
  clear: left; 
  float: left; 
  color: #FFFFFF;
  background:#000000;  
  font-size: 20px; 
  line-height: 20px; 
  font-family: Helvetica, Arial, sans-serif; 
  text-transform: lowercase;
  padding: 5px 0 5px 10px; 
  position: relative; 
  left: -40px;
  -webkit-border-radius: 2px; 
  -moz-border-radius: 2px; 
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-transition-property: background-color, color, text-shadow;
  -webkit-transition-duration: .5s;
  -webkit-transition-timing-function: ease-in;
  cursor:pointer;
}

#header-wrapper .nav li a:hover { 
  background-color: #CC9933; 
  color: #000000; 
  -webkit-transition-timing-function: ease-out;
}
