@import url("calendar.css");
@import url("navigation.css");

/* ------------------------------ 
default
------------------------------ */

* { margin: 0; padding: 0; }

body {
	font: 12px arial, sans-serif;
	color: #5d5c5c;
	background-color: #ffffff;
	text-align: center;
	min-height: 100%;
	height: auto !important;
	height: 100%; }
	
body.outside {} /* body class broke thickbox in IE */
	
#outside {
	width: 822px;
	margin: 0 auto;
	text-align: left; }

#wrapper {
	border: 1px solid #221e1f;
	border-top: 0; }
	
ol, ul { margin: 10px 30px; }
ol.faq, ul.faq { padding-bottom: 15px; border-bottom: 1px solid #808080;  }

p { margin: 15px 0; line-height: 16px; }
p.faq { margin: 15px 0; padding-bottom: 15px; border-bottom: 1px solid #808080;  }

img { border: 0; }

.clear { clear: both; }

a { outline: none; }


/* ------------------------------ 
main elements
------------------------------ */

#header {
	padding: 30px 30px 0 30px;
	height: 112px; }
	
#logo { float: left; }
#restoring { float: right; }

#underbar {
	background-color: #bc80bc;
	border-left: 30px solid #dcbddd;
	border-right: 30px solid #dcbddd;
	padding: 4px 38px;
	font-size: 12px;
	color: white; }
	
#underbar a, #underbar a:visited { color: white; font-weight: bold; text-decoration: none; }
#underbar a:hover { color: #401678; }
#underbar span { padding: 0 5px; }
#underbar a.on { color: #401678; }
	
#main {
	border-top: 1px solid #65774d;
	border-bottom: 2px solid #bad2a0;
	padding: 0 30px; }
	
#container {
	background: url(/images/bkg-inner.gif);
	border-bottom: 15px solid #fff; }
	
#sidebar { 
	float: left;
	width: 230px;
	border-top: 15px solid #fff;
	font: 11px arial, sans-serif; }
	
#sidebar img { display: block; }

.sidebar-bit p {
	margin: 5px 0;
	line-height: 14px; }
	
#content { 
	float: right;
	width: 500px; }
	
#content-no-image { padding: 35px 35px 20px 0; } /* creates top padding for copy */
	
#home-container {
	background: url(/images/bkg-home.gif);
	border-bottom: 15px solid #edf3eb; }
	
#home-sidebar { 
	float: left;
	width: 230px;
	border-top: 15px solid #edf3eb;
	font: 11px arial, sans-serif; }
	
#home-content {
	float: right;
	width: 495px; }

#home-content a { float: left; }

#homeblurb a, #homeblurb a:visited, #homeblurb a:hover {float:none;}


/* ------------------------------ 
home page
------------------------------ */

#calendar-of-events {
	padding: 0 15px 10px 38px; }
	
#recent-news {
	border-top: 2px solid #b6ce9a;
	padding: 10px 15px 0 38px; }
	
#recent-news p { margin: 10px 0 0 0; line-height: 14px; }


/* ------------------------------ 
inner pages
------------------------------ */

#subnav { padding: 30px 15px 10px 38px; color: black; }

#subnav ul { margin: 10px 15px; }
#subnav li { padding: 5px 0; }

#subnav a, #sidebar-nav a:visited { color: #784497; text-decoration: none; }
#subnav a:hover, #subnav a.on { color: #000; }

.top-display { display: block; margin-bottom: 20px; }

img.top-display { display: block; margin-bottom: 20px; }

.staff-display {
	float: left;
	display: block;
	margin: 0 20px 15px 0; }
	
img.staff-display {
	float: left;
	display: block;
	margin: 0 20px 15px 0; }
	
img.staff-display-end {
	float: left;
	display: block;
	margin: 0 0 20px 0; }

.side-quote {
	display: block;
	padding: 10px 0;
	margin: 20px 0 10px 0;
	border-top: 2px solid #bbd1a0;
	border-bottom: 2px solid #bbd1a0; }

#staff-quote {
	float: left;
	width: 380px;
	height: 140px;
	margin-bottom: 15px; }
	
