/* CSS Document */

/* Main Layout */

body, #layout, #header {
margin: 0;
padding: 0;
}

#layout {
width: 98%;
margin-left: 1%;
}

#content {
width: 80%;
float: right;
}

#sidebar {
clear: left;
width: 19.3%;
height: 300px;
overflow: hidden;
}

#footer {
clear: right;
background: #FFF;
}

#logo {
float: left;
width: 19.4%;
//height: 50px;
height: 110px;
}

#logo img {
//width: 152px;
//height: 86px;
width: 190px;
height: 107px;
}

#navbar {
position: absolute;
width: 79%;
left: 20.05%;
margin: 0;
//top: 75px;
top: 89px;
padding: 4px 0 3px 0;
overflow: hidden;
}

#navbar li {
display: inline;
list-style: none;
}

#css_switch {
margin: 0;
padding: 0;
position: absolute;
left: 91%;
top: 64px;
width: 80px;
visibility: visible;
}

#css_switch li {
margin: 0;
padding: 0 5px 0 0;
display: inline;
list-style: none;
}

/*#login {
position: absolute;
left: 27.5%;
top: 67px;
}*/

#contactus, #welcomeUsername {
position: absolute;
left: 20.5%;
//top: 55px;
top: 67px;
}

#mainheader {
margin: 0;
margin-top: .3em;
padding: 0;
position: absolute;
left: 20.5%;
}

/* Global Colors, Fonts, and Misc. */

/* General -------------------------------------*/
body {
background:  #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#layout {
background: #FFF;
}

#header {
//height: 95px;
height: 110px;
background: url(images/header_background.gif) repeat-x;
/*background: #39C;*/
border-bottom: 1px solid #000;
}

img {
border: 0px;
}

/*#logo {
border-right: 1px solid #39C;
background-color: #39C;
}*/

#mainheader {
font-family: "Century Gothic", Verdana, sans-serif;
font-size: 3.4em;
font-weight: bold;
color: #FFF;
letter-spacing: 0.3em;
text-transform: uppercase;
}

#sidebar {
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}

#content {
border: 1px solid #CCC;
border-right: none;
border-bottom: none;
background: #FFF;
min-height: 600px;
}

#footer {
padding: 3px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

#footer a {
padding: 0 1em;
}

#contactus, #welcomeUsername {
padding: 2px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}

/*#login a {
text-decoration: none;
font-weight: bold;
color: #39C;
}
*/
#contactus a, #welcomeUsername a  {
color: #FFF;
text-decoration: none;
border-bottom: 1px dotted #000;
font-weight: bold;
}

#contactus a:hover {
background: #3CF;
color: #FFF;
}

#welcomeUsername {
color: #FFF;
}

#ajaxmenu {
margin: 1em 0 1em 1.5em;
}

/* Navbar ------------------------------------*/

#navbar {
/*background-color: #09F;*/
/*border-top: 1px solid #FFF;*/
border-left: 1px solid #CCC;
}

#navbar a { 
text-decoration: none;
color: #FFF;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing: .5px;
padding: 4px 17px;
}

#navbar a:visited {
color: #FFF;
}

#navbar a:hover, #navbar a:active {
background: #FFF;
color: #633;
font-weight: bold;
}

body.News #News a,
body.About #About a,
body.Members #Members a,
body.Family #Family a,
body.Repertoire #Repertoire a,
body.Pictures #Pictures a,
body.Links #Links a,
body.Adventures #Adventures a {
background: #FFF;
color: #633;
font-weight: bold;
}

body.News #News a:visited,
body.About #About a:visited,
body.Members #Members a:visited,
body.Family #Family a:visited,
body.Repertoire #Repertoire a:visited,
body.Pictures #Pictures a:visited,
body.Links #Links a:visited,
body.Adventures #Adventures a:visited {
color: #633;
}

/*Quotes --------------------------------------*/

blockquote {
margin: 0 0 0 2em;
font-style: italic;
}

blockquote.quote {
margin: 1em 0 0 1em; /*1em 0 0 1em;*/
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 120%;
width: 170px;
background: url(images/quote_top.gif) no-repeat top left;
}

#quote_background {
background: #E8E8E8;
width: 170px;
margin: 0 0 0 1em;
}

#quote {
margin: 0 0 0 1.3em;
padding: 1em 0 0 0;
letter-spacing: 1px;
background: url(images/quote_middle.gif) no-repeat right bottom;
}

