/*http://www.howtocreate.co.uk/tutorials/testMenu.html */

body {
margin:0;padding:0;border:0;
font-family: Arial; 
background-color: #59B5C4;
font-size: 11.5px;
padding-top: 0px;
color: #52401C;
color: #513601;

background-repeat: repeat-y;
background-position: center;
text-align: center;
}


#dropshadowbg{
background-image: url(/galleries/1/0000/0004/drop-shadow-bg.jpg);
background-repeat: repeat-y;
background-position:center;
}


#rounded-top {
background-image :url(/galleries/1/0000/0001/rounded-top.jpg);
background-position: center bottom;
height:25px;
background-repeat: no-repeat;
}

a img {
border: 0px;
}


#container {
width: 780px;
margin: 0 auto;
text-align: left;
background: white;
display: block;
min-height: 600px;
width: 750px;
padding-right: 8px;
min-height: 500px;   /*use this to limit how narrow it gets on window resize */
	/* for IE */
	/* height:expression(document.body.clientHeight < 500 ? "500px" : "auto" ); */
}


#header {float: left; background: clear;
}

#logo-banner {
float: left;
padding-bottom: 12px;
background-image:url(/galleries/1/0000/0388/logo_lig_2.jpg);
background-repeat: no-repeat;
width: 630px;
height: 80px;
/*layer-background-image:url(/images/YG-grid-banner.jpg);
background-position: 50% 10%;
*/
}

#logo-banner a img {
padding: 0px;
margin: 0px;
}


#logo-banner #top-utilities {
font-family: verdana, arial, sans-serif;
position: relative;
padding-top: 4px;
margin-top: 20px;
left: 118px;
float: right;
}
#top-utilities , #top-utilities a { color: #145E6D; text-transform: capitalize; font-size: 10px; }


#menu-bar { background: #513601; color: white; padding: 4px;
/*stretch left while position main menu on right */
width: auto;

float: left;}
#menu-bar a {color: white; text-transform: uppercase; font-size: 10.4px; font-weight: bold; letter-spacing: 1px;}
.menu-button { margin: 4px;}

/*position main menu on right */
#menu-buttons {float: left; }
#menu-buttons a.selected {  } 


#logged-in-as {
font-size: 11.4px;
color: #52401C;
font-weight: bold;
padding: 1px;
padding-left: 8px;
/*move to lower right of top banner */
float: right; text-align: right;
}
#logged-in-as td {font-size: 11px;}

#logged-in-as ,#logged-in-as td,  #logged-in-as form , #header td {padding-bottom: 0px; margin-bottom: 0px; }

#top-utilities {position: relative; top: -20px;margin-top: 0px; padding-top: 10px; top: -25px;}
#logged-in-as {position: relative; top: 6px;}


#green-bar {background: #B7C71C; padding-right: 5px; float : right; text-align: right; padding-top: 2px; padding-bottom: 2px;  width: 100%; margin-top: 3px; height: auto;}

/**/
 #green-bar a, #logged-in-as a {  background: orange; padding: 4px; color: #513601;}
#bars {float: left; clear: all; width: 100% ;}
#green-bar a.button {font-size: 10px; text-transform: uppercase;}

#sub-banner { padding-top: 2px; padding-bottom: 4px; margin-bottom: 6px; border-bottom: none; }

#content {
display: block;
width: 100%;
float: left;
padding: 0px;
}


#main-body { 
float: left; 
width: 100%; 
margin: 0px;
padding: 0px;
}



#left-column {  float: left; width: 100%;} /*width:20%; */
td.left-column {width: 150px;}

#sub-menu-bar {
float: left;
width: 90%;
background: #D2DB6E;
min-height: 200px;
-moz-border-radius: 9px;
margin: 15px;
margin-left: 0px;
text-transform: capitalize;
font-size: 10.5px;
font-weight: bold;
}
/* put arrow in sidebar */
#sub-menu-bar {
background-image: url(/images/sidebar-arrow.jpg);
background-repeat: no-repeat;
background-position: 50% 100%;
padding-bottom: 200px;
margin-left: 0px;
}

#sub-menu-bar li {
background: #F0F3CF;
list-style-type : none;
margin: 8px;
padding: 3px;
border: 1px solid #FAFBEE;
width: auto;
font-size: 12px;
margin-left: 0px;
}
#sub-menu-bar ul {
padding: 0px; margin-left: 8px;
}

