/*
--------------------------------------------------------------------

.-.         . . .          .-.    .- .                
`-..-.-..-. | | |-..-.._.  `-..-.-|--|-. . ..-. .-..-,
`-'' ' '`-`-'-'-`-'`-'' '  `-'`-' '  '- ` ` `-`-'  `'-

Colors used frequently in the WindSong site:

Red:#6c212b
Orange: #a75a00
Blue: #404764
Beige: #a38050
Greenish: #576026

--------------------------------------------------------------------

--------------------------------------------------------------------
Layout
--------------------------------------------------------------------
*/
body {
 text-align:center;
 padding:0;
 margin:0;
 font-family:Verdana, Arial, Sans-serif;
 font-size:16px;
 line-height:1.5em;
 background-color:#aee0ed;
}
#container {
 width:941px;
 padding:20px 19px 60px 20px;
 min-height:600px;
 margin:20px auto;
 position:relative;
 text-align:left;
 background-color:#ffffff;
 border:1px solid black;
}
#container_min_height {
 width:1px;
 height:600px;
 float:right;
}
.clearer {
 clear:both;
 font-size:0;
 line-height:0;
}


/*
--------------------------------------------------------------------
Header
--------------------------------------------------------------------
*/
#header {
 height:83px;
 width:940px;
 position:relative;
}
#header #mininav {
 position:absolute;
 top:0px;
 left:0;
 width:480px;
}
#header #mininav ul {
 list-style:none;
 padding:0;
 margin:0;
}
#header #mininav ul li {
 float:left;
 padding:0 5px 0 0;
 margin:0;
 color:#c9cacc;
 font-size:14px;
 font-family:arial,sans-serif;
}
#header #mininav ul li a {
 text-decoration:none;
 color:#999999;
}
#header #mininav ul li.on a,
#header #mininav ul li a:hover {
 color:#333333;
}
#header #identity {
 width:118px;
 height:56px;
 position:absolute;
 top:0;
 right:0;
}
#header #navigation {
 width:700px;
 height:36px;
 position:absolute;
 top:27px;
}
#header #navigation ul {
 list-style:none;
 margin:0;
 padding:0;
}
#header #navigation ul li {
 padding:0px 10px 0px 0px;
 margin:0;
 float:left;
}

#navigation #people a {
 color:#6c212b;
}

#navigation #place a {
 color:#404764;
}

#navigation #taste a {
 color:#576026;
}

#navigation #involved a {
 color:#a75a00;
}

#navigation a {
 display:block;
}
#header #searchbar {
 height:23px;
 width:940px;
 position:absolute; 
 top:63px;
 left:0;
 background-image:url(/images/brownbg.gif);
 background-repeat:repeat;
}
#header #searchbar #printbutton { 
 width:47px;
 height:15px;
 position:absolute;
 right:305px;
 top:5px;
}
#header #searchbar #mailbutton {
 width:50px;
 height:15px;
 position:absolute;
 right:237px;
 top:5px;
}
#header #searchbar #search_image {
 width:48px;
 height:18px;
 position:absolute;
 right:174px;
 top:2px;
}
#header #header_search_form {
 width:165px;
 position:absolute;
 right:5px;
 top:2px;
}
#header #header_search_form .keywords {
 background:white;
 width:155px;
 height:15px;
 margin-top:2px;
}
#header #header_search_form .keywords input {
 width:145px;
 padding:1px 8px 0 2px;
 margin:0;
 position:absolute;
 top:2px;
 z-index:10;
 border:0 solid #FFFFFF;
 background:transparent;
 font-family:Verdana, Arial, Sans-serif;
 font-size:14px;
}
#header #header_search_form .submit {
 width:17px;
 height:18px;
 position:absolute;
 top:0px;
 right:0px;
 z-index:20;
}