#quote_author {
margin: 1em 0;
padding: 0 0 10px 10px;
color: #633;
font-size: 90%;
font-weight: bold;
font-style: normal;
}

span.song_title {
font-style: italic;
}

/* Descriptions, Postings, and User Details -----------------------------*/

dl.postings, dl.description, dl.updates {
margin: 1em 0;
padding: 0;
}

dl.postings dt, dl.description dt, table.MemberRoster caption, h3.h3-Supporters { 
color: #633;
font-size: 1.6em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 2px;
}

dl.description #AlbumName a {
font-size: 1em;
color: #633;
text-decoration: none;
}

dl.description #AlbumName a:hover {
font-size: 1em;
color: #633;
text-decoration: underline;
}

dl.updates dt {
color: #633;
font-size: 1.4em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 1em 2em;
padding: 0;
}

dl.postings dt, dl.description dt{ /*If change margins here, need to change margins for table.MemberRoster caption and h3.h3-Supporter*/
margin: 1em 1em;
padding: 0;
}

dl.postings dd, dl.description dd, dl.updates dd {
margin: 1em 0 0 1.8em;
padding: 0;
border-bottom: 1px inset #000;
}

dl.postings table {
margin: 1em 4em;
padding: 2px;
line-height: 1em;
}

dl.postings p, dl.updates p {
line-height: 1.8em;
margin: 1em 4em;
}

p.postdate {
font-weight: bold;
}

dl.description p {
line-height: 1.8em;
margin: 1em 1em;
text-indent: 2em;
}

dl.postings h3 {
margin: 0 0 0 1.3em;
font-size: 1.2em;
}

ul.postings_list_bold {
margin: 0 0 0 4em;
padding: 0;
line-height: 1.8em;
font-weight: bold;
}

ul.postings_list_bold li {
list-style: none;
}

/*User Detail------------------------------------------------*/
dl.userDetail {
margin-left: 1.8em;
padding: 0;
}

dl.userDetail dt {
width: 100px;
float: left;
font-weight: bold;
}

dl.userDetail dd {
margin: .5em 0;
padding: 0;
}

body.userDetail p {
margin-left: 1.8em;
line-height: 1.5em;
padding: 0;
}


/* Repertoire Page specifics -------------------------------*/
body.Repertoire dl.description dd {
border-bottom: 0px;
}

body.Repertoire ul.links li {
line-height: 1.8em;
}

/* Tables ------------------------------------- */
table.list_links {
margin: -1em 0 1em 4em;
border-collapse: collapse;
width: 80%;
}

table.list_links td {
padding: 1em 2em;
}

table.list_links td.right {
width: 50%;
}

table.list_links a {
color: #000;
font-size: 1.2em;
text-decoration: none;
background: url(images/link_button.gif) left center no-repeat;
padding: 0 0 0 2em;
}

body.userForm p {
margin: 1em 0;
}

/*Login Form*/

#loginForm label {
width: 8em;
float: left;
text-align: left;
margin-right: .5em;
}

#loginSubmit {
margin-left: 7.8em;
}

/*Search Form..........................................*/
#SearchSubmit {
margin: 5em 0;
}

/*Various Forms........................................*/
#changeUserNameForm label, #changePasswordForm label, #changeUserDetailForm label {
width: 15em;
text-align: left;
margin-right: .5em;
float: left;
}

#changeUserDetailForm label {
margin-right: 2.3em;
}

#changeUserDetailForm label {
width: 10em;
}

#changeUserName_Submit, #changePassword_Submit, #suggestForm_Submit {
margin-top: 1em;
margin-right: 1em;
}

#UserDetailForm_Buttons_Space {
margin: 1em 0;
}


/*Sidebar------------------------------------------*/

ul.sidebar_list {
margin: 1em 0 2em 2em;
padding: 0;
}

ul.sidebar_list li {
margin: 0;
padding: 1em 0;
list-style: none;
}

ul.sidebar_list a {
text-decoration: none;
font-family: Verdana, sans-serif;
color: #000;
font-weight: bold;
font-size: 1.2em;
padding: 3px 3px 3px;
letter-spacing: .1em;
border-bottom: 1px solid #CCC;
}

ul.sidebar_list a:visited {
color: #000;
}

ul.sidebar_list a:hover {
color: #0066FF;
}

div.adventure_sidebar {
clear: left;
width: 19.3%;
min-height: 300px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}

div.adventure_sidebar ul.sidebar_list {
margin: 0 0 0 2em;
padding: 1em 1em 1em 0;

}