a.selected { background: #FDC46C; padding: 3px; }


#footer {
background-image : url(/galleries/1/0000/0007/rounded-drop-bottom.jpg);
background-position: center;
background-repeat: no-repeat;
height:85px;
}

/*extend the bottom so the drop shadow stops */
/* #padding { background: #59B5C4;  color: white; height: 120px; } */
#padding { background: #59B5C4;  color: white; }
#padding a { color: white;}

h1, h2, h3 {
color:#533708;
margin-bottom: 5px;
line-height: 100%;
}
h1 {font-size: 14px;}
h2 {font-size: 13px;}
h3 {font-size: 12px;}
/*text to stand out in h1-h5*/

h1 .highlight, h2 .highlight, h3 .highlight , h4 .highlight , h5 .highlight {
color: black;
}

a { text-decoration: none; color: #52401C;}
a  { color:#720337; }
a.orange { color: #E88000; }
h1 a {color: orange;}
#sub-menu-bar a {color: #52401C;}

table , table td {
font-size: 11.5px;
}


.account-table td, .general-table td {
border: 1px solid grey;
padding: 4px;
background: white;
}

.account-table, .general-table , .account-table table, .general-table table{ width: 99%; margin: 10px; background: white;}

.account-table, .general-table { background: #B7C71C; }
.account-table table, .general-table table {background: none;}


.account-table, .general-table {margin: 2px;}
.account-table table, .general-table table {margin: 2px; }






#member-list td { padding: 3px; }
#member-list img { padding: 0px; }


/*catalogue search form */
form label {
font-size: 12px;}


.mediumbold {
font-weight: bold;
font-size: 11.5px;
}
.smallbold {
font-weight: bold;
font-size: 10.5px;
}


.grey-box {background: #f3f3f3; padding: 6px;border: 1px solid grey;}
.white-box {background: white; padding: 10px; font-size: 11px;}

#org-info {
text-align: left;
border: 2px solid #B7CA23;
background: white;
-moz-border-radius: 9px;
width: 90%;
padding: 10px;
margin: 20px;
margin-top: 0px;
}


#org-info img { margin: 0px; padding: 0px; text-align: left;}

#pic-profile img { float:left; margin: 10px; margin-left: 0px; margin-top: 0px;}
#pic-profile p {margin: 10px;}


a.button {

text-decoration: none;
border: 1px solid white;
font-size: 12px;
padding: 5px;
padding-top: 2px;
padding-bottom: 2px;
color: white;
color: #145E6D;
color: #513601;
background: #B8C722;
font-weight: bold;
line-height: 200%;
/* background:  yellow url(/images/yellow-grad.jpg) repeat-x ; */
}



.warning , .error{
background: yellow;
font-size: 14px;
color: red;
display: inline;
line-height: 150%;
text-transform: capitalize;
background: #FFFF80;
color:#E35702;
}



.green-lozenge {
float: left;
width: 90%;
background: #D2DB6E;
-moz-border-radius: 9px;
margin: 15px;
margin-left: 0px;
text-transform: capitalize;
font-size: 10.5px;
font-weight: bold;
width: 94%;
padding: 10px;
}




#user-profile {
border: 0px solid red;
background: #F8A22B;
padding: 0px;
margin: 0px;
-moz-border-radius:20px;
width: 540px;
}
.user-details .answers {
background: #FDF5CE; padding: 0px;margin: 3px;  display: block;  padding: 8px; margin: 5px;border: 1px solid grey;
}
.user-details .questions {font-weight: bold; padding-right: 5px; }
/* user profile */

#user-profile-tabs a {background:#B7C71C; padding: 4px; color: white; font-weight: bold; -moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px; margin-left: 3
px;}
#user-profile-tabs { position: relative; top: -4px; left: 30px;} 
#user-profile-tabs .selected {background: #F8A22B;color: #513601;}

.user-details .answers a {color: #513601;  font-weight: 200;}
.user-details .questions a {color: #513601;  font-weight: bold;}
#user-pic-etc { padding-left: 6px;}
/*tables */
.account-table th , .general-table th, #results-list th { color: white; background: #523702; font-size: 11px; }
.account-table td , .general-table td, #results-list td{ font-size: 11px;}

tr.evenrow{ background:#E7EAB9; padding-left: 5px;}
tr.oddrow { background: #fff; padding-left: 5px;}



/*forms */
/*user edit */
form.sidebar { width: 100px; margin: 5px; background: none;border: 0px; }
form.sidebar input { width: 100px;}
form.sidebar label ,form.sidebar input{ font-size: 11px;padding: 0px;margin: 0px;}


#description, #tagstring, #websites, #handler, #firstname, #lastname, #extended {
width: 300px;
}
form {
border: 1px solid #aaa;;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 20px;
background: #fdfdf1;

}




/* chat stuff */

#chat , #feedback-chat {
border: 1px solid orange;
margin-top: 10px;
padding: 10px;
padding-top: 0px;
background: #FFFFB7;
background: #D9F2F0;
height: auto;
width: 88%;
float: left;
}


#chat  .chatinput , #feedback-chat .chatinput{
border: 1px solid grey;
width: 100%;
padding: 3px;
}

.chatbox , #feedback-chat .chatbox {
font-size: 11px;
font-family: verdana;
background: #FFFFB7;
height: 75%;
padding: 3px;
margin-top:5px;
border: 2px solid white;
height: 200px;
overflow: auto;
}


/* community pageflip pages */
#orange-box {
background: #FA9F2A;
color: white;
-moz-border-radius: 10px;
padding: 10px;
padding: 3px;
line-height: 150%;
}

#orange-box .text { color: #513601;font-weight: bold; background: #D6D86B; font-size: 11px; padding: 8px; margin: 0px;
margin-right: 10px; border : 1px solid #888;
width: 80%;padding: 10px; -moz-border-radius: 5px; text-align: left; font-size: 13px; padding: 5px;
}  
#orange-box .text ,#orange-box .text p{font-size: 13px; }


