@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding:0;
}
html {
	width: 100%;
	height: 100%;
	background-color:#afb6d3;
	background-image:url(imgs/bgstrip-wide.gif);
	background-repeat:repeat-y;
background-position: center;
}
body {
	width: 100%;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(imgs/tstripe.gif);
	background-repeat:repeat-x;
}
#content {
	width: 900px;
	height:100%;
	margin:auto;
	background-color:transparent;
}
a:link {color: #000}
a:visited {color: #273365}
a:hover, a:active {color: #654d24}

h1 span, h2 span {display:none}
h3 {color:#654D24; margin:12px; font-size:16px; clear:both}
h4 {color:#273365; margin:12px; font-size:14px; clear:both;  border-bottom: 1px solid #E0DBD3}

blockquote {margin: 20px; font-size:11px}
.centered {text-align:center}
.smaller {font-size:11px}

#top {width: 900px; height: 480px; background-image:url(imgs/heading.png); margin-bottom: -135px}
#top h1 {background-image:url(imgs/ccgtitle.gif); width:584px; height:61px; margin: auto; padding-top: 120px; background-repeat: no-repeat; background-position: bottom}

ul#navbar {list-style:none; margin-left:90px; margin-top: 19px}
ul#navbar li {display:inline}
ul#navbar a span {display:none}
ul#navbar a {height: 26px; display: block; float:left}
li#m-about a:link, li#m-about a:visited {background-image:url(imgs/about-off.png); width:192px;}
li#m-about a:hover, li#m-about a:active, li#m-about.current a:link, li#m-about.current a:visited, li#m-about.current a:hover, li#m-about.current a:active {background-image:url(imgs/about-on.png); width:192px;}
li#m-members a:link, li#m-members a:visited {background-image:url(imgs/members-off.png); width:168px;}
li#m-members a:hover, li#m-members a:active, li#m-members.current a:link, li#m-members.current a:visited, li#m-members.current a:hover, li#m-members.current a:active {background-image:url(imgs/members-on.png); width:168px;}
li#m-library a:link, li#m-library a:visited {background-image:url(imgs/library-off.png); width: 155px;}
li#m-library a:hover, li#m-library a:active, li#m-library.current a:link, li#m-library.current a:visited, li#m-library.current a:hover, li#m-library.current a:active {background-image:url(imgs/library-on.png); width: 155px;}
li#m-support a:link, li#m-support a:visited {background-image:url(imgs/support-off.png); width: 195px;}
li#m-support a:hover, li#m-support a:active,li#m-support.current a:link, li#m-support.current a:visited, li#m-support.current a:hover, li#m-support.current a:active {background-image:url(imgs/support-on.png); width: 195px;}

#upcoming {background-image:url(imgs/upcoming.gif); height:73px; width:350px; float: right; margin-right: 100px; margin-top: 26px}
#upcoming h2 {background-image: url(imgs/concerts.gif); height:17px; width:350px}
#upcoming ul {list-style:none; margin-left:24px; margin-top: 5px}
#upcoming li {font-size:11px; line-height: 16px}

h2.title {width:360px; height:44px; margin-top: 100px; margin-left: 90px}
h2#about {background-image:url(imgs/t-about.gif);}
h2#library {background-image:url(imgs/t-library.gif);}
h2#members {background-image:url(imgs/t-members.gif);}
h2#support {background-image:url(imgs/t-support.gif);}
h2#concerts {background-image:url(imgs/t-concerts.gif);}

div#bottom {width: 720px; margin: auto; background-color: transparent}
div#bottom p {text-align: justify; margin:15px; font-size: 12px; line-height: 24px; color: #273365}
div#bottom p#welcome {font-size:14px}
div#bottom p#welcome img {margin-left: -15px; margin-top: -4px;}

div#bottom ul {text-align: justify; margin: 15px 15px 15px 30px; font-size: 12px; line-height: 24px; color: #273365}

.leftfloat {float: left; margin-right: 15px;}
.rightfloat {padding-top: 1px;}
span.captioned {float: left; font-size: 75%; line-height: 12px; padding: 5px; color:#5968A3; margin-right: 10px; display:block; border: 1px solid #c7bd9b}
span.captioned#early {width: 420px;background-color: #FFF5D8}
.error {font-size: 160%; margin: auto; color:#FF6600}
.message {font-size: 160%; margin:auto; color:#654D24}
cite {text-align:right; font-style:italic; font-size:10px; color:#5968A3;display: block; margin: 15px; line-height:12px}

#footer {text-align: center; font-size: 11px; color: #374990; border-top: 1px dotted #273365; padding: 10px; margin: 35px 15px 0px 15px; clear:both;}


body#formpage {background-image: none}
#formpage .back {display: block; color: #000; font-size: 75%; margin: 10px 0px 10px 100px; width:20%; float:left}
#formpage ul, #formpage li {margin: 5px 0px 5px 14px; list-style-type:none;}
#formpage ol {margin-left: 25px; margin-right: 10px}
#formpage ol li {list-style-type: decimal}
#formpage ul ul {margin-left: 25px}
#formpage label {margin-top: 15px}
#formpage fieldset, #formpage #instruction {background-color:#FFF5D8; border: 1px solid #666; width: 680px; margin: 0px auto 10px auto; font-size: 12px; padding-bottom:15px}
#formpage legend {background-color:#FFF5D8; margin: 10px 0px 40px 10px; border: 1px solid #666; border-bottom: 0; font-size: 14px; font-weight:bold; padding: 5px}
#formpage p {padding: 5px 15px 15px 15px}
#formpage input {vertical-align:middle; margin: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #afb6d3; padding: 2px}
#formpage textarea {width: 614px; height: 55px; overflow:auto; margin: 5px;  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; border: 1px solid #afb6d3; padding: 2px}
#formpage option {padding: 1px 2px}
#formpage textarea.tallbox {height: 150px}
#formpage h1 {background-color: #374990; color:#FFF; font-size: 26px; width: 710px; padding: 5px; margin: auto}
#formpage h2 {color: #654D24; font-size: 22px; width: 700px; margin: auto}
#formpage h3 {color:#654D24; margin: 12px; font-size:16px; border-bottom: 1px solid #654D24; width:75%; clear: left}
#formpage input#title {width: 575px}
#formpage input#premorg, #formpage input#mp3link {width: 265px}
#formpage input#published, #formpage input#premyear{width: 40px}

#member_photo {width:200px; float:left; margin: 0px 10px 10px 10px; border: 3px solid #afb6d3}
#member_profile h3 {clear:right}
span.title {text-decoration:underline; font-weight: bold}
div#bottom ul.workslist {list-style-type: none;}
div#bottom ul.workslist ul li {list-style-type:none; margin: 0px 0px 10px 5px; line-height: 12px}
div#bottom ul.workslist span.label {margin: 4px 5px 0 0; font-style: italic; line-height: 12x}
div#bottom ul.workslist ul li p {line-height: 12px; font-size: 11px; margin-left: 0px }