* { padding:0; margin:0; outline:none; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { background:#f2f2f0 ; font:13px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; line-height:22px; color:#36353f; font-weight:500; }

/* Headings */
h1 { font:normal 26px Georgia,"Times New Roman",serif; color:#3c74a6; line-height:32px; margin-bottom: 20px; }
h2 { font:normal 22px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;  color:#9fa24b; line-height:26px; margin-bottom: 15px; }
h3 { font:normal 18px Georgia,"Times New Roman",serif; line-height:28px; margin-bottom: 5px; }
h4 { font:normal 12px Georgia,"Times New Roman",serif; color:#101f2d; line-height:12px; font-weight:bold; }
h5 { font:normal 10px Georgia,"Times New Roman",serif; color:#101f2d; line-height:14px; }

#content {padding-left: 15px;padding-right: 15px; width:590px;}
/* Forms */
#content input, #light_body input, #content select, #content textarea, #light_body select, .formelement textarea { margin-left:200px; color:#3c74a6; width:172px; font:13px Helvetica,Verdana,Arial,sans-serif; border:1px solid #a9c2d9; padding:3px; margin-bottom:5px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#content input[type=checkbox] { width: auto; border: none; }
#content select, #light_body select { width:181px; }
#content legend, #light_body legend { padding-bottom:10px; }
#content label, #light_body label { margin-left:5px; width:200px; position:absolute; color:#666; margin-top:5px; }
.hfmfb { display: none; }
#HolidayCardDefaultMessage { margin-top:10px; } /* Checkbox */
.formelement textarea { width: 181px; max-width: 300px; max-height: 300px; }
#contacts_checkboxes td { border: none; }
#no_contacts { margin-left: 200px; }
.required { color:#A70328; }
#PaymentExpirationYear { margin-left: 0px; }
.anchor, .anchor:hover  { text-decoration: none; color: #000000; cursor: auto; }

/* Links */
a, #add_contact_link { color:#3c74a6; cursor:pointer;  }
a:hover, #add_contact_link:hover { color:#3c74a6; }

/* Header */
hr { border-color:#666; margin-bottom:10px; }
#header { background:url('/img/nav_bg_clouds2.png') repeat-x; height:161px; padding-top:4px; }
#headerguys { display:block; width:225px; height:121px; position: absolute; top:6px; left:50%;  margin-left:30px;  }
#logo { display:block; margin:38px 0 0 -490px; }

/* Navigation */
#navigation { z-index:25; position:absolute; left:50%; top:129px; margin-left:-480px; display:block; padding-top:5px; width: 960px; height: 36px; background:url('/img/navigation_background.png') no-repeat; }
.nav { float:left; list-style:none;}
.nav a { display:block; }
.nav li a { text-align:left; font:18px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; color:#fff; text-decoration:none; }
.nav li ul a { margin-left:-20px; margin-top:-1px; border: 1px solid #a0a74e; height:auto; width:170px;
-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; color:#fff; padding:3px 4px; text-decoration:none; background:#b3ba58; }
.nav li ul a:hover { text-decoration:none; background-color: #c5d064; }
.nav li { float:left; width:auto; } /* Opera may need an em or px */
.nav li ul  { background-image:none; position:absolute; width:178px; left:-999em; padding:2px 2px 3px; margin-top:0; padding-top:6px;  }
.nav li ul li { width:178px; margin-left:-10px; }
.nav li ul li ul { margin-left:175px; margin-top:-17px; }
.nav li:hover > ul { left: auto; }
.nav .sfhover { left:auto; } /* split for IE6 */
.nav li:hover {  position: static; } /* needed for IE7 */

/* Main Content */
#main { margin-top:50px; margin-bottom:20px; }
#main a {color: #4972c3; }
.sub_head { font:normal 22px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;  color:#9fa24b; line-height:26px; margin-bottom: 15px; }
.intro { line-height:16px; margin-bottom: 10px; }
table { width: 100%; }
th, td {padding: 3px 6px; border-bottom: 1px solid #999; font-size: smaller; vertical-align:middle; height:30px;}
th { background-color:#c5d064; color:#f2f2f0; text-align:left; font-size:small;}

/* Tabs */
#tabs { height:25px; background-color:#3c74a6; width:100%; margin-bottom:0; padding:0; padding-top:5px;}
#tabs ul { list-style:none; margin-bottom:10px; width:100%; }
#tabs li { display:inline; margin-left: 10px; margin-right: 10px; }
#tabs a { text-decoration:none; color:#ccc;   }
.tabContent { padding:2px 10px; }
.tabContent img { margin: 3px; height: 75px; }
#tabs a:hover, #tabHeaderActive a, .required, a.active, #tabs a:hover, #tabHeaderActive a { color:#fff; }

/* Banners */
#largedonatebutton { display:block; position: absolute; top:70px; left:50%;  margin-left:230px; z-index:30;  }
#navigationlinks { display:block; position: absolute; top:133px; left:50%;  margin-left:370px; z-index:30; width:80px; }
#contentsplash { margin:0; margin-bottom:-5px; }
#splashtopbanners { height: 160px; }

/* Donate Banner */
.smalldonatebutton { position:absolute; margin-top:-16px; margin-left:220px; z-index:2; }
.makedonationbanner { position:relative; z-index:1; } 

/* Login Form */
/* Login form for sidebar */
#side_memberloginform { padding: 10px 10px; color:#fff; height:126px; background:url('/img/member_login_banner_blank-large.png') no-repeat; margin-bottom: 10px;}
#side_memberloginform label { color:#a9c2d9; position:relative; }
#side_memberloginform h3 { color:#a9c2d9; line-height:15px; }
#side_memberloginform .input.text, #side_memberloginform .input.password { padding-left: 0; }
#side_memberloginform input[type="password"], #side_memberloginform input[type="text"] { top: 10px; color:#3c74a6; font:14px Helvetica,Verdana,Arial,sans-serif; font-weight:bold; border:1px solid #a9c2d9; padding:3px; }
#side_memberloginform input[type="submit"] { position: relative; right:50px; cursor:pointer; font:16px Helvetica,Verdana,Arial,sans-serif; color:#fff; width:45px; height:24px; border:none; background: transparent url('/img/submit_button_background.png') no-repeat center top; }
#side_memberloginform a { color:#fff; font-size:10px; }
#side_memberloginform .submit { margin-top:-21px; width:5px; height:24px; float: right;}
#side_memberloginform #loginlinks { position: relative; text-align:right; padding-right: 5px; top: -77px; width: 85px; float: right; }

/* Login form for splash */
#memberloginform { padding: 10px 30px; color:#fff; height:126px; background:url('/img/member_login_banner_blank.png') no-repeat; }
#memberloginform label { color:#a9c2d9; position:relative; }
#memberloginform h3 { color:#a9c2d9; margin-top:-5px; line-height:15px; }
memberloginform .input.text, memberloginform .input.password { padding-left: 5px; }
#memberloginform input[type="password"], #memberloginform input[type="text"] { top: 10px; color:#3c74a6; font:14px Helvetica,Verdana,Arial,sans-serif; font-weight:bold; border:1px solid #a9c2d9; padding:3px; }
#memberloginform input[type="submit"] { margin-left:-30px; cursor:pointer; font:16px Helvetica,Verdana,Arial,sans-serif; color:#fff; width:45px; height:24px; border:none; background: transparent url('/img/submit_button_background.png') no-repeat center top; }
#memberloginform a { color:#fff; font-size:10px; }
#memberloginform .submit { margin-top:10px; width:5px; height:24px; left: 5px;}

/* Loggedin menu splash and sidebar  */
#memberloggedinmenu { height:136px; background:url('/img/member_login_banner_blank.png') no-repeat; padding-left:35px; padding-top:10px; }
#memberloggedinmenu h3 { color:#fff; font-size:20px; }
#memberloggedinmenu a { color:#fff; }
#loginlinks { text-align:left; padding-left: 5px;  }
#memberloginform .submit { float:right; }
#content input.submitbuttonright, #light_body input.submitbuttonright { background-color:#3c74a6; color:#fff; width:100px; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border:none; }
#sidebar #memberloggedinmenu { margin-bottom: 15px; background:url('/img/member_login_banner_blank-large.png') no-repeat; }

/* User Management */
#passwordchange { width:500px; } 

/* Footer */
#footer { margin-top:30px; padding-top:20px; padding-bottom:20px; background:#c5d064; color:#101f2d; width:100%; font:normal 14px georgia,garamond,arial,sans-serif; line-height:20px;  }
.footercontent { margin-left:15px; }
.footertwocolumn { width:430px; }
#footer a { color:#666; }
#ftleft img { margin-bottom:15px; }
#ftright h3 { font-size:18px; margin-bottom: 3px; color:#36353f; }
.recentNewsItem p { font:normal 11px Georgia,"Bitstream Vera Serif","Times New Roman",serif; line-height: 16px; color:#36353f; }
span.date { font:italic 10px helvetica, arial,sans-serif; color:#fff;}
.recentNewsItem h4 { margin:4px 0; font:normal 13px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; }
#copyright { margin:5px; padding-top:20px; color:#3c74a6; font-size:10px; }

/* Contacts Forms */
.add_edit_contact { position: absolute; width: 400px; height: 250px; top: 50%; left:50%; margin:-125px 0 0 -200px; z-index: 999; border: 4px solid #9fa24b; background-color: #f2f2f0; padding: 10px; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.add_edit_contact div.contact_buttons { margin-right: 20px; }
#content .add_edit_contact div.contact_buttons input[type=submit], .add_edit_contact .contact_buttons #btn_cancel { position: relative; float: right; margin-top: 5px; width: 70px; }
.add_edit_contact .contact_buttons #btn_cancel { margin-left: 1px; margin-right:15px; }
.add_edit_contact input[type=submit] { margin-left: 70px; }
.edit_delete_contact { cursor: pointer; font-size: 10px; }

/* Donations */
fieldset { border: 1px solid #9c9d93; padding: 20px;-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; }
legend { font-size: 14px; font-weight: bold; padding-left: 5px; padding-right: 5px; }	/* Main title of the fieldset */
.donorType { width: 15px; margin-left: 190px; }
#donate_or { text-align: center; margin: 10px; font-weight: bold; }

/* Flash and error messages */
#flashmsg{ position: absolute; left: 50%; top: 40%; width: 300px; vertical-align: top; text-align: left; background: #FFFFFF; color: #3c74a6; font: bold 14px helvetica, arial; border: 4px solid #9fa24b; padding: 20px; margin-left: -150px; z-index: 99999; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.error-message { color:red; margin-left:200px; display:block; margin-bottom:10px; margin-top:4px; font-size:12px; }

/* Cards */
.templates { margin-right: 100px; }
.card_link, .card_link a { font-size:11px; text-decoration: none; color: #3c74a6; font-weight: bold; cursor: pointer; }
.card_message { font-size: 16px; margin-top: 200px; margin-left: 50px; margin-right: 50px; }
.card_signature { font-size: 16px; font-style: italic; margin-top: 275px; float:right;  margin-right:40px; }

/* TinyMCE Alignment Styles */
.align_left { float: left; margin-right: 10px; }
.align_right { float: right; margin-left: 10px; }
.align_bottom { vertical-align: bottom; margin-top: 10px; }
.align_top { vertical-align: top; margin-bottom: 10px; }
.align_middle { vertical-align: middle; margin: 10px; }
.align_baseline { vertical-align: baseline; margin: 10px; }
.align_text_bottom { vertical-align: text-bottom; margin-top: 10px; }
.align_text_top { vertical-align: text-top; margin-bottom: 10px; }

/* TinyMCE Border Styles */
.no_border { border: none; }
.thin_border { border: 1px solid #000000; }
.medium_border { border: 3px solid #000000; }
.thick_border { border: 5px solid #000000; }

/* Splash Blurb */
#splash_quote { font-size: 12px; }
#splash_intro { font-weight: bold; }
#splash_conclusion { font-weight: bold; font-size: 14px; }

/* Newsletters */
#newsletters td { border: none; padding: 30px; text-align: center; }
#newsletters td div { font-weight: bold; }

/* Donation Statistics Thermometer */
#thermometer { float: left; }

/* On the Slopes */
#ski_registration input[type=radio], #ski_registration input[type=checkbox] { margin-left: 0px; width: 30px; margin-left: 30px; margin-right: 10px; }
#ski_registration .guest_info label, .radio_label { position: static; }
#ski_registration #ski_guest_info label, #ski_registration #registration_info label { position: absolute; }
#early_bird { font-weight: bold; margin: 10px 0 0 0; }

#ski_banner { margin-bottom: 35px; }
#ski_banner p{ font-size: 16px; color: #488aa3; text-align: center; }
#ski_banner a{ text-decoration: none; }
#ski_banner img{ margin-bottom: 10px; }


/* On the Run */
#ontherun_registration input[type=file] { font-size: 12px; }
#ontherun_profile #left_column { font-size: 12px; float: left; }
#ontherun_profile #left_column #sponsor_me { background: url('/img/sponsor_me_background.png'); width: 150px; height: 174px; margin-bottom: 20px; }
#ontherun_profile #left_column #sponsor_me img { width: 131px; height: 117px; margin: 10px; }
#ontherun_profile #left_column #sponsor_link { text-decoration: none; }
#ontherun_profile #left_column #thermometer { margin-top: 20px; margin-bottom: 20px; }
#ontherun_profile #right_column { float: right; width: 400px; }
#ontherun_profile #right_column #donation_table_header { font-weight: bold; margin-top: 20px; margin-bottom: 10px; }
#ontherun_profile #right_column table td { width: 200px; }

img.event { margin-right: 30px; }



/* LIGHTWINDOW */

#lightwindow_overlay {
/* REQUIRED */
display: none;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100px;
z-index: 700;
/* REQUIRED */
}

#lightwindow {
/* REQUIRED */
/* Of Note - The height and width of this element are set to 0px */
display: none;
visibility: hidden;
position: absolute;
z-index: 999;
line-height: 0px;

/* REQUIRED */
}

.lightwindow{ font-size:11px;
color:#666; }

#lightwindow_container {
/* REQUIRED */
display: none;
visibility: hidden;
position: absolute;
/* REQUIRED */
padding: 0 0 0 0;
margin: 0 0 0 0;
}

/* IE6 needs this or it messes with our positioning */
* html #lightwindow_container {
overflow: hidden;
}

#lightwindow_contents {
overflow: hidden;
margin-bottom:4px;
z-index: 0;
position: relative;
padding: 10px;
background-color: #ffffff;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
}

#lightwindow_loading {
/* REQUIRED */
height: 100%;
width: 100%;
top: 0px;
left: 0px;
z-index: 9999;
position: absolute;
/* REQUIRED */
background-color: #ffffff;
padding: 10px;
}

#lightwindow_loading_shim {
display: none;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
}

#lightwindow_loading span {
font-size: 12px;
line-height: 32px;
color: #444444;
float: left;
padding: 0 10px 0 0;
}

#lightwindow_loading span a,
#lightwindow_loading span a:link,
#lightwindow_loading span a:visited {
color: #09F;
text-decoration: none;
cursor: pointer;
}

#lightwindow_loading span a:hover,
#lightwindow_loading span a:active {
text-decoration: underline;
}


#lightwindow_loading img {
float: left;
margin: 0 10px 0 0;
}


/*-----------------------------------------------------------------------------------------------
I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
/* REQUIRED */
position: absolute;
top: 0px;
left: 0px;
display: none;
/* REQUIRED */
}
/* We need to shim the navigation for IE, though its more of a sub-floor */
#lightwindow_navigation_shim {
/* REQUIRED */
display: none;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
/* REQUIRED */
}

#lightwindow_navigation a,
#lightwindow_navigation a:link,
#lightwindow_navigation a:visited,
#lightwindow_navigation a:hover,
#lightwindow_navigation a:active {
/* REQUIRED */
outline: none;
/* REQUIRED */
}

#lightwindow_previous,
#lightwindow_next {
width: 49%;
height: 100%;
background: transparent url(/img/lightwindow/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
filter:alpha(opacity=95);
-moz-opacity:.95;
opacity:.95;
}

#lightwindow_previous {
float: left;
left: 0px;
}

#lightwindow_next {
float: right;
right: 0px;
}

#lightwindow_previous:hover,
#lightwindow_previous:active {
background: url(/img/lightwindow/prevlabel.gif) left 15% no-repeat;
}

#lightwindow_next:hover,
#lightwindow_next:active {
background: url(/img/lightwindow/nextlabel.gif) right 15% no-repeat;
}

#lightwindow_previous_title,
#lightwindow_next_title {
display: none;
}

#lightwindow_galleries {
width: 100%;
position: absolute;
z-index: 50;
display: none;
overflow: hidden;
margin: 0 0 0 10px;
bottom: 0px;
left: 0px;
}

#lightwindow_galleries_tab_container {
width: 100%;
height: 0px;
overflow: hidden;
}

a#lightwindow_galleries_tab,
a:link#lightwindow_galleries_tab,
a:visited#lightwindow_galleries_tab {
display: block;
height: 20px;
width: 77px;
float: right;
line-height: 22px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
cursor: pointer;
font-size: 11px;
color: #ffffbe;
background: url(/img/lightwindow/black-70.png) repeat 0 0 transparent;
}

* html a#lightwindow_galleries_tab,
* html a:link#lightwindow_galleries_tab,
* html a:visited#lightwindow_galleries_tab {
background: none;
background-color: #000000;
opacity: .95;
filter: alpha(opacity=95);
}

a:hover#lightwindow_galleries_tab,
a:active#lightwindow_galleries_tab {
color: #ffffbe;

}