/*
--------------------------------------------------------------------
Drop Nav / Sub Menu
--------------------------------------------------------------------
*/
.sb_menu {
 padding-top:1px;
 padding-left:1px;
}
.sb_menu ul {
 list-style:none;
 padding:0;
 margin:0 0 0 7px;
 background:white;
 border:1px solid #dedede;
}
#pop_menu1.sb_menu ul {
 border:1px solid #6c212b;
}
#pop_menu2.sb_menu ul {
 border:1px solid #404764;
}
#pop_menu3.sb_menu ul {
 border:1px solid #576026;
}
#pop_menu4.sb_menu ul {
 border:1px solid #a75a00;
}

.sb_menu ul li {
 padding:0;
 margin:0;
}
.sb_menu ul li a {
 display:block;
 padding:5px 10px;
 width:150px;
 font-family:verdana,arial,helvetica, sans-serif;
 font-size:14px;
 line-height:10px;
 text-align:left;
 text-decoration:none;
 color:#333333;
}
#pop_menu1.sb_menu ul li a.on,
#pop_menu1.sb_menu ul li a:hover {
 background-color: #6c212b;
}
#pop_menu2.sb_menu ul li a.on,
#pop_menu2.sb_menu ul li a:hover {
 background-color:#404764;
}
#pop_menu3.sb_menu ul li a.on,
#pop_menu3.sb_menu ul li a:hover {
 background-color:#576026;
}
#pop_menu4.sb_menu ul li a.on,
#pop_menu4.sb_menu ul li a:hover {
 background-color:#a75a00;
}
.sb_menu ul li a:hover,
.sb_menu ul li a.on {
 color:#000000;
}


/*
--------------------------------------------------------------------
Left
--------------------------------------------------------------------
*/
#left_full {
 width:940px;
 min-height:400px;
 margin:20px 0 0 0;
 padding:0 20px 0 0;
 float:left;
}

#left {
 width:187px;
 min-height:400px;
 margin:20px 0 0 0;
 padding:0 20px 0 0;
 float:left;
}

#people #left  a {
 color:#6c212b;
}

#place #left a {
 color:#404764;
}

#taste #left a {
 color:#576026;
}

#involved #left a {
 color:#a75a00;
}

#left ul {
 padding:0px 0px 0px 10px;
}

#left a {
 font-weight:normal;
}

#left a:hover {
 text-decoration:underline;
}
#left .on {
 text-decoration:underline;
}

/*
--------------------------------------------------------------------
Main
--------------------------------------------------------------------
*/
#main {
 min-height:400px;
 margin:20px 0 0 0;
 float:left;
}
.cols2 {
 width:733px;
}
.cols3 {
 width:513px;
}
#main .title {
 font-size:16px;
 font-weight:bold;
 margin-bottom:15px;
}
#main .page_description,
#main .article .description {
 margin-bottom:15px;
 font-size:17px;
 font-weight:bold;
 color:#F58428;
 line-height:1.5em;
}
#main .image {
 margin-bottom:20px;
}

#main .thumbnails td {
 vertical-align:top;
}
#main .thumbnails img {
 padding:0px 5px 5px 0px;
}

/*
--------------------------------------------------------------------
Right
--------------------------------------------------------------------
*/
#right {
 width:200px;
 min-height:400px;
 margin:20px 0 0 0;
 padding:0 0 0 20px;
 float:right;
}
#right .did_you_know .head {}
#right .did_you_know {
 background-color:#ffe79d;
 background-image:url(/images/dyk_content.gif);
 background-repeat:repeat-y;
 font-size:14px;
 font-weight:bold;
 margin:0 0 20px 0;
}
#right .did_you_know .content {
 padding:0 15px 0 25px;
}
#right .did_you_know .foot {}
#right .did_you_know ul {
 padding:0;
 margin:0 0 0 15px;
}
#right .did_you_know ul li {
 padding:5px 0;
 margin:0;
}

.thumbnails .thumb {
 padding:0px 0px 5px 0px;
}

