html { background: #fff; height: 100%; }
body { background: url(/images/bg_body.png) repeat-x top; margin: 0; color: #555; font: .875em/1.43 Arial, sans-serif; height: 100%; }
#wrapper { background: url(/images/bg_wrapper.png) no-repeat 50% 152px; position: relative; min-height: 100%; }
#container { width: 960px; margin: 0 auto; padding: 0 0 159px; position: relative; }
#container:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

h1 { font-weight: normal; font-size: 1.5em; line-height: 1.19; color: #640969; margin: 0 0 5px; }
h1 em { font-style: normal; border-bottom: 3px dotted #313131; }
h1#section_header { font: bold 2.57em/1.39 Frutiger, Arial, sans-serif; color: #000; text-transform: uppercase; letter-spacing: -.06em; margin: 35px 0 85px; }
h2 { font-weight: normal; font-size: 1.14em; line-height: 1.57; color: #640969; margin: 0 0 10px; }
#content_sub h2 { color: #000; padding-bottom: 3px; border-bottom: 1px dotted #d2d2d2; }

a { color: #0baad7; text-decoration: none; }
a:focus, a:hover { text-decoration: underline; }
a img { border: 0; }

p, address { margin: 0 0 10px; font-style: normal; }
.more { font-size: .86em; }
.meta { font-size: .86em; color: #888; display: block; }

blockquote { margin: 20px; padding: 0; font: italic 1.14em/1.375 Georgia, serif; color: #333; text-align: center; }
blockquote p { margin: 0 0 5px; }
blockquote cite { color: #888; font: .75em Arial, sans-serif; }
blockquote cite span { font-weight: bold; }

dl { margin: 0 0 10px; }
dt { color: #000; float: left; clear: left; margin: 0 3px 3px 0; }
dd { margin: 0 0 3px; }

#content_main ul { margin: 0 0 20px; padding: 0 0 0 20px; list-style: none; }
#content_main ul li { margin: 0 0 5px; padding: 0 0 0 15px; background: url(/images/bg_li.png) no-repeat 0 5px; }

.newsimg { float: right; margin: 0 0 15px 15px; }

.formbox { border: 5px solid #d6eff6; background: #f1fbfe; padding: 20px 25px; margin: 0 0 20px; z-index: 9999;}
.formbox h2 { color: #000; }
form, fieldset { margin: 0; padding: 0; border: 0; }
fieldset div { margin-bottom: 13px; }
label { display: block; margin: 0 0 3px; color: #027293; }
input.text, textarea { border: 1px solid #cae7ef; padding: 6px 7px; color: #555; font: .86em Arial, sans-serif; width: 350px; }
.buttons{}
.buttons * { vertical-align: middle; margin-right: 8px; }
.buttons a{width: 150px;}
#additional_fields{display: none;}


/* page objects */

#header { background: #640969 url(/images/bg_body.png) repeat-x top; height: 152px; position: relative; z-index: 10; }
#logo { position: absolute; left: 0; top: 27px; }

#nav { position: absolute; bottom: -5px; right: 0; background: url(/images/bg_nav.png) no-repeat 0 0; padding: 1px 0 0 50px; z-index: 1000; }
#nav ul { margin: 0; padding: 0 0 0 4px; list-style: none; background: url(/images/bg_nav_a.png) no-repeat 0 4px; float: left; }
#nav li { float: left; margin: 0 0 0 -2px; }
#nav a { display: block; padding: 10px 20px 0; height: 32px; font-weight: bold; color: #fff; position: relative; z-index: 100; background: url(/images/bg_nav_a.png) no-repeat 100% 4px; _float:left; /* :hack: make nav work in IE6 */ }
#body_home #nav_home a,
#body_calendar #nav_calendar a,
#body_about #nav_about a,
#body_news #nav_news a,
#body_member_resources #nav_resources a,
#body_partners #nav_partners a,
#body_galleries #nav_gallery a,
#body_contact #nav_contact a { background: url(/images/bg_nav_a_on.png) no-repeat 50% 100%; }
#nav ul ul { position: absolute; z-index: 99; top: 38px; left:-9999px; background: url(/images/bg_nav_drop.png) no-repeat bottom; width: 197px; padding: 0 1px 2px; _clear:both; /* :hack: clear the floated a from the previous hack */  }
#nav ul ul li { float: none; margin: 0; _display:inline; /* :hack: remove gaps in IE6 */ }
#header #nav ul ul a { border-top: 1px dotted #d2d2d2; padding: 8px 21px; height: auto; font-weight: normal; color: #0BAAD7; background: none; zoom:1;_float:none; /* :hack: remove previous hack for sub list items */ }
#header #nav ul ul .first a { border-top: 0; }
#header #nav ul ul .on a { color: #000; }

#login_form { position: absolute; top: 0; right: 0; z-index: 3000; }
#login_form label {width: 250px;}
#login_form h2 { color: #fff; font-size: .86em; font-weight: normal; margin: 6px 0 1px; background: #4b014f url(/images/bg_login_h2.png) no-repeat 12px 2px; border: solid #761e7b; border-width: 0 1px 1px 0; padding: 0px 12px 3px 30px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; cursor: pointer; }
#login_form .formbox { position: absolute; right: 9999px; z-index: 1000; }
#login_form .formbox.visible { right: 0; }
#login_form input.text { width: 285px; }
#login_form p { position: absolute; right: 25px; bottom: 29px; margin: 0; text-align: right; margin-right: 0; width: 100px;}

#content { position: relative; z-index: 0; }
#content_main { width: 600px; margin: 0 60px 30px 0; float: left; }
#content_sub { position: relative; z-index: 0; width: 300px; margin: 0 0 30px; float: left; }

.links { margin: 0 0 20px 0; padding: 0; }
.links li { list-style: none; margin: 0 0 5px; }

#nav_sub { position: relative; z-index: 0; margin: 0 0 40px; }
#nav_sub h2 { background: url(/images/bg_nav_sub.png) no-repeat 0 0; margin: 0; font-size: 1em; color: #fff; font-weight: normal; text-transform: uppercase; padding: 9px 20px 0; height: 29px; text-shadow: -1px -1px 1px rgba(99,4,104,.45); border-bottom: 0; }
#nav_sub ul { margin: 0; padding: 0 0 2px; background: url(/images/bg_nav_sub_ul.png) no-repeat bottom; }
#nav_sub li { margin: 0; list-style: none; _display:inline; /* :hack: remove gaps in IE6 */ }
#nav_sub a { display: block; border-top: 1px dotted #d2d2d2; padding: 10px 21px; }
#nav_sub .first a { border-top: 0; }
#nav_sub .on a { color: #000; }

.ad a { padding: 4px; display: block; border: 1px solid #d2d2d2; margin: 0 0 20px; zoom: 1; /* :hack: make entire link clickable in IE6 */ }
.ad img { display: block; }

#footer { clear: both; margin-top: -159px; background: #3f3f3f url(/images/bg_html.png) repeat-x bottom; }
#footer_sleeve { margin: 0 auto; width: 960px; height: 122px; background: url(/images/bg_footer.png) no-repeat 740px 30px; color: #fff; padding: 37px 0 0; position: relative; }
#call_us{margin-top: 18px;}
#call_us span { background: url(/images/phone_icon.png) no-repeat 0 5px; padding-left: 40px; display: block; font-size: 1.5em; }
#copyright, #footer_nav { position: absolute; top: 133px; font-size: .79em; color: #888; line-height: 1; }
#copyright { left: 0; }
#footer_nav { right: 0; margin: 0; padding: 0; }
#footer_nav li { display: inline; margin: 0 4px 0 0; padding: 0 4px 0 0; border-right: 1px solid #888; }
#footer_nav #kyan { margin: 0; padding: 0; border: 0; }
#footer_nav a { color: #888; }

/* specific pages */

#body_home #wrapper { background-image: url(/images/bg_wrapper_home_new.jpg); z-index: 0; }
#home_header { padding: 70px 0 0 495px; height: 280px; }
#home_header h1 { margin: 0 0 10px; position: relative; z-index: -1;}
#home_header p { font-size: 1.17em; margin: 0 0 15px; }

#home_sections .col { float: left; position: relative; width: 280px; margin: 0 0 30px 30px; padding: 15px 0 0; }
#home_sections h2 { color: #000; }
#why_join h2 { font-size: 1.5em; font-weight: bold; letter-spacing: -.06em; margin-top: -6px; }
#why_join ul { margin: 0 0 10px; padding: 0; }
#why_join li { position: relative; display:block; list-style: none; padding: 2px 0 2px 27px; margin: 0 0 5px; background: url(/images/icon_tick.png) no-repeat 0 2px; }
#why_join p { margin-left: 27px; }
#get_involved { background: #ebf9fd url(/images/bg_get_involved.png) no-repeat top; }
#get_involved h2 { padding: 0 20px; }
#get_involved ul { padding: 0 20px 15px; margin: 0; background: url(/images/bg_get_involved.png) no-repeat bottom; }
#get_involved li { border-bottom: 1px dotted #cfdde1; margin: 0 0 5px; padding: 0 0 5px; }

#gallery { clear: both; margin: 0 0 30px; position: relative; }
#gallery h2 { background: url(/images/bg_gallery.png) no-repeat 0 11px; color: #9e9e9e; text-align: center; font-size: 1.07em; }
#gallery_images { margin: 0 53px 0 52px; padding: 0; width: 855px; }
#gallery ul { margin: 0; padding: 0; list-style: none; }
#gallery ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#gallery ul li { float: left; margin: 0 9px 10px 0; padding: 0; background: none; }
#gallery_images ul li { margin-bottom: 0; }
#gallery a { background: url(/images/bg_gallery_a.jpg) no-repeat 0 0; padding: 8px 10px 31px; display: block; }
#gallery img { display: block; }
#button_prev, #button_next { position: relative; bottom: 90px; border: 0; background: none; margin: 0; padding: 0; cursor: pointer; }
#button_prev { float: left; left: -5px; }
#button_next { float: right; right: -5px; }


.partner{ margin-bottom: 38px;}
.partner h3{ color: #000; margin-bottom: 5px;}
.partner p.contact{ color: #000; margin-bottom: 2px;}
.partner p.contact span{ color: #555;}

#body_news #content_main ul,
#body_calendar #content_main ul {list-style: none; margin: 0; padding: 0;}
#body_news #content_main ul li,
#body_calendar #content_main ul li{list-style: none; background: none; padding: 0; margin-bottom: 38px;}
#body_calendar #content_main ul li h4 {color: #000; font-size: 1.3em; font-weight: normal; margin: 10px 0 0 0; padding: 0; }

#content_main ul li h1{margin-bottom: 4px;}
p.post_small{color: #989898; font-size: 0.95em; padding-bottom: 5px;}
#content_main ul li p{margin-bottom: 5px;}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/images/colorbox/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

/* 
    Calendar styling
*/
.calendar_event_container{ overflow:hidden; margin:0 0 30px; width:100%;}
.calendar_container{ width:300px; float:left;}
.month_events{ float:right; width:375px; border-bottom:1px solid #e3e3e3; padding:0 0 10px; margin:0 0 25px;}
#body_parent_zone_calendar #content_main div.end .month_events{border:none;}
.month_events h2{ color:#363636; text-transform:uppercase; font-size:1.4em;}
.month_events .date{ color:#d71a21; font-weight:bold;}
.month_events .event{padding-bottom:20px;}

table.calendar{ margin:0 0 20px; }
table.calendar a.head_link{font-weight: normal;}
table.calendar td{width: 38px; padding:8px 6px; color:#383838; text-align:center;}
table.calendar td a{font-weight:bold;}
table.calendar td.calendarHeader{ width: 150px; font-weight: bold; font-size: 1.1em;}
table.calendar td.calendarHeader,
table.calendar td.calendarHeaderLink{border-bottom: 1px solid #e7e7e7; padding: 12px 0; color:#000; background: #f9f9f9;}
table.calendar td.calendarHeaderLink{text-align: center; width: 70px;}
table.calendar tr {height: 43px;}
table.calendar tr.day_names td{ font-weight: bold; color: #000; padding: 8px 0; border-bottom:1px solid #e7e7e7; }

/*table.calendar td.calendarToday*/
table.calendar td.event_scheduled{ color:white; background:#a5cb40; font-weight:bold;}
table.calendar td.calendar, 
table.calendar td.calendarToday,
table.calendar td.blankDay,
table.calendar td.weekend{font-weight: bold; color: #888; background: #f9f9f9; border-bottom: 1px solid #e7e7e7;}
table.calendar td.blankDay{background: #fff;}
table.calendar td.weekend{background: #efefef; color: #888;}
table.calendar td.calendarToday{background: #a5cb40; color: #fff;}

/* 
    Document styling
*/

.docs h3{margin-bottom: 5px;}
.docs h3.parent_category {background: url(/images/category_folder.png) no-repeat; padding: 0 0 10px 50px;}
.docs h4.sub_category {background: url(/images/sub_category_folder.png) no-repeat; font-weight: normal; padding:0 0 0 32px;}
.docs h3.parent_category a,
.docs h4.sub_category a{color: #555;}

#content_main ul.document_list {border-top: 1px solid #E7E7E7;list-style: none; padding: 0; margin-bottom: 40px; }
#content_main ul.document_list li {border-bottom: 1px solid #E7E7E7; background: none; padding: 8px 0;}
#content_main ul.document_list li.pdf 	{padding-left: 25px; background: url(/images/icon_pdf.jpg) no-repeat 0 11px;}
#content_main ul.document_list li.txt 	{padding-left: 25px; background: url(/images/icon_text.jpg) no-repeat 0 11px;}
#content_main ul.document_list li.image {padding-left: 25px; }

#content_main ul.sub_categories li {border: none; background: none; padding: 0;}


.details_document h3{font-weight: normal; margin: 0;}

/* 
    Document styling
*/
h4.forum_bread_crumb{ color: #000; font-size: 1.1em; margin-bottom: 10px;}
h4.forum_bread_crumb span{font-weight: normal;}
#content_main ul.forum_list {border-top: 1px solid #E7E7E7;list-style: none; padding: 0; margin-bottom: 20px; }
#content_main ul.forum_list li {height: 30px; border-bottom: 1px solid #E7E7E7; background: none; padding: 15px 0 10px;}
p.forum{ float: left; font-size: 1.2em; font-weight: normal;}
p.topic_count{ float: right; font-size: 1em;}
p.topic_count strong{ color: #000;}

table#forums { border-top: 2px solid #E7E7E7; width: 100%; font-size: 1.2em;}
table#forums td { border-bottom: 1px solid #E7E7E7; padding: 10px 0 5px;}
/*table#forums td.topic{font-size: 1.1em;}*/
table#forums td.comment_count{background: url(/images/speech_bubble.jpg) no-repeat 0 17px; padding-left: 20px; font-size: 1.1em; font-weight: bold; color: #000;}
table#forums td.last_comment p{text-align: right; font-style: italic; font-size: 0.9em;}
table#forums td.topic_count{ font-size: 0.9em;}
p.topic_title{margin-bottom: 0px;}
table#forums p.posted_on {font-size: 0.8em; font-style: italic; font-weight: normal;}

#topic{width: 100%; border-top: 2px solid #E7E7E7; padding-top: 15px;}
#topic h2{ font-size: 1.2em; margin-bottom: 0;}
#topic p.posted_on {color: #888; font-size: 1em; font-style: italic; font-weight: normal;}
#topic .topic_body{margin: 25px 0 15px;}
#topic .comments{ margin-top: 15px; clear: both;}
#topic .comments h3{color: #000; margin-bottom: 10px;}
#content_main #topic .comments ul{list-style: none; border-top: 1px solid #E7E7E7; margin:0; padding: 0; margin-bottom: 40px;}
#content_main #topic .comments ul li{background: none; list-style: none; border-bottom: 1px solid #E7E7E7; padding: 15px 0;}
#content_main #topic .comments ul li p.posted_on{background: url(/images/speech_bubble.jpg) no-repeat 0 5px; padding-left: 18px;}
#topic .formbox textarea{height: 10em;}