@charset "UTF-8";
/* CSS Document */

html,body {height:100%; width:100%; margin:0px auto;}




/* MAIN LAYOUT */

body {margin:0 auto;font-family:"Trebuchet MS";font-size:14px;font-weight:normal;line-height:20px;color:#333;background-color:#f8f7f3;background-image:url(images/bg.jpg); background-repeat:repeat-x}

#container {width:1000px; height:400px; height:auto !important;min-height:400px; margin:0px auto 0px auto;padding:0px;}

#header {width:879px; height:61px; margin:13px 121px 0px 0px;padding:0px;}

#content {width:1000px; height:100px; height:auto !important;min-height:100px; margin:20px 0px 20px 0px;padding:0px;}

#footer {width:1000px; height:30px; height:auto !important;min-height:30px; margin:0px 0px 20px 0px;padding:20px 0px 0px 0px; color:#6b594b;background-image:url(images/footerbg.jpg); background-repeat:no-repeat; text-align:center;}



/* SUB LAYOUT */

.photo1 {width:316px; height:30px; height:auto !important; min-height:30px; margin:0px; padding:0px; float:left;}

.photo2 {width:194px; height:30px; height:auto !important; min-height:30px; margin:0px; padding:0px; float:left;}

.photo6 {width:288px; height:30px; height:auto !important; min-height:30px; margin:0px; padding:0px; float:left;}

.photo4 {width:392px; height:30px; height:auto !important; min-height:30px; margin:0px; padding:0px; float:left;}

.photo5 {width:392px; height:35px; margin:10px 0px 10px 20px; padding:0px; text-align:center;}

.photo3 {width:195px; height:30px; height:auto !important; min-height:30px; margin:0px; padding:0px; float:left;}

.photo7 {width:998px; height:468px; height:auto !important; min-height:30px; margin:0px; padding:0px; float:left;}

.photo8 {width:393px; height:30px; height:auto !important; min-height:30px; margin:0px; padding:0px; float:left;}

.right {width:184px; height:300px;margin:0px; padding:0px;float:left;}

.middle {width:477px; height:30px; height:auto !important; min-height:30px; margin:0px 10px 0px 10px; padding:0px;background-image:url(images/whitebg.jpg); background-repeat:no-repeat; background-color:#fff;float:left;}

.middle3 {width:680px; height:30px; height:auto !important; min-height:30px; margin:0px 10px 0px 10px; padding:0px;background-image:url(images/donationtop.jpg); background-repeat:no-repeat; background-color:#fff;float:left;}

#mainimage {width:960px; height:270px; margin:0px 20px 20px 20px; padding:0px; float:left;}

.breadcrumbs {width:960px; height:10px; height:auto !important;min-height:10px; margin:20px;padding:0px;background-color:#262626; color:#fff;}


.button {width:123px; height:30px; margin:5px 0px 5px 0px; padding:0px; float:left;}
*html .button {height:40px; margin:10px 0px 10px 0px;}

/* LINKS */

a:link {color: #5b1c0a; text-decoration: none;}
a:visited {color: #5b1c0a; text-decoration: none;}
a:hover {color: #6b594b;}
a img {border: none; }

a.footer:link {color: #6b594b; text-decoration: none;}
a.footer:visited {color: #6b594b; text-decoration: none;}
a.footer:hover {color: #5b1c0a;}

a.box:link { color: #FFFFFF; text-decoration: none; padding: 6px;margin:2px 0px 2px 0px;}
a.box:visited { color: #FFFFFF; text-decoration: none; padding: 6px; margin:2px 0px 2px 0px;}
a.box:hover { color: #ffffff; padding: 6px; background-color: #cc33cc; margin:2px 0px 2px 0px;}

a.logorollover { display:block; width:194px; height:61px; background:url("images/logo.jpg") 0 0 no-repeat;float:left;}

a:hover.logorollover { display:block; width:194px; height:61px; background:url("images/logo.jpg") 0 0 no-repeat; float:left;}

a.foundationrollover { display:block; width:127px; height:61px; background:url("images/foundation.jpg") 0 0 no-repeat;float:left;}

a:hover.foundationrollover { display:block; width:127px; height:61px; background:url("images/foundationroll.jpg") 0 0 no-repeat; float:left;}

a.libraryrollover { display:block; width:97px; height:61px; background:url("images/library.jpg") 0 0 no-repeat;float:left;}

a:hover.libraryrollover { display:block; width:97px; height:61px; background:url("images/libraryroll.jpg") 0 0 no-repeat; float:left;}

a.comingeventsrollover { display:block; width:155px; height:61px; background:url("images/comingevents.jpg") 0 0 no-repeat;float:left;}

a:hover.comingeventsrollover { display:block; width:155px; height:61px; background:url("images/comingeventsroll.jpg") 0 0 no-repeat; float:left;}


a.donationsrollover { display:block; width:123px; height:61px; background:url("images/donations.jpg") 0 0 no-repeat;float:left;}

a:hover.donationsrollover { display:block; width:123px; height:61px; background:url("images/donationsroll.jpg") 0 0 no-repeat; float:left;}

a.shoprollover { display:block; width:79px; height:61px; background:url("images/shop.jpg") 0 0 no-repeat;float:left;}

a:hover.shoprollover { display:block; width:79px; height:61px; background:url("images/shoproll.jpg") 0 0 no-repeat; float:left;}

a.contactrollover { display:block; width:104px; height:61px; background:url("images/contact.jpg") 0 0 no-repeat;float:left;}

a:hover.contactrollover { display:block; width:104px; height:61px; background:url("images/contactroll.jpg") 0 0 no-repeat; float:left;}

a.inspirationrollover { display:block; width:184px; height:30px; background:url("images/inspiration.jpg") 0 0 no-repeat;float:left;}

a:hover.inspirationrollover { display:block; width:184px; height:30px; background:url("images/inspirationroll.jpg") 0 0 no-repeat; float:left;}

a.educationrollover { display:block; width:184px; height:30px; background:url("images/education.jpg") 0 0 no-repeat;float:left;}

a:hover.educationrollover { display:block; width:184px; height:30px; background:url("images/educationroll.jpg") 0 0 no-repeat; float:left;}

a.conservationrollover { display:block; width:184px; height:30px; background:url("images/conservation.jpg") 0 0 no-repeat;float:left;}

a:hover.conservationrollover { display:block; width:184px; height:30px; background:url("images/conservationroll.jpg") 0 0 no-repeat; float:left;}

a.collaborationrollover { display:block; width:184px; height:30px; background:url("images/collaboration.jpg") 0 0 no-repeat;float:left;}

a:hover.collaborationrollover { display:block; width:184px; height:30px; background:url("images/collaborationroll.jpg") 0 0 no-repeat; float:left;}


/* FONTS */

h1 {font-size:24px;line-height:35px;margin:10px 20px 10px 20px; color:#6b594b; font-family:Georgia, "Times New Roman", Times, serif;text-decoration:underline;font-weight:lighter;}
h2 {font-size:20px;line-height:28px;}
h3 {font-size:18px;line-height:20px;margin:10px 20px 0px 20px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:lighter;}
h4 {font-size:16px;line-height:22px;}
p {font-size:14px;line-height:24px; margin:0px 20px 0px 20px; color:#5b1c0a}
h5 {font-size:12px;line-height:20px;color:#000;}
h6 {font-size:10px;line-height:18px;margin:10px 20px 0px 20px;}




/* REQUIRED ELEMENTS */

img {behavior: url(../inc/pngbehavior.htc);}
.clear {clear:both;}
#credit {width:960px; height:20px; margin:20px 20px 0px 20px;padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;text-align:left; color:#fff; line-height:24px;}
.image {margin:20px 20px 0px 20px; padding:0px;}
.black {color:#000;}
.white {color:#fff;}
.whitemargin {color:#fff; margin:0px 0px 0px 20px;}
.grey {color:#ccc;}
.lime {color:#D9FF00;}
.purple {color:#990099;}
.blue {color:#3FA9FF;}
.bluemargin {color:#3FA9FF; margin:0px 0px 0px 20px;}
.margin {margin:10px 0px 0px 20px;}