body {background: url(../images/bg.jpg) repeat-y top left #0066CC; font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #000000; padding: 0px; margin: 0px;}
#header {position: absolute; width: 330px; height: 55px; z-index: 1; left: 85px; top: 10px; background: url(../images/header.jpg) no-repeat center; text-align: left; border: none;}
#tag {position: absolute; width: 350px; height: 25px; z-index: 1; left: 435px; top: 40px; background: url(../images/tag.jpg) no-repeat center; text-align: left; border: none;}
#logo {position: absolute; width: 243px; height: 243px; z-index: 1; left: 81px; top: 60px; background: url(../images/logo.jpg) no-repeat center; text-align: left; border: none;}
#navbarbg {position: absolute; width: 801px; height: 66px; z-index: 1; left: 312px; top: 62px; background: url(../images/navbarbg.jpg) no-repeat center; text-align: left; border: none;}
#navbar {position: absolute; width: auto; height: 66px; z-index: 1; left: 345px; top: 69px; text-align: left; border: none;}
#navburst {position: absolute; width: 555px; height: 120px; z-index: 1; left: 317px; top: 124px; background: url(../images/navburst1.jpg) no-repeat center; text-align: left; border: none;}
#pictures {position: absolute; width: 108px; height: 108px; z-index: 1; left: 381px; top: 136px; text-align: left; border: none;}
#multimedia {position: absolute; width: 108px; height: 108px; z-index: 1; left: 562px; top: 136px; text-align: left; border: none;}
#wiki {position: absolute; width: 108px; height: 108px; z-index: 1; left: 742px; top: 136px; text-align: left; border: none;}
#navboxtop {position: absolute; width: 240px; height: 25px; z-index: 1; left: 80px; top: 315px; background: url(../images/navboxtop1.jpg) no-repeat center; text-align: left; border: none;}
#navcontainer {position: absolute; width: 240px; height: auto; z-index: 1; left: 80px; top: 340px; text-align: left; border: none;}
#navcontent {float:left; width: 212px; height: auto; text-align: left; margin-left: 15px; border: none;}
#navboxbottom {float:left; width: 240px; height: 48px; background: url(../images/navboxbottom1.jpg) no-repeat center; text-align: left; border: none;}
#navcopyright {float:left; width: 215px; height: auto; font-size: 8pt; text-align: center; border: none;}
#sidebartop {position: absolute; width: 216px; height: 26px; z-index: 1; left: 895px; top: 145px; background: url(../images/sidebartop1.jpg) no-repeat center; text-align: left; border: none;}
#sidebarcontainer {position: absolute; width: 216px; height: auto; z-index: 1; left: 895px; top: 172px; text-align: left; border: none;}
#sidebarcontent {float:left; width: 198px; height: auto; text-align: center; margin-left: 8px; border: none;}
#sidebarbottom {float:left; width: 216px; height: 48px; background: url(../images/sidebarbottom.jpg) no-repeat center; text-align: left; border: none;}
#main {position: absolute; width: 530px; height: auto; z-index: 1; left: 340px; top: 296px; font-size: 12pt; text-align: justify; border: none;}

img {border: none;}
.headshot {float: left; padding-right: 10px;}

h1 {font-size: 16pt; font-weight: normal; border-bottom: dotted #0066CC 2px;}
h2 {font-size: 12pt; font-style: italic; font-weight: normal;}
h3 {font-size: 12pt; font-weight: normal; font-style: italic; border-bottom: dotted #0066CC 2px;}
h4 {font-size: 14pt; font-weight: bold;}
h5 {font-size: 8pt; font-weight: normal;}
h6 {font-size: 8pt;}

h1.welcome {background-image: url(../images/welcome.jpg); background-repeat: no-repeat; height: 32px; padding-left: 1.5em; padding-bottom: .25em; border: none;}
h1.getdirections {background-image: url(../images/getdirections.jpg); background-repeat: no-repeat; height: 31px; padding-left: 1.5em; padding-bottom: .25em; border: none;}
h1.picturegallery {background-image: url(../images/picturegallery.jpg); background-repeat: no-repeat; height: 32px; padding-left: 1.5em; padding-bottom: .25em; border: none;}
h1.chapterinfo {background-image: url(../images/chapterinfo.jpg); background-repeat: no-repeat; height: 31px; padding-left: 1.5em; padding-bottom: .25em; border: none;}
h1.workshopshead {background-image: url(../images/workshopshead.jpg); background-repeat: no-repeat; height: 31px; padding-left: 1.5em; padding-bottom: .25em; border: none;}
h1.membership {background-image: url(../images/membership.jpg); background-repeat: no-repeat; height: 32px; padding-left: 1.5em; padding-bottom: .25em; border: none;}
h1.officers {background-image: url(../images/officers.jpg); background-repeat: no-repeat; height: 31px; padding-left: 1.5em; padding-bottom: .25em; border: none;}
h1.contact {background-image: url(../images/contact.jpg); background-repeat: no-repeat; height: 31px; padding-left: 1.5em; padding-bottom: .25em; border: none;}
h1.music {background-image: url(../images/music.jpg); background-repeat: no-repeat; height: 32px; padding-left: 1.5em; padding-bottom: .25em; border: none;}
h1.fortyyears {background-image: url(../images/40years.jpg); background-repeat: no-repeat; height: 32px; padding-left: 1.5em; padding-bottom: .25em; border: none;}
h1.orff2012 {background-image: url(../images/orff2012.jpg); background-repeat: no-repeat; height: 31px; padding-left: 1.5em; padding-bottom: .25em; border: none;}
h1.feedbackhead {background-image: url(../images/feedbackhead.jpg); background-repeat: no-repeat; height: 32px; padding-left: 1.5em; padding-bottom: .25em; border: none;}
h1.webster {background-image: url(../images/webster.jpg); background-repeat: no-repeat; height: 31px; padding-left: 1.5em; padding-bottom: .25em; border: none;}
h1.links {background-image: url(../images/links.jpg); background-repeat: no-repeat; height: 31px; padding-left: 1.5em; padding-bottom: .25em; border: none;}

h2.navigate {background-image: url(../images/navigate.jpg); background-repeat: no-repeat; height: 24px; padding-left: 1.5em; padding-bottom: .25em; border-bottom: dotted #0066CC 2px;}
h2.workshops {background-image: url(../images/workshops0910.jpg); background-repeat: no-repeat; height: 51px; padding-left: 1.5em; padding-bottom: .25em; border-bottom: dotted #0066CC 2px;}
h2.dues {background-image: url(../images/dues.jpg); background-repeat: no-repeat; height: 51px; padding-left: 1.5em; padding-bottom: .25em; border-bottom: dotted #0066CC 2px;}
h2.search {background-image: url(../images/search.jpg); background-repeat: no-repeat; height: 23px; padding-left: 1.5em; padding-bottom: .25em; border-bottom: dotted #0066CC 2px;}
h2.directions {background-image: url(../images/directions.jpg); background-repeat: no-repeat; height: 24px; padding-left: 1.5em; padding-bottom: .25em; border-bottom: dotted #0066CC 2px;}
h2.forward {background-image: url(../images/forward.jpg); background-repeat: no-repeat; height: 23px; padding-left: 1.5em; padding-bottom: .25em; border-bottom: dotted #0066CC 2px;}
h2.feedback {background-image: url(../images/feedback.jpg); background-repeat: no-repeat; height: 24px; padding-left: 1.5em; padding-bottom: .25em; border-bottom: dotted #0066CC 2px;}


.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.under {margin-top: 3px;}
.date {font-size: 10pt; color: #808080; text-align: right; margin-top: 0px; border: none;}
.workshopdate {font-size: 12pt; color: #333333; text-align: right; margin-top: 0px; border: none;}
.workshopblurb {font-style: italic;}
.copyright {font-size: 9pt; text-align: justify; margin-top: 0px;}
.clear {clear:both;}
.clearcenter {clear:both; text-align: center;}
.cleardate {clear:both; font-size: 9pt; text-align: right; margin-top: 0px; border: none;}

blockquote {font-size: 9pt; vertical-align: top; text-align: left; padding: 10px; padding-top: 0px; padding-bottom: 0px; border: solid #009900 1px; margin: 0px;}
pre,code {background-color: #FFFFFF; font-size: 9pt; color: #000000; vertical-align: top; text-align: left; padding: 5px; border-left: solid #009900 3px;}
cite {font-size: 9pt; font-style: italic; color: #009900;}

hr {background-color: #009900; border: solid #33CCCC 1px;}

ol {list-style-type: lower-roman;}
ul {list-style-type: none; padding: 0; margin: 0;}
ul.none {list-style-type: none; margin-left: 1em;}
li.notes {background-image: url(../images/notes.jpg); background-repeat: no-repeat; background-position: 0 .15em; padding-left: 1.5em;}
li.none {list-style-type: none; margin-left: 1em;}
#contentlist ul li{padding: 2px 0px 2px 0px;}

#nav {background: #0066CC; float: left;	list-style: none; margin: 0; padding: 0; width: 100%;}
#nav li {float: left; margin: 0; padding: 0;}
#nav a {color: #FFFFFF; font-size: 22pt; display: block; float: left; margin: 0; padding: 8px 12px; text-decoration: none; font-weight: normal; border-left: 3px solid #0066CC; border-right: 3px solid #0066CC;}
#nav a:hover {background: #0066CC; color: #FFFFFF; padding-bottom: 8px; border-left: 3px solid #808080; border-right: 3px solid #808080;}    

#main a {font-size: 12pt;}

dl {margin: 0px; padding: 0px;}
dt {font-size: 11pt; color: #000000; font-weight: bold; padding: 2px; border-bottom: solid #009900 1px;} 
dd {font-size: 11pt; text-align: justify; padding: 3px; border: none;}

form {margin: 0px; padding: 10px; text-align: left; border: none;}
input,textarea {font-size : 8pt; color: #333333; padding : 3px;}

a:link {text-decoration: none; color: #0066CC; font-family: arial, helvetica, sans-serif; font-weight: normal; font-size: 10pt;}
a:visited {text-decoration: none; color: #808080; font-family: arial, helvetica, sans-serif; font-weight: normal; font-size: 10pt;}
a:hover {text-decoration: none; color: #333333;	font-family: arial, helvetica, sans-serif; font-weight: normal; font-size: 10pt;}
a:active {text-decoration: none; color: #0066CC; font-family: arial, helvetica, sans-serif; font-weight: normal; font-size: 10pt;}