#lightwindow_galleries_tab_span {
display: block;
height: 20px;
width: 63px;
padding: 0 7px 0 7px;
}

#lightwindow_galleries_tab .up	{
background: url(/img/lightwindow/arrow-up.gif) no-repeat 60px 5px transparent;
}

#lightwindow_galleries_tab .down {
background: url(/img/lightwindow/arrow-down.gif) no-repeat 60px 6px transparent;
}

#lightwindow_galleries_list {
background: url(/img/lightwindow/black-70.png) repeat 0 0 transparent;
overflow: hidden;
height: 0px;
}

* html #lightwindow_galleries_list {
background: none;
background-color: #000000;
opacity: .95;
filter: alpha(opacity=95);
}

.lightwindow_galleries_list {
width: 200px;
float: left;
margin: 0 0 10px 0;
padding: 10px;
}

.lightwindow_galleries_list h1 {
color: #09F;
text-decoration: none;
font-weight: bold;
cursor: pointer;
padding: 10px 0 5px 0;
font-size: 16px;
}

.lightwindow_galleries_list li {
margin: 5px 0 5px 0;
list-style-type: none;
}

.lightwindow_galleries_list a,
.lightwindow_galleries_list a:link,
.lightwindow_galleries_list a:visited {
display: block;
line-height: 22px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
cursor: pointer;
padding: 0 0 0 10px;
font-size: 11px;
}