.collection-locations { width: 480px; }
.collection-locations td, .collection-locations th { padding: 4px; text-align: left; }
.collection-locations th { color: white; background-color: #401678; text-align: left; }
.collection-locations .alt { background-color: #dcbddd; }

#join-container {
	background: #fff url(../images/bkg-join.gif) no-repeat; 
	width: 230px; 
	height: 70px; 
	margin-top: 0; }

	
/* ------------------------------ 
headers / text
------------------------------ */

h1 { font: 16px/20px georgia, serif; color: black; clear: both; }
h1 span { font-size: 18px; font-weight: bold; color: #784497; }

#home-content h1 { font: 16px/20px georgia, serif; color: black; clear: both; padding: 20px 25px 0 0; }
#home-content h1 span { font-size: 18px; font-weight: bold; color: #784497; }

#content-no-image h1 { font: bold 14px arial, sans-serif; color: #401678; }

#sidebar h1 { font: bold 11px arial, sans-serif; color: black; }

#staff-quote h1 { font: italic 14px/14px georgia, serif; color: #784497; padding: 10px 15px 0 0; }

/*
h1 { font: 16px/20px georgia, serif; color: black; clear: both; }
#home-content h1 { font: 16px/18px arial, sans-serif; color: black; clear: both; padding: 20px 25px 0 0; }
#home-content h1 span { font-size: 16px; font-weight: bold; color: #784497; }
#content-no-image h1 { font: bold 14px arial, sans-serif; color: #401678; }
#sidebar h1 { font: bold 11px arial, sans-serif; color: black; }
#staff-quote h1 { font: italic 12px georgia, serif; color: #784497; padding: 15px 15px 0 25px; }
*/

h2 { font: bold 14px arial, sans-serif; color: #401678; }
#sidebar h2, #home-sidebar h2 { font: bold 11px arial, sans-serif; color: black; }
#sidebar h2.purple { color: #784497; }
#sidebar h3 { font: bold 14px arial, sans-serif; color: #784497; }

h3 { font: bold 13px arial, sans-serif; color: #000; }
h3 span { font-weight: normal }
#sidebar h3 { font: bold 10px arial, sans-serif; color: black; }

#sidebar h4 { font: bold 13px arial, sans-serif; color: #412057; }

.red { color: red; }

/* ------------------------------ 
links
------------------------------ */

a { color: #784497; text-decoration: underline; }
a:visited { color: #784497; }
a:hover { color: #401f56; }

	
/* ------------------------------ 
bottom container
------------------------------ */

#bottom-container {
	background-color: #ecf2e6;
	margin: 0 30px; }
	
#donate-now { float: right; }

#watch-videos { font: 9px arial, sans-serif; line-height: 18px; }
#watch-videos img { float: left; margin-right: 5px; }
#watch-videos span { line-height: 11px; }
#watch-videos a { color: black; text-decoration: none; }
 
	
/* ------------------------------ 
footer
------------------------------ */

#footer {
	text-align: center;
	color: gray;
	padding: 10px;
	font: 11px arial, sans-serif; }
	
#footer span {
	color: #af92be;
	padding: 0 5px; }
	
#footer a, #footer a:visited { color: gray; text-decoration: none; }
#footer a:hover { color: #784497; }


#thickage {
	width: 460px;
	text-align: left;
	margin: 10px; }
	
/* ------------------------------ 
intranet
------------------------------ */

#intranet-container {background: url(/images/bkg-intranet.gif); border-bottom: 50px solid #fff; border-top: 40px solid #fff; margin: 0px;}	
#intranet-form-container {background: #fff; border-bottom: 50px solid #fff; border-top: 40px solid #fff; margin: 0px;}	
#intranet-container-login {background-color: #fff; border-top: 40px solid #fff; border-bottom: 50px solid #fff; margin: 0px;}	
#intranet-main {padding: 20px 20px 0px 20px; border-bottom: 2px solid #bad2a0;  }	
#intranet-sidebar {float: left; width: 201px; padding: 0px 10px 10px 0px;} /*--sidebar container--*/
#intranet-sidelinks {}

#intranet-content {float: left; width: 319px; padding: 0px 10px 10px 25px;}
#intranet-form-content {float: left; width: 519px; padding: 0px 10px 10px 25px;}
#intranet-rightcol {float: right; width: 160px; padding: 0px 10px 10px 10px;}
#intranet-rightcol a, #intranet-rightcol a:visited, #intranet-rightcol a:hover  {color: #65774f; font-weight: bold;}
#intranet-rightcol ul, #intranet-rightcol li {list-style-type:none; list-style-position: inside;}

/* ------------------------------ 
intranet - board of directors links
------------------------------ */
#intranet-sidelinks ul.intranet-bod-list {list-style-type: none; line-height: 20px; list-style-position: outside; margin-left: 5px; margin-top: -5px;}
#intranet-sidelinks ul.intranet-bod-list a, #intranet-sidelinks ul.intranet-bod-list a:visited  {color: #000; text-decoration: none; font-weight: bold; font-size: 11px;}
#intranet-sidelinks ul.intranet-bod-list a:hover  {text-decoration: underline; font-weight: bold; font-size: 11px;}

/* ------------------------------ 
intranet - committees links
------------------------------ */
#intranet-rightcol ul.intranet-committees-list {list-style-type: none; line-height: 20px; list-style-position: outside; margin-left: 5px; .margin-left: -5px;  width: 180px;}
#intranet-rightcol ul.intranet-committees-list a, #intranet-rightcol ul.intranet-committees-list a:visited  {color: #93a591; text-decoration: none; font: 11px arial, sans-serif; font-weight: bold;}
#intranet-rightcol ul.intranet-committees-list a:hover  {color: #93a591; text-decoration: underline; font: 11px arial, sans-serif; font-weight: bold;}

/* ------------------------------ 
intranet - committee sublinks
------------------------------ */
#intranet-sidelinks ul.intranet-committee-list {list-style-type: none; line-height: 20px; list-style-position: outside; margin-left: 5px; margin-top: -5px;}
#intranet-sidelinks ul.intranet-committee-list a, #intranet-sidelinks ul.intranet-committee-list a:visited  {color: #000; text-decoration: none; font-weight: bold; font-size: 11px;}
#intranet-sidelinks ul.intranet-committee-list a:hover  {text-decoration: underline; font-weight: bold; font-size: 11px;}

#hr_benefits {float: left; width: 159px;}
#hr_forms {float: left; width: 159px; line-height: 20px;}
.h2-intranet { font: bold 14px arial, sans-serif; color: #401678; margin: 0px; }
.h2-intranet-sub {text-align: center;  color: gray; padding: 10px; font: 11px arial, sans-serif;}

.intranet-staff-link {font-size: 16px; font-weight: bold; color: #65774f;}
.intranet-bullet {font-size: 16px; font-weight: bold; color: #784497;}
.intranet-profile {border: 1px solid #a2be91; height: 105px; width: 105px; margin-bottom: 8px;}


/* ------------------------------ 
intranet - tables & forms
------------------------------ */
#intranet-form-content table {border: 1px solid #000;}
#intranet-form-content td {border: 0; padding: 2px;}
#intranet-form-content .intranet-step2table td {border: 1px solid #000; padding: 2px;}
#intranet-form-content th {padding: 4px;}
#intranet-form-content input {border: 1px solid #000; font: 12px arial, sans-serif; overflow: auto;}
#intranet-form-content input.checkbox {border: 0; padding: 0;}
#intranet-form-content textarea {border: 1px solid #000; font: 12px arial, sans-serif; overflow: auto; color: #333;}
#intranet-form-content .intranet-submit {padding: 7px; border: 1px solid #657747; background-color: #a4c380; color: #333;}
#intranet-form-content .brief {border: 0; padding: 2px;}
#intranet-form-content input.intranet-text {border: 1px solid #000; font: 12px arial, sans-serif; padding: 2px;}
#intranet-form-content input.intranet-rating {border:0; font: 12px arial, sans-serif; padding: 2px;}
#intranet-form-content input.intranet-text-sm-noborder {border: 1px solid #000; font: 12px arial, sans-serif;}

#intranet-form-content .textarea-noborder {border: 0; font: 12px arial, sans-serif; overflow: auto;}

#intranet-staff-directory { width: 325px; }
#intranet-staff-directory th { padding: 4px; text-align: center; }
#intranet-staff-directory td { padding: 2px; font: 11px arial, sans-serif; text-align: center; vertical-align: top; }
#intranet-staff-directory .name { text-align: left; }

#intranet-bod-address-book { width: 325px; }
#intranet-bod-address-book th { padding: 4px; text-align: center; font: bold 12px arial, sans-serif; }
#intranet-bod-address-book td { padding: 2px; font: 11px arial, sans-serif; vertical-align: top; }
#intranet-bod-address-book td.center-names { padding: 2px; font: 11px arial, sans-serif; text-align: center; vertical-align: top; }