/*
--------------------------------------------------------------------
Footer
--------------------------------------------------------------------
*/
#footer {
 border-top:1px solid #c9cacc;
 width:940px; 
 height:23px;
 position:absolute;
 bottom:12px;
 left:20px;
}
#footer #leftfoot {
 width:400px;
 height:15px;
 position:absolute;
 bottom:4px;
 left:0;
 color:#c9cacc;
 font-size:14px;
}
#footer #leftfoot ul {
 list-style:none;
 padding:0;
 margin:0;
}
#footer #leftfoot ul li {
 float:left;
 padding:0 5px 0 0;
 margin:0;
}
#footer #leftfoot a {
 text-decoration:none;
 color:#999999;
}
#footer #leftfoot a:hover {
 color:#333333;
}
#footer #rightfoot {
 width:570px;
 height:15px;
 position:absolute;
 bottom:4px;
 right:0;
}
#footer #rightfoot ul {
 list-style:none;
 padding:0;
 margin:0;
}
#footer #rightfoot ul li {
 float:right;
 padding:0 5px 0 0;
 margin:0;
 color:#c9cacc;
 font-size:14px;
}
#footer #rightfoot ul li a {
 text-decoration:none;
 color:#999999;
}
#footer #rightfoot ul li.on a,
#footer #rightfoot ul li a:hover {
 color:#333333;
}


/*
--------------------------------------------------------------------
Basic Formatting
--------------------------------------------------------------------
*/
a {
 color:#3d9cb8;
 text-decoration:none;
}
a:hover {
 color:#000000;
}


/*
--------------------------------------------------------------------
Admin
--------------------------------------------------------------------
*/
.half {
width:142px;
margin:0px 10px 0px 0px;
}

.full {
width:248px;
margin:0px 5px 0px 0px;
}


/*
--------------------------------------------------------------------
Home
--------------------------------------------------------------------
*/
#home {}
#home #container {
 width:940px;
 padding:20px 20px 40px 20px;
}
#home #header {
 height:103px;
}
#home #orangebar {
 display:none;
}
#home #container_min_height {
 display:none;
}
#home #left {
 min-height:293px;
 width:465px;
 margin:0;
 padding:0 0 20px 0;
}
#home #right {
 min-height:293px;
 height:293px;
 width:465px;
 overflow:hidden;
 margin:0;
 padding:0;
 background-color:#f58428;
}
#home #right .whats_for {
 padding:20px;
 color:white;
 font-weight:bold;
}
#home #right .plan_here {
 background-color:#dbc701;
 padding:20px;
}
#home #lower {
 padding-top:20px;
 margin-bottom:20px;
 border-top:1px solid #999999;
 background-image:url(/images/home_lower_bg.gif);
 background-position:0 20px;
 background-repeat:no-repeat;
 width:940px;
 clear:both;
}
#home #lower .home_article {}
#home #lower .home_article .image {
 position:relative;
 width:150px;
 float:left;
 cursor:pointer;
}
#home #lower .home_article .title {
/*
 width:272px;
 overflow:hidden;
*/
 margin-left:170px;
 margin-bottom:15px;
}
#home #lower .home_article .description {
 margin-left:170px;
 margin-bottom:15px;
}

#home #lower .home_article .more {
 margin-left:170px;
}

#home #lower .home_article .article1 {
 width:445px;
 padding-right:20px;
 float:left;
}
#home #lower .home_article .article2 {
 width:445px;
 padding-left:20px;
 float:right;
}
#home .card {
 display:none;
 width:187px;
 position:absolute;
 left:160px;
 top:0;
 border-top:1px solid #8e8c8b;
 border-bottom:1px solid #8e8c8b;
 background-image:url(/images/shopping_list_tile.gif);
 background-repeat:repeat-y;
 font-size:14px;
 z-index:10;
}
#home .card .header {
 margin:0 1px 0 2px;
 padding:10px;
 font-weight:bold;
 background:#fffdf3;
 border-bottom:1px solid #d81474;
}
#home .card .text {
 padding:10px;
}