.lightwindow_galleries_list a:hover,
.lightwindow_galleries_list a:active {
background: #000000;
color: #ffffbe;
border-left: 3px solid #ffffbe;
padding: 0 0 0 7px;
}

#lightwindow_data {
/* REQUIRED */
position: absolute;
/* REQUIRED */
}

#lightwindow_data_slide {
/* REQUIRED */
position: relative;
/* REQUIRED */
}

#lightwindow_data_slide_inner {
background-color: #ffffff;
padding: 10px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;

}

#lightwindow_data_caption {
padding: 10px 0 0 0;
color: #666666;
line-height: 25px;
background-color: #ffffff;
clear: both;
}

#lightwindow_data_details {
background-color: #f0f0f0;
padding: 0 10px 0 10px;
height: 20px;
}

#lightwindow_data_author_container {
width: 40%;
text-align: right;
color: #666666;
font-style: italic;
font-size: 10px;
line-height: 20px;
float: right;
overflow: hidden;
}

#lightwindow_data_gallery_container {
font-size: 10px;
width: 40%;
text-align: left;
color: #666666;
line-height: 20px;
float: left;
overflow: hidden;
}

#lightwindow_title_bar {
height: 25px;
width:104%;
overflow: hidden;
filter:alpha(opacity=95);
-moz-opacity:.95;
opacity:.95;
}