#orange-box p {padding: 8px; margin: 0px;}

#list-box td {
font-size: 10px;
font-weight: bold;
}
#list-box {
background: white;
border: 4px solid #B7C71E;
width: 180px; height: 200px; overflow: auto;
-moz-border-radius: 10px;
padding: 10px;
margin: 10px;
width: 150px;margin: 3px; height: auto;
height: 500px; width: 145px;
/*height: auto; */
}

/* Marin Concord tabs */
#comm-select .selected {background: #B7C71E; padding: 4px;  }
#comm-select .unselected {background: #FBB560; padding: 4px;  color: #666; color: #93A291}
#comm-select {margin-left: 20px; font-weight: bold; font-size: 14px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 5px; color: black;}
#list-box {margin-top: 0px;}


/* account styling */
#account-body , #family-box , .account-body{ background: #efefef; background: #C4E4EA; margin: 10px;padding: 20px; width: 90%; background:#EDE7CB;} 
#account-body p{font-size: 11.5px; }
.highlights table { background: #B7C71C; padding: 10px; -moz-border-radius : 10px; margin-top: 20px;}

.highlit {color: #FE5301;}
.highlights .highlit {color: red; font-size: 14px;}
h1 .highlit {color: #FE5301;}
.highlights .mediumbold {background: #F0F3CF; padding: 3px; padding-top: 0px; padding-bottom: 0px; margin: 8px; }

/* About */
#supporters .regular, #supporters .bigbold , #supporters .desc{
display: block; }
#supporters { text-align: center;  width: 400px; margin-left: 90px;}

#supporters .bigbold { font-size: 17px; font-weight: bold; margin-top: 20px; padding: 8px;}
#supporters .regular { font-size: 13px; font-weight: bold;}
#supporters .desc { font-size: 14px;}
#about p {
font-size: 14px; padding-left: 20px; padding-right: 40px;}

#bullet-list {margin-left: 60px;margin-right: 60px; }

/*page headers*/
h1.cap {text-transform: uppercase;}

#famil-box {
margin: 0px;
margin-top: 12px;
border: 3px solid #B7C71C;
padding: 10px;
}
#submenu-horiz li {
list-style-type: none; 
display: inline;
border: 3px solid #B7C71C;
}

/* create giving account */

.bigbold p {font-size: 13px; font-weight: bold; }
.elaboration {
font-style: italic; }
.prompt {font-size: 13px;font-weight: bold; }
#create-account td {
text-align: right; padding-top: 10px;
}
/* for find a user function at top */
form.simple {padding: 0px; background: none;border: 0px; }

/* homepage text */

#hp-left-text {font-size: 14px; text-transform: uppercase; font-weight: bold; margin-top: -60px;}

#faq {font-size: 13px;}
#faq .question {font-weight: bold; font-size: 14px;}


.form-prompt {font-weight: bold}
.form-details {font-size: 10px}

#usertab{
left:30px;
position:relative;
top:-4px;
}