/*
--------------------------------------------------------------------
Articles
--------------------------------------------------------------------
*/
#main .article_list_description {
 padding-bottom:17px; 
 border-bottom:1px dotted #CCCCCC;
 margin-bottom:20px; 
 color:#999999;
}
#main .article_list {
 padding-top:20px;
}
#main .article_list ul,
#main .article_list_archive ul {
 list-style:none;
 padding:0;
 margin:0;
}
#main .article_list ul li {
 border-top:1px dotted #CCCCCC;
 padding:20px 0 15px 0; 
 clear:both;
}

#looking_back #main .article_list ul li,
#looking_back #main .article_list_archive ul li {
 border:none;
 padding:0;
}
#main .article_list ul li .thumb {
 padding:0 0 20px 0;
 float:left;
}
#main .article_list ul li a.title,
#main .article_list ul li .title a,
#main .article_list_archive ul li a {
 color:#3d9cb8;
 font-size:16px;
}
#main .article_list ul li .title a:hover,
#main .article_list_archive ul li a:hover {
 color:#000000;
}
#main .article_list ul li a.title_a {
 margin-left:0px;
 margin-bottom:5px;
 color:#f58428;
 font-weight:bold;
}
#main .article_list_archive ul li a.title_a {
 margin-left:0px;
 margin-bottom:0px;
 color:#f58428;
 font-weight:bold;
}
#main .article_list ul li .date {
 margin-top:8px;
}
#main .article_list ul li .description {
 margin-top:8px;
 margin-left:0px;
 margin-bottom:8px;
 color:#999999;
}

#events	#main .article_list ul li a.title, 
#events	#main .article_list ul li .title a {
 display:block;
 margin-left:120px;
 color:#3d9cb8;
 font-size:18px;
}
#events	#main .article_list ul li a:hover {
 color:#000000;
}
#events #main .article_list ul li .description {
 margin-left:120px;
 margin-bottom:15px;
}
#events #main .article_list ul li .date {
 margin-left:120px;
}
#events #main .article_list .more {
 margin-left:120px;
}
#main .article_list .more {
 margin-bottom:10px;
}

#main .paging {
 padding-top:20px;
 float:left;
}
#main .paging .next {
 padding-left:20px;
}
#main .back {
 float:right;
 padding-top:20px;
}

/*
--------------------------------------------------------------------
Events
--------------------------------------------------------------------
*/
.calendar table {
 width:304px;
}

.month_paging .disabled {
 display:none;
}

.calendar thead td {
 text-align:center;
 width:14%;
}
.calendar tbody td {
 padding:4px;
 text-align:center;
}
.calendar A {
 display:block;
 padding:3px 5px 15px 5px;
 font-weight:bold;
 font-size:16px;
 color:#666666;
}
.month_paging {
 padding-top:10px;
}
.month_paging table {
 width:304px;
}
.month_paging .previous {}
.month_paging .next {
 text-align:right;
}
.calendar .single a:hover,
.calendar .start a:hover,
.calendar .during a:hover,
.calendar .end a:hover,
.calendar .start_end a:hover {
 color:#000000;
}

.calendar .single a {
 background-color:#d9dac7;
 background-image:url(/images/calendar/single.gif);
 background-repeat:no-repeat;
 background-position:bottom center;
}
.calendar .single a:hover {
 background-image:url(/images/calendar/single_over.gif);
}
.calendar .start a {
 background-image:url(/images/calendar/start.gif);
 background-repeat:no-repeat;
 background-position:bottom center;
 background-color:#d9dac7;
}
.calendar .start a:hover {
 background-image:url(/images/calendar/start_over.gif);
}
.calendar .during a {
 color:#666666;
 background-color:#EDEEE0;
}
.calendar .during a:hover {
 color:#333333;
}
.calendar .end a {
 background-image:url(/images/calendar/end.gif);
 background-repeat:no-repeat;
 background-position:bottom center;
 background-color:#d9dac7;
}
.calendar .end a:hover {
 color:#000000;
 background-image:url(/images/calendar/end_over.gif);
}
.calendar .start_end a {
 background-image:url(/images/calendar/startend.gif);
 background-repeat:no-repeat;
 background-position:bottom center;
 background-color:#d9dac7;
}
.calendar .start_end a:hover {
 color:#000000;
 background-image:url(/images/calendar/startend_over.gif);
}
.calendar .inactive {}