#lightwindow_title_bar_title {
color: #ffffbe;
font-size: 14px;
line-height: 25px;
text-align: left;
float: left;
}

a#lightwindow_title_bar_close_link,
a:link#lightwindow_title_bar_close_link,
a:visited#lightwindow_title_bar_close_link {
float: right;
text-align: right;
cursor: pointer;
color: #ffffbe;
line-height: 25px;
padding-right: 21px;
margin: 0;
}

a:hover#lightwindow_title_bar_close_link,
a:active#lightwindow_title_bar_close_link {
color: #ffffff;
}

/*-----------------------------------------------------------------------------------------------
Theme styling stuff
-----------------------------------------------------------------------------------------------*/

#lightwindow p {
color: #000000;
padding-right: 10px;
}eft;
float: left;
}

a#lightwindow_title_bar_close_link,
a:link#lightwindow_title_bar_close_link,
a:visited#lightwindow_title_bar_close_link {
float: right;
text-align: right;
cursor: pointer;
color: #ffffbe;
line-height: 25px;
padding-right: 21px;
margin: 0;
}

a:hover#lightwindow_title_bar_close_link,
a:active#lightwindow_title_bar_close_link {
color: #ffffff;
}

/*-----------------------------------------------------------------------------------------------
Theme styling stuff
-----------------------------------------------------------------------------------------------*/

#lightwindow p {
color: #000000;
padding-right: 10px;
}
