a:link {  text-decoration: none; color: #6699FF; }
a:visited {  text-decoration: none; color: #6699FF;}
a:hover { text-decoration:none; color: #FFDF32;}

.ebooks2 a:link {  text-decoration: none; color: #FFDF32}
.ebooks2 a:visited {  text-decoration: none; color: #FFDF32}
.ebooks2 a:hover { text-decoration:none; color: #FFDF32}

.news2 a:link {  text-decoration: none; color: #FFDF32}
.news2 a:visited {  text-decoration: none; color: #FFDF32}
.news2 a:hover { text-decoration:none; color: #FFDF32}

.downloads2 a:link {  text-decoration: none; color: #FFDF32}
.downloads2 a:visited {  text-decoration: none; color: #FFDF32}
.downloads2 a:hover { text-decoration:none; color: #FFDF32}



body {background-color: #666BCC}

.main {background-color: #ffffff; width: 1240px; height: 920px; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.main2 {background-color: #ffffff; width: 1240px; height: 1280px; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.main3 {background-color: #ffffff; width: 1240px; height: 600px; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.main4 {background-color: #ffffff; width: 1240px; height: 1040px; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.main_calendars {background-color: #ffffff; width: 1240px; height: 2320px; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.main_downloads {background-color: #ffffff; width: 1240px; height: 1730px; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.main_newsletter {background-color: #ffffff; width: 1240px; height: 1400px; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.main_news {background-color: #ffffff; width: 1240px; height: 2520px; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.main_june10 {background-color: #ffffff; width: 1240px; height: 1320px; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.main_may10 {background-color: #ffffff; width: 1240px; height: 1640px; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.main_april10 {background-color: #ffffff; width: 1240px; height: 1700px; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.main_march10 {background-color: #ffffff; width: 1240px; height: 5600px; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.main_news_feb10 {background-color: #ffffff; width: 1240px; height: 3200px; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.main8 {background-color: #ffffff; width: 1240px; height: 1900px; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.main_links {background-color: #ffffff; width: 1240px; height: 2300px; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.main5 {background-color: #ffffff; width: 1240px; height: 2100px; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.main6 {background-color: #ffffff; width: 1240px; height: 2330px; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.main7 {background-color: #ffffff; width: 1240px; height: 2410px; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.top {background-color: #ffffff; width: 1000px; height: 400px; border: 0px solid #000000; position: relative; left: 50px; top: 30px; clear: both;}

.marin {width: 295px; height: 680px; float: left; border: 0px solid #000000; position: relative; left: 20px; top: 0px;}

.presidio {width: 295px; height: 680px; float: left; border: 0px solid #000000; position: relative; left: 26px; top: 0px;}

.angel {width: 295px; height: 680px; float: left; border: 0px solid #000000; position: relative; left: 32px; top: 0px;}

.tam {width: 295px; height: 680px; float: left; border: 0px solid #000000; position: relative; left: 38px; top: 0px;}

.title {height: 75px; margin-top: 10px;}

.copy {font-family: Arial, sans-serif; font-size:12pt; color: #797979; line-height: 1.4em; position: relative; left: 0px; top: 0px; width: 540px; margin: 20px 0 0 0; text-align: justify; border: 0px solid #000000; }

.home_copy {font-family: Arial, sans-serif; font-size:12pt; color: #797979; line-height: 1.4em; position: relative; left: 0px; top: 0px; width: 260px; margin: 20px 0 0 0; text-align: justify; border: 0px solid #000000; }

.contact {font-family: Arial, sans-serif; font-size:12pt; color: #797979; line-height: 1.4em; position: relative; left: 50px; top: 0px; border: 0px solid #000000; text-align: left; width: 1000px;}

.links_content {font-family: Arial, sans-serif; font-size:12pt; color: #797979; line-height: 1.4em; position: relative; left: 90px; top: 0px; border: 0px solid #000000; text-align: left; width: 980px;}

.container {border: 0px solid #000000; width: 1240px;}

.inside_container {border: 1px solid #000000; width: 1200px; position: relative; left: 20px; top: 2px;}

.footer {width: 1240px; font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; line-height: 1.4em; color: #797979; text-align: center; clear: left; border: 0px solid #000000; position: relative; left: 0px; top: 10px;}

.footer2 {width: 1240px; font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; line-height: 1.4em; color: #797979; text-align: center; clear: left; border: 0px solid #000000; position: relative; left: 0px; top: 20px;}

.footer3 {width: 1240px; font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; line-height: 1.4em; color: #797979; text-align: center; clear: left; border: 0px solid #000000; position: relative; left: 0px; top: 80px;}

.hrule {color: #666BCC;}

.button {position: relative; left: 0px; top: 20px; display: block; border: 0px solid #000000; width: 295px;}

.thumbs {width: 101px; height: 96px; float: left; border: 0px solid #000000; font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; line-height: 1.4em; color: #787878; margin-left: 27px; position: relative; left: 26px; top: 10px; }

.thumbs2 {width: 127px; height: 96px; float: left; border: 0px solid #000000; font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; line-height: 1.4em; color: #787878; position: relative; left: 36px; top: 10px;}

.thumbs3 {width: 101px; height: 96px; float: left; border: 0px solid #000000; font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; line-height: 1.4em; color: #787878; margin-left: 27px; position: relative; left: 43px; top: 10px; }

.thumbs4 {width: 123px; height: 96px; float: left; border: 0px solid #000000; font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; line-height: 1.4em; color: #787878; position: relative; left: 53px; top: 10px;}


.angel_main {width: 1060px; height: 740px; float: left; border: 0px solid #000000; margin: 20px 10px 10px 20px; }

.click1 {font-family: Arial, sans-serif; font-size:10pt; color: #797979; line-height: 1.4em; text-align: right; border: 0px solid #000000;}

.click2 {font-family: Arial, sans-serif; font-size:10pt; color: #797979; line-height: 1.4em; text-align: left; border: 0px solid #000000;}

.intro {font-family: Arial, sans-serif; font-size:10pt; color: #797979; line-height: 1.4em; float: left; text-align: left; border: 0px solid #000000; position: relative; left: 6px; top: 0px;}

.also {font-family: Arial, sans-serif; font-size:12pt; color: #797979; font-weight: bold; line-height: 1.4em; float: left; width: 270px; text-align: left; border: 0px solid #000000; position: relative; left: 40px; top: 0px;}

.also2 {font-family: Arial, sans-serif; font-size:12pt; color: #797979; font-weight: bold; line-height: 1.4em; float: left; width: 270px; text-align: left; border: 0px solid #000000; position: relative; left: 20px; top: 0px;}

.alsobook {font-family: Arial, sans-serif; font-size:10pt; color: #797979; font-weight: normal; line-height: 1.4em; text-align: left; border: 0px solid #000000; position: relative; left: 0px; top: 0px;}

.cart {border: 0px solid #000000; text-align: left; position: relative; left: 0px; top: 10px;}

.donation {font-family: Arial, sans-serif; font-size:14pt; color: #33CC00; line-height: 1.4em; width: 260px; text-align: center; border: 0px solid #000000; }

.donation_home {font-family: Arial, sans-serif; font-size:14pt; color: #33CC00; line-height: 1.4em; width: 280px; text-align: center; border: 0px solid #000000; }

.booktitle {font-family: Arial, sans-serif; font-size:14pt; color: #797979; line-height: 1.4em; width: 270px; text-align: left; border: 0px solid #000000;}

.tabs {background-image: url(images/tabs.gif); background-repeat: no-repeat; width: 1200px; height: 43px; position: relative; left: 20px; top: 0px; border: 0px solid #000000;}

.tabs1 {background-image: url(images/tabs1.gif); background-repeat: no-repeat; width: 1200px; height: 43px; position: relative; left: 20px; top: 0px; border: 0px solid #000000;}

.tabs2 {background-image: url(images/tabs2.gif); background-repeat: no-repeat; width: 1200px; height: 43px; position: relative; left: 20px; top: 0px; border: 0px solid #000000;}

.tabs3 {background-image: url(images/tabs3.gif); background-repeat: no-repeat; width: 1200px; height: 43px; position: relative; left: 20px; top: 0px; border: 0px solid #000000;}

.tabs4 {background-image: url(images/tabs4.gif); background-repeat: no-repeat; width: 1200px; height: 43px; position: relative; left: 20px; top: 0px; border: 0px solid #000000;}

.tabs5 {background-image: url(images/tabs5.gif); background-repeat: no-repeat; width: 1200px; height: 43px; position: relative; left: 20px; top: 0px; border: 0px solid #000000;}

.ebooks {position: relative; left: 60px; top: 9px; font-family: Arial, sans-serif; font-size:16pt; color: #FFDF32; font-weight: bold; border: 0px solid #000000;}

.ebooks2 {position: relative; left: 60px; top: 9px; font-family: Arial, sans-serif; font-size:16pt; color: #FFDF32; font-weight: bold;}

.news {position: relative; left: 150px; top: 9px; font-family: Arial, sans-serif; font-size:16pt; color: #FFDF32; font-weight: bold;}

.news2 {position: relative; left: 150px; top: 9px; font-family: Arial, sans-serif; font-size:16pt; color: #FFDF32; font-weight: bold;}

.news3 {font-family: Arial, sans-serif; font-size:12pt; color: #797979; font-weight: normal;}

.newsletter {position: relative; left: 250px; top: 9px; font-family: Arial, sans-serif; font-size:16pt; color: #FFDF32; font-weight: bold;}

.downloads {position: relative; left: 304px; top: 9px; font-family: Arial, sans-serif; font-size:16pt; color: #FFDF32; font-weight: bold; border: 0px solid #000000;}

.downloads2 {position: relative; left: 304px; top: 9px; font-family: Arial, sans-serif; font-size:16pt; color: #FFDF32; font-weight: bold;}

.contact_tab {position: relative; left: 390px; top: 9px; font-family: Arial, sans-serif; font-size:16pt; color: #FFDF32; font-weight: bold; border: 0px solid #000000;}

.links_tab {position: relative; left: 379px; top: 9px; font-family: Arial, sans-serif; font-size:16pt; color: #FFDF32; font-weight: bold; border: 0px solid #000000;}

.links_tab2 {position: relative; left: 410px; top: 9px; font-family: Arial, sans-serif; font-size:16pt; color: #FFDF32; font-weight: bold; border: 0px solid #000000;}

.downloads_content {position: relative; left: 0px; top: 0px; border: 0px solid #000000;}

.downloads_image {float: left; clear: left; position: relative; left: 57px; top: 10px;}

.downloads_copy {float: left; font-family: Arial, sans-serif; font-size:12pt; color: #797979; font-weight: normal; position: relative; left: 80px; top: 10px; width: 570px; height: 250px; text-align: justify;}

.downloads_image2 {float: left; clear: left; position: relative; left: 57px; top: 20px;}

.downloads_copy2 {float: left; font-family: Arial, sans-serif; font-size:12pt; color: #797979; font-weight: normal; position: relative; left: 80px; top: 20px; width: 570px; height: 250px; text-align: justify;}

.downloads_image3 {float: left; clear: left; position: relative; left: 57px; top: 30px;}

.downloads_image4 {float: left; clear: left; position: relative; left: 57px; top: 40px;}

.downloads_image5 {float: left; clear: left; position: relative; left: 57px; top: 30px;}

.downloads_image6 {float: left; clear: left; position: relative; left: 57px; top: 40px;}

.downloads_image7 {float: left; clear: left; position: relative; left: 57px; top: 50px;}

.downloads_image8 {float: left; clear: left; position: relative; left: 57px; top: 60px;}

.downloads_copy3 {float: left; font-family: Arial, sans-serif; font-size:12pt; color: #797979; font-weight: normal; position: relative; left: 80px; top: 30px; width: 570px; height: 250px; text-align: justify;}

.downloads_copy4 {float: left; font-family: Arial, sans-serif; font-size:12pt; color: #797979; font-weight: normal; position: relative; left: 80px; top: 40px; width: 570px; height: 250px; text-align: justify;}

.downloads_copy5 {float: left; font-family: Arial, sans-serif; font-size:12pt; color: #797979; font-weight: normal; position: relative; left: 80px; top: 30px; width: 570px; height: 250px; text-align: justify;}

.downloads_copy6 {float: left; font-family: Arial, sans-serif; font-size:12pt; color: #797979; font-weight: normal; position: relative; left: 80px; top: 40px; width: 570px; height: 250px; text-align: justify;}

.downloads_copy7 {float: left; font-family: Arial, sans-serif; font-size:12pt; color: #797979; font-weight: normal; position: relative; left: 80px; top: 50px; width: 570px; height: 250px; text-align: justify;}

.downloads_copy8 {float: left; font-family: Arial, sans-serif; font-size:12pt; color: #797979; font-weight: normal; position: relative; left: 80px; top: 60px; width: 570px; height: 250px; text-align: justify;}

.newsletter_content {position: relative; left: 90px; top: 30px; font-family: Arial, sans-serif; font-size:12pt; color: #797979; font-weight: normal; border: 0px solid #000000; text-align: left;}

.newsletter_copy {width: 1000px; border: 0px solid #000000;}

.paddy {width: 540px; color: #33CC33}

.quote {width: 700px; text-align: left; border: 0px solid #000000;}

.coupon {color: #6699FF; font-weight: bold}

.calendar {clear: left; width: 1000px; position: relative; left: 54px; top: 70px; font-family: Arial, sans-serif; font-size: 12pt; color: #797979; font-weight: normal; text-align: left; border: 0px solid #000000;}

.newsletter_screenshot {position: relative; left: 0px; top: 0px; float: left;}

.newsletter_archive {position: relative; left: 0px; top: 0px; float: left;}

.thumbnail1 {float: left; width: 190px; position: relative; left: 20px; top: 20px; border: 0px solid #000000; font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; line-height: 1.4em; color: #787878; text-align: center;}

.thumbnail2 {float: left; width: 190px; position: relative; left: 20px; top: 20px; border: 0px solid #000000; font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; line-height: 1.4em; color: #787878; text-align: center;}

.mainimage {float: right; width: 822px; position: relative; left: 0px; top: 0px; border: 0px solid #000000;}

.box {height: 108px;}

#thephoto {visibility: hidden;}
  
.cover {visibility: hidden;}

.news_highlight {color: #6699FF;}

#fadeshow1 {float: left; width: 450px; height: 450px; z-index: 0; position: relative; top: 40; left: 100px; border: 0px solid #000000;}

#fadeshow2 {float: right; width: 450px; height: 450px; z-index: 0; position: relative; top: 0; left: 40px; border: 0px solid #000000;}

#fadeshow3 {float: right; width: 450px; height: 450px; z-index: 0; position: relative; top: 90; left: 40px; border: 0px solid #000000;}

#fadeshow4 {clear: left; float: left; width: 450px; height: 450px; z-index: 0; position: relative; top: 130; left: 100px; border: 0px solid #000000;}

.marin_headlands {float: right; width: 470px; height: 450px; z-index: 0; position: relative; top: 40; left: 60px; border: 0px solid #000000;}

.angel_island {float: left; width: 450px; height: 450px; z-index: 0; position: relative; top: 0; left: 100px; border: 0px solid #000000;}

.mount_tamalpais {clear: left; float: left; width: 460px; height: 450px; z-index: 0; position: relative; top: 90; left: 100px; border: 0px solid #000000;}

.presidio_slideshow {float: right; width: 450px; height: 450px; z-index: 0; position: relative; top: 130; left: 40px; border: 0px solid #000000;}

.slideshow_captions {font-size: 12px; line-height: 1.2em;}

.links_title {position: relative; top: 0; left: 100px;}

.mmc_text {font-family: Arial, sans-serif; font-size:12pt; color: #797979; font-weight: normal; border: 0px solid #000000; text-align: left;}

.mmc_caption {clear: left; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.4em; color: #787878;}