.calendar_overlay {
 margin:30px 0 0 30px;
 padding:15px;
 width:200px;
 border:solid 1px #999999;
 background:white;
 text-align:left;
 opacity:0.9;
 filter:alpha(opacity=90);
}

.calendar_overlay .head {
 height:15px;
 position:absolute;
 top:17px;
 right:15px;
}
.calendar_overlay .close {
}
.calendar_overlay .date {
 font-weight:bold;
 font-size:16px;
 color:#999999;
 margin:0 30px 5px 0;
}
.calendar_overlay .listing {}
.calendar_overlay .listing ul {
 list-style:none;
 margin:0;
 padding:0;
}
.calendar_overlay .listing ul li {
 padding:5px 0;
 border-top:1px solid #999999;
}
.calendar_overlay .listing ul li .title a {
 padding:0 13px 0 0;
 display:block;
 background-image:url(/images/arrow_upright.gif);
 background-repeat:no-repeat;
 background-position:right;
}
.calendar_overlay .listing ul li .title a:hover {
 background-image:url(/images/arrow_upright_over.gif);
}
.calendar_dates {
 position:relative;
 height:30px;
}
.calendar_dates .month {
 font-size:22px;
}
.calendar_dates .year {
 font-size:20px;
 position:absolute;
 top:0;
 right:0;
}



/*
--------------------------------------------------------------------
Ask an Expert (FAQ)
--------------------------------------------------------------------
*/
.faq_categories {}
.faq_categories ul {
 list-style:none;
 margin:0;
 padding:0;
}
.faq_categories ul li {
 padding:10px 0 0 0;
}
.faq_categories ul li a {
 display:block;
 width:203px;
 height:21px;
 padding:3px 20px 0 20px;
 font-size:14px;
 color:#FFFFFF;
 font-weight:bold;
 background-image:url(/images/button_list_bg.gif);
 background-repeat:no-repeat;
 overflow:hidden;
}
.faq_categories ul li a:hover {
 background-image:url(/images/button_list_bg_over.gif);
}
.faq {
 margin:20px 0 0 0;
}
.faq .questions .title,
.faq .answers .title {
 font-weight:bold;
 color:#f58428;
}
.faq .answers ol {
 color:#666666;
}
.faq .answers ol li {
 margin-bottom:12px;
}
.faq .answers ol li a {}
.faq .answers ol li .question {}
.faq .answers ol li .answer {
 color:#999999;
}
.faq .answers .answer p {
 margin:0 0 12px 0;
}
.faq .faqBreak {
 display:block;
 height:1px;
 border-top:1px dotted grey;
 border-right:none;
 border-bottom:none;
 border-left:none;
}


/*
--------------------------------------------------------------------
Sitemap
--------------------------------------------------------------------
*/
.sitemap .section {
 border:1px solid #f58428;
 width:206px;
 float:left;
 margin:0 20px 20px 0;
 padding:10px 10px 0 10px;
 display:inline;
}
.sitemap .section .title {
 font-weight:bold;
 padding:0;
 margin:0;
}
.sitemap .section ul {
 padding:0; 
 margin:0 0 10px 15px;
 list-style:square;
 color:#999999;
}