div.adventure_sidebar ul.sidebar_list li {
/*list-style: url(Images/link_button.gif);*/
background: url(images/link_button.gif) left center no-repeat;
padding: 1em 1em 1em 2em;
}

div.adventure_sidebar ul.sidebar_list a {
font-size: 1em;
padding: 0;
border-bottom: 0px;
letter-spacing: normal;
}

#picture { /*picture in sidebar*/
border: 1px solid #000;
cursor: pointer;
}

#sidebar_navigation img {
padding: 0;
}

#backnavbutton {
margin: 0 2em 0 .5em;
}

#sidebar_navigation {
margin: 1em 0;
width: 74px;
background: #FFF;
border: 1px solid #000;
z-index: 100;
}

/* Member Page Specifics ------------------------------*/
table.Roster
{
   margin: 20px 20px 20px 20px;
   //width: 95%;
   border-collapse: collapse;
}

table.Roster td
{
   border-top: 1px solid #CCC;
}

#NoBorder
{
   border-top: 0px;
}

table.Roster img
{
   margin: 5px;
   width:125px;
}

div.BioInfo
{
   margin: 10px 0 0 0;
}

div.BioText
{
   margin: 15px 0 10px 0;
}

/* Member Page Specifics ------------------------------*/

table.MemberRoster {
margin: 2em 0 0 4em;
width: 93%;
border-collapse: collapse;
border-right: 1px solid #CCC;
}

table.MemberRoster td {
padding: 1em 0 1em 0;
margin: 0;
font-weight: bold;
border-bottom: 1px solid #CCC;
cursor: pointer;
}

table.MemberRoster img {
float:left;
padding: 0 3px 0 0;
}

h3.h3-Supporters {
margin: 1em 1.3em;
}

h3.caption {
margin: 1em 0 0 1em;
padding: 0;
font-size: 1.6em;
}

h3.caption a {
text-decoration: none;
color: #633;
}

ul.supporters {
padding: 0;
margin: 1em 4em 4em 4em;
cursor: pointer;
}

ul.supporters li {
font-weight: bold;
margin: 0;
padding: 1em 0;
list-style: none;
clear: left;
}

ul.supporters li img {
padding: 1em 1em 0 0;
float: left;
}

blockquote.funnyquote {
margin: 1em 0;
padding: 0;
font-style: italic;
font-weight: lighter;
visibility: hidden;
color: #03C;
}

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
line-height:18px;
z-index:100;
background: #09F;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
font-size: 1.2em;
text-decoration: none;
font-weight: bold;
color: #FFF;
}

#dropmenudiv a:hover{ 
background-color: #FFF;
color: #630;
}

/* Repertoire specifics -----------------------*/

img.song {
border: 1px solid #CCC;
margin: 3em 2em;
}

/* Adventure Page Specifics ----------------------------*/

div.adventure_content img {
margin-top: 1em;
border: 2px solid #000;
}


#slide_description {
border-top: 1px solid #CCC;
text-indent: 2em;
margin: 0 0 0 2em;
padding: 1em 2em 1em 0;
clear: both;
line-height: 2em;
font-size: 1.1em;
}

form.form_album {
margin: 0 0 0 30%;
padding: 0 0 1% 0;
}

#backbutton {
margin: 0 8em 0 0;
}

#optionlist {
margin: 0 8em 0 0;
}

#optionlist option {
color: #09F;
font-weight: bold;
}

/*Bio Div----------------------------------*/
.translucent {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/50p_blue.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.translucent[class] {
  background-image: url(images/50p_blue.png);
}

#dhtmltooltip {
position: absolute;
width: 450px;
border: 1px solid #000;
padding: 5px 0;
visibility: hidden;
z-index: 100;
font-family: Verdana,Courier, monospace;
font-size: 1.1em;
font-weight: bold;
color: #FFF;
line-height: 1.3em;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmltooltip h3 {
margin: 0 0 0 5px;
padding: .2em 0 .2em 0;
border-top: 1px solid black;
color: #660033;
background: #FFF;
font-size:medium;
font-weight: bold;
}

img.bioPic {
border: 1px solid #000;
float: left;
margin: 0 5px 5px 5px;
}

#dhtmltooltip p.initial_paragraph {
clear: both;
margin: 0;
padding: 10px 8px 8px 8px;
border-top: 1px solid #000;
}