/*
--------------------------------------------------------------------
Blog
--------------------------------------------------------------------
*/
.comments .comments_title {
 font-weight:bold;
 color:#ace0ef;
 font-size:18px;
 margin:10px 0;
 padding:0;
}
.comments .row {
 border-top:1px dotted #CCCCCC;
}
.comments .row .author {
 color:#f58428;
 font-weight:bold;
 margin:10px 0;
 padding:0;
}
.comments .row .comment {
 color:#666666;
 margin:10px 0;
 padding:0;
}
.comments .row .date {
 color:#7e4400;
 margin:10px 0;
 padding:0;
}
.comments .row .whitedivider {
 display:none;
}
.comments .form {
 padding-top:10px;
 border-top:1px dotted #CCCCCC;
}
.comments .form .sb_text,
.comments .form .sb_textarea {
 width:256px;
}
.comments .form .sb_text {
 margin-bottom:10px;
}
.comments .submit {
 float:left;
 margin-top:20px;
}


/*
--------------------------------------------------------------------
Login
--------------------------------------------------------------------
*/
.error_spot {
 border:2px dotted #f79c88;
 padding:20px 30px;
 font-weight:bold;
 color:red;
 font-size:18px;
 margin-bottom:20px;
}
#login_form {
 border:2px dotted #ace0ef;
 padding:15px 20px 20px 20px;
}
#login_form .login {}
#login_form .login .username,
#login_form .login .password {
 font-weight:bold;
 color:#f58428;
 margin-bottom:10px;
}
#login_form .login .username input,
#login_form .login .password input {
 font-family:verdana,arial,sans-serif;
 color:#999999;
 border:1px solid #666666;
 padding:2px;
 font-weight:100;
 width:200px;
}
#login_form .login .submit {
 margin-top:25px;
}
/*#login_form .login .submit a {
 border:none;
 background:none;
 padding:0;
 display:inline;
 width:auto;
 text-align:left;
}*/

/*
--------------------------------------------------------------------
Search
--------------------------------------------------------------------
*/
.site_search {}
.site_search .search_for {
 font-size:18px;
 color:#f58428;
 padding-bottom:20px;
}
.site_search .row {
 padding-top:15px;
 border-top:1px dotted #ffc423;
}
.site_search .row .title {}
.site_search .row .description {
 padding:10px 20px;
 color:#666666;
 background-color:#eeeeee;
}
.site_search .row .description b {
 color:#f58428;
}

.policies_search_results {
 font-size:12px;
}

.policy_title, .policy_category {
 padding:0px 10px 0px 0px;
}

.policy_description {
  width:100px;
}

/*
--------------------------------------------------------------------
eNews Signup
--------------------------------------------------------------------
*/
#signup {}
#signup .contact {
 border:2px solid #ace0ef;
 padding:15px 20px 10px 20px;
 color:#666666;
 background-color:#eeeeee;
}
#signup .contact .submit {
 margin:20px 0 10px 0;
}

/*
--------------------------------------------------------------------
Units
--------------------------------------------------------------------
*/
#main .unit .title {
 margin-bottom:0px;
}

#main .unit .members {
 margin-bottom:10px;
}

/*
--------------------------------------------------------------------
Groups
--------------------------------------------------------------------
*/

.group {
 position:relative;
 width:420px;
 border-bottom:1px solid #000000;
}

.group_category {
 font-size:18px;
}

.group_title {
 position:relative;
 left:0px;
 display:inline; 
}

.group_membership {
 display:inline; 
 position:absolute;
 right:0px;
}

/*
--------------------------------------------------------------------
Directory
--------------------------------------------------------------------
*/

#directory_table td {
 vertical-align:bottom;
}
#directory_table div {
 padding:0px 10px 0px 0px;
 border-bottom:1px solid #000000;
}


/*
--------------------------------------------------------------------
For Sale
--------------------------------------------------------------------
*/

.for_sale #dp_main div .text td {
}

.Sold {
 font-size:16px;
 font-weight:bold;
 color:#CC0000;
}

/*
--------------------------------------------------------------------
Misc
--------------------------------------------------------------------
*/

.year_div {
 padding:15px 0px 5px 0px;
}

.minutes_type {
 padding: 0px 5px 0px 5px;
}