#dhtmltooltip p {
padding: 0px 8px 8px 8px;
margin: 0em 0;
text-indent: 1em;
}

/*Picture Server--------------------------*/

/*Album List Table..................................*/
#AlbumList {
margin: 1em 0 2em 4em;
padding: 0;
border-collapse: collapse;
width: 92%;
border-right: 1px solid #CCC;
}


#AlbumList td {
padding: .2em 8em .2em .1em;
border-bottom: 1px solid #CCC;
}

#AlbumListHeader {
font-weight: bold;
font-size: 1.2em;
}

#AlbumList a {
text-decoration: none;
}


body.Pictures p {
margin: 0 1em 1em 1.8em;
line-height: 1.5em;
padding: 0;
}

div.page_navigation {
margin: 1em 1.8em;
padding: 0;
}

div.line_divider {
border-top: 1px solid #009AFF;
margin-left: 1.8em;
}

div.line_divider_mod{
border-top: 1px solid #009AFF;
}

img.album_pic {
border: 4px outset #CCC;
margin: 1em 0 1em 5em;
//height: 480px;
height: 320px;
}

td.thumbnail_navigate {
height: 150px;
width: 150px;
}

table.nav_links {
width: 760px;
margin: 0 1.8em;
}

#formEditTags input, #formCensor input, #formPost input, #formEdit input{
border: 1px outset #000;
margin: .5em 0;
}

#formEdit { /*Forms for adding and editing tags*/
margin: 1em 1.8em;
}

div.form_align { /*Wrap around div used to align elements in html on picture server pages*/
margin: 1em 1.8em;
}

div.form_align textarea {
border: 1px solid #000;
}

input.form_button {
border: 1px outset #000;
background-color: #3DB0FB;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: .5px;
color: #FFF;
}

#thumbnailtable, #thumbnailComments, #thumbnailTags {
width: 92%;
margin: 0 1.8em;
border-collapse: collapse;
}

#thumbnailtable td, #thumbnailComments td, #thumbnailTags td {
border-bottom: 1px solid #CCC;
padding: 1em 1em 1em 1em;
}

#thumbnailtable img, #thumbnailComments img, #thumbnailTags img {
border: 1px solid #000;
margin-bottom: .5em;
}

td.header {
font-weight: bold;
text-align: center;
}

td.header_nocenter{
font-weight: bold;
}

td.thumbnail_center {
text-align: center;
}

/*td.mrc
{
	/*border: 1px solid #808080;
}
*/

div.commentHeader {
margin: .5em 0 0 1.8em;
padding: .5em 1em .5em .5em;
/*border-top: 1px solid #000;
/*border-right: 1px solid #000;
border-left: 1px solid #000;*/
background-color: #53B4F4;/*#D0D0FF;*/
font-weight: bold;
color: #FFF;
width: 617px;
}

div.commentHeader a {
text-decoration: none;
border-bottom: 1px dotted #000;
color: #FFF;
font-weight: bold;
}

div.commentHeader a:visited {
color: #FFF;
}

div.comment {
margin-left: 1.8em;
padding: .5em .5em .5em 1em;
/*border-right: 1px solid #000;
border-bottom: 1px solid #000;*/
border-left: 1px solid #009AFF;
width: 617px;
}

/*div.commentPost
{
	margin-left: 10px;
}
*/

div.commentHeaderShort {
/*margin: .5em 0 0 1.8em;*/
padding: .5em 1em .5em .5em;
background-color: #53B4F4;/*#D0D0FF;*/
font-weight: bold;
color: #FFF;
width: 90%;
/*width: 360px;*/
}

div.commentHeaderShort a {
text-decoration: none;
border-bottom: 1px dotted #000;
color: #FFF;
font-weight: bold;
text-decoration: none;
}

div.commentHeaderShort a:visited {
color: #FFF;
}

div.commentShort {
/*margin-left: 1.8em;*/
padding: .5em .5em .5em 1em;
border-left: 1px solid #009AFF;
/*border-bottom: 1px solid #009AFF;*/
/*border-right: 1px solid #009AFF;*/
/*width: 360px;*/
width: 90%;
}

span.slideshow
{
	font-weight: bold;
	color: #00B000;
}
span.untagged
{
	font-weight: bold;
	color: red;
}

span.previous
{
	text-align: left;
}

span.next
{
	text-align:right;
	width: 100%;
}

/*   Member Roster             */
table.roster
{
	margin: 0em 0 1em 4em;
	border-collapse: collapse;
	width: 80%;
}