/* 	Last updated: 
	Last updated by: D. Shun-Luoi Fong (dsf [at] shunluoifong [dot] com)
	This file is copyright (c) 2009 Summit Ministries and may not be reproduced without permission
*/
	
body { color: #333; font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Georgia, Helvetica, Arial, sans-serif; font-size: 75%; line-height: 1.5em; }
html>body { font-size: 12px; }

p, ul, ol, dl, table, address, blockquote, fieldset, pre, form div, br { font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; margin-top: 0; }
br { margin: 0; }

a { border-bottom: 1px dashed #8c0e03; color: #8c0e03; text-decoration: none; }
a:hover, a:active, a:focus { color: #f00; border-bottom: 1px dashed #f00; }

h2, h3 h4, h5, h6 { margin: 1.5em 10px 0 10px; }
h1 { font-size: 1em; /* 12px */  line-height: 1.5em;  /* 18px */ }
h1 span { color: #7c9f10; }

h2 { font-size: 1.1667em; text-transform: uppercase; /* 18px */ }
h3 { font-size: 1.5em;     /* 18px */ }
h4 { font-size: 1.1667em; /* 14px */ }
h5 { font-size: 1em; /* 12px */  }
h6 { font-size: 0.8333em;  /* 10px */ line-height: 1.8em; }

#main h4 { text-align: center; background-color: #ddd; padding: 0.75em 0; margin: 0.75em 0; }
#main blockquote, #main p { margin-right: 15px; }
#main blockquote { margin: 1.5em 40px; background-color: #eeedee; padding: 1.5em 20px 0.75em 20px; }

cite { display: block; font-size: 1.5em; line-height: 1em; margin-bottom: 1em; margin-top: 1em; }

ol li { list-style-type: decimal; margin-left: 30px; }
#tabber #tabber-content ul li { list-style-type: disc; }
#content #tabber-content ul.no-bullet-list, #content #tabber-content ul.no-bullet-list li { list-style-type: none; margin-left: 0; }

label { font-weight: bold; }
body #main label.error { color: #f00; }
dd { font-size: 1em; }
dt span, span.asterisk { color: #f00; }
input, textarea { margin-bottom: 1.5em; }

/* 	Last updated: 
	Last updated by: D. Shun-Luoi Fong (dsf [at] shunluoifong [dot] com)
	This file is copyright (c) 2009 Summit Ministries and may not be reproduced without permission
*/

/* basic styles to use throughout the site */
br.clear-float { clear:both; display:block; height: 1.4167em; margin: 0; } /* Use this br class to clear your floated columns */
img.float-left-image { float: left; margin: 0 10px 10px 0; }
hr { margin-left: 0px; margin-right: 10px; }
/* =body */
body { background: #666 url(/images/global/bg/bg.jpg) repeat-x top left; text-align: center; }

/* =body-wrapper, =content, =column */
/* #body-wrapper specifies full 960px width; left/right 10px margin space is taken by 6px border in #body-wrapper and 4px margins in #content */
#body-wrapper { background: #fff; border: 6px solid #000; margin: 10px auto 0 auto; padding: 0; position: relative; width: 948px; }
.ie8 #body-wrapper { margin-top:-8px; }

#content { margin: 0px 0px 10px 0px; text-align: left; }
.column { position: relative; float: left; }

/* single-column default layout */
#main-content {margin: 0 9px 1.5em 10px; width:928px;}
.body-text {padding:10px 20px 10px 10px;}

/* 2-column default layout */
#main { border-right: 1px solid #aaa; margin: 0 9px 1.5em 10px; /* left margin is in #content */ width: 700px; }
.ie6 #main { margin-left:5px; margin-right:0px}
#sidebar-a { margin: 0 7px; /* right margin is in #content */ width: 211px; }
.ie6 #sidebar-a { margin: 0px 0px 0px 15px }

/* 3-column default layout */
/*#main { padding: 0 20px; width: 100%; background: #ca310b; }
#sidebar-a { width: 180px; padding: 0 10px; right: 240px; margin-left: -100%; background: #f00; }
#sidebar-b { width: 130px; padding: 0 10px; margin-right: -100%; background: #aaa; }*/
/*** IE Fix ***/
/** html #sidebar-a { left: 150px; /* full width of sidebar-b  } */

/* =masthead, =logo, =nav-main, =nav-sub */
/* and all that lies within */
#masthead { position: relative; width: 948px; height: 145px; background: #000 url(/images/global/bg/mt_back.jpg) no-repeat top right; border-bottom: 3px solid #ffcb05; }

#logo { float: left; width: 104px; height: 102px; margin-left: 20px; overflow: hidden; }
/* #logo a { background: #000 url(/images/global/summit_logo.jpg) no-repeat top left; border: none; display: block; height: 102px; overflow: hidden; text-decoration: none; text-indent: -9999px;  width: 104px; } */
#logo a { display: block; width: 104px; height: 102px; }
#logo a:hover { /*background-position: top right; */}

#nav-main { background: #333; clear: left; height: 2em; list-style-type: none; margin: 0; padding: 0; position: relative; width: 948px; /* fills 960px width minus 6px borders in #body-wrapper */ }
#nav-main li { background: #777; border-top: 1px solid #696969; border-right: 1px solid #333; float: left; position: relative; width: 140px; }
#nav-main li a { border-bottom: 1px solid #474747; color: #fff; display: block; font-weight: bold; height: 23px; padding-top: 6px;  }
#nav-main li a:hover { background: #000; color: #ffcb05; border-bottom: 1px solid #000; }
#nav-main li.nav-on { background: #000; }
#nav-main li.nav-on a { border-bottom: 1px solid #000; color: #ffcb05; }
/* li#nav-main-home, li#nav-main-store { width: 106px; }
li#nav-main-institute { width: 125px; }
li#nav-main-blogs { width: 102px; }
li#nav-main-support-us { width: 127px; border-right: none; } */
li#nav-main-home, li#nav-main-store { width: 122px; }
li#nav-main-institute { width: 140px; }
li#nav-main-blogs { width: 117px; }
li#nav-main-support-us { width: 142px; border-right: none; }

.nav-sub { text-transform: uppercase; }
.nav-sub li, .nav-sub li ul li.sub-level-1 { }
.nav-sub li.last { margin: 0; padding: 0; }
.nav-sub li a { display: block; border-left: 5px solid #dedede; border-bottom: 1px dashed #aaa; padding: 5px 0 5px 10px; margin: 0; }
.nav-sub li a:hover, .nav-sub li.here>a, .nav-sub li a.here, .nav-sub li.parent-here>a { background-color: #cbcbcb; border-left: 5px solid #f8d85d; color: #f00; }
.nav-sub li.here a, .nav-sub li ul li.here a, .nav-sub li ul li.here a:hover, .nav-sub li.parent-here a { color: #000; font-weight: bold; }
.nav-sub li.here ul li a, .nav-sub li.parent-here ul li a { color: #8c0e03; font-weight: normal; }
.nav-sub li ul li a:hover { color: #f00; }
.nav-sub li ul li a { padding-left: 30px; color: #8c0e03; }

.nav-local { margin: 10px 180px 10px 0px; text-align: right; display: block; border: none; }
.nav-local { margin-right: 24px; border-bottom: 1px solid #aaa; padding-bottom: 0.5em; }
.nav-local li { display: inline; }
.nav-local li a { font: 1em Georgia, serif; border-bottom: none; padding: 5px; }
.nav-local li a:hover { background: #ddd; }
	
/* =footer, =nav-footer */
#footer { clear: both; position: relative; border-top: 1px solid #000; margin: 20px auto 10px auto; }
#footer a:hover { border-bottom: 1px dashed #f00; color: #f00; }

#nav-footer { background: #ffcb05; border-bottom: 1px solid #000; display: block; margin: 0 auto; padding: 10px 0; }
#nav-footer li { display: inline;  margin-left: 4px; }
#nav-footer li a { color: #000; border-bottom: 1px dashed #000; }

#footer-support { display: block; padding: 20px; color: #999; text-align: right; margin-right: 20px; }
#footer-support li { display: inline; margin-left: 15px; }
#footer-support li a { color: #999; border-bottom: 1px dashed #999; }
#footer-support li#copyright { display: block; float: left; }

/* =utility-bar */
#utility-bar { position: absolute; width: 794px; top: 15px; right: 14px; }

#utility-nav { float: right; margin: 0 8px 10px 0; }
#utility-nav li { float: right; border-right: 1px solid #666; color: #cdcdcd; font-size: 0.9em; }
#utility-nav li a { color: #cdcdcd; border-bottom: none; padding: 0 10px; }
#utility-nav li a:hover, #utility-nav li.utility-on a { background: transparent; color: #ffcb05; }
#utility-nav li#utility-nav-help { border-right: none; }
#utility-nav li#utility-nav-donate a { padding-right: 2px; }
#utility-nav li#utility-nav-cart { margin-left: 10px; background: transparent url(/images/global/shopping_cart.png) no-repeat top left; }
#utility-nav li#utility-nav-cart a { padding-left: 28px; }
#utility-nav li#utility-nav-greeting { border-right: none; }
#utility-nav li#utility-nav-greeting a { padding-right: 0; color: #f00; }

#utility-nav li#utility-nav-logout form input { color: #cdcdcd; font-weight: normal; font-size: 100%; border: none; padding: 0 6px; margin: 0; background-color: transparent; cursor: pointer; }
#utility-nav li#utility-nav-logout form input:hover { color: #ffcb05; }

/* =search, =store-search */
div#search { position: relative; clear: right; float: right; text-align: right; margin-top: 0; margin-right: 10px; padding-top: 10px; padding-left: 15.5em; border-top: 1px solid #434343; width: 8em; }
div#search form { margin-left:-208px; width: 300px;}
/* #search>#search-form, #search #cse-search-box { margin-right: 0; text-align: right; border: 1px solid #f00; } */
#search input#search-box, input#store-search { height: 16px; line-height: 16px; font-size: 11px; background-color: transparent; border: 1px solid #787878; padding: 1px 0 0 6px; color: #eeedee; margin: 0; margin-bottom:1px}
input#store-search { margin-left: 10px; margin-top: 12px; color: #000; }

#search input#search-go, input.store-search-go { background-color: transparent; border: 1px solid #787878; font-size: 12px; padding: 0px 3px 2px 3px; color: #eeedee; margin: 0px; cursor: pointer; }
.safari #search input#search-go { padding-top:1px }
.chrome #search input#search-go { padding-top:1px }
.ie7 #search input#search-go { padding:1px 3px 1px 3px}
.ie8 #search input#search-go { padding:2px 5px 2px 5px}
.opera #search input#search-go { padding:2px 5px 2px 5px}

input.store-search-go { border-color: #787878; color: #010101; }
#search input#search-go:hover { border-color: #ffcb05; color: #ffcb05; }
input.store-search-go:hover { border-color: #f00; color: #f00; }
/* #search-box, #search-go { vertical-align: bottom; } */

.store-search-advanced { display: block; font-size: 0.9em; margin: 5px 10px 20px 10px; background: transparent; padding: 2px; }
.store-search-advanced:hover { background-color: #aaa; }

/* =box =sidebar-box */
.box { margin-bottom: 1.5em; margin-left: 0px; margin-right: 24px; /*padding-bottom: 1.5em; */}
.box p, .box span { margin-left: 10px; margin-right: 10px; }
.box h3, .box h4, .header-box { background: #0d0d0d; color: #ffcb05; line-height: 2em; margin-bottom: 1.5em; text-align: center; }
.sidebar-box { background: #dedede; border: 1px solid #aaa; margin-left: 0; margin-right: 0; }
.sidebar-box h5 { text-align: center; background-color: #ccc; margin: 0 10px; }
.box h4, .header-box { font-size: 1em; margin: 0; margin-bottom: 1.5em; }

/* =tabber */
#tabber { border-bottom: 1px solid #aaa; margin-right: 10px; padding-bottom: 20px; position: relative; }
#tabber>ul { list-style-type: none; padding-left: 0; }
#tabber>ul li { float: left; border: 1px solid #ccc; border-bottom: none; margin-right: 3px; }
#tabber>ul li a { text-decoration: none; display: block; background: #999; padding: 5px 7px 7px 7px; color: #000; text-align: center; border-bottom: 0; }
#tabber>ul li a:hover { color: #ffcb05; background-color: #444; }
#tabber>ul li.tabber-on { border-color: #cdcdcd; background-color: #0d0d0d; }
#tabber>ul li.tabber-on a { color: #ffcb05; background-color: #0d0d0d;  }

#tabber #tabber-content { border: 1px solid #454545; border-top: 5px solid #000; float: left; min-height: 400px; overflow: auto; padding: 1.5em 10px; width: 654px; }

#tabber #tabber-content ul { list-style-type: disc; margin-left: 30px; }
	
#tabber:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; }
#tabber {display: inline-block;}
/* Hides from IE-mac \*/
* html #tabber {height: 1%;}
#tabber {display: block;}
/* End hide from IE-mac */
#tabber img { float: left; margin: 5px 10px 10px 0;}
#tabber h3, #tabber h4, #tabber h5, #tabber h6 { margin: 0 0 1em 0; }

/* =video */
body .sm-video { display: none; margin: 0 auto 1.5em auto; text-align: center; }

/* =calendar-list */
.calendar-list { margin: 10px; padding-bottom: 10px; border-bottom: 1px solid #aaa; }
.calendar-list h4 { background-color: #333; padding: 3px; color: #ffcb05; text-align: left; padding-left: 8px; font-size: 1em; }
.calendar-list-box ul { margin-bottom: 5px; }
.calendar-list-box ul li { text-align: right; }
.calendar-list-box ul li a { display: block; padding: 4px; padding-right: 10px; border: none; }
.calendar-list-box ul li a:hover { background-color: #cbcbcb; }
.calendar-list-box ul li a span { float: left; margin-left: 5px; }
.calendar-list .calendar-list-divider { border-bottom: 1px solid #aaa; }

/* sm-flickr; sm-horizontal */
.flickr_badge { position: relative; margin: 0 10px 10px 0; }
.flickr_badge a { text-decoration: none; border-bottom: none; }
.flickr_badge .flickr_badge_image { position: relative; margin: 0 auto; }
.flickr_badge .flickr_badge_image img, .sm-flickr .flickr_badge_image img { padding: 5px; border: 1px solid #aaa; margin: 0 auto; }
.flickr_badge .flickr_badge_image img:hover, .sm-flickr .flickr_badge_image img:hover { border: 1px solid #f00; }
.sm-flickr .flickr_badge_image img { float: left; margin: 10px 8px; height: 100px; width: auto; }

/* =contact-wrapper */
#contact-wrapper { border: 1px solid #aaa; margin: 0 auto; width: 638px; }
#contact-wrapper h3, #contact-wrapper h4, #contact-wrapper p, #contact-wrapper form { margin: 1.5em 10px; }

.main-conf-link:hover {
	border:solid 2px #999;
	margin-bottom:-2px;
	margin-top:-2px;
}
.main-conf-graphics {
	margin-bottom:15px;
}

.main-conf-graphics:hover {
	border:solid 3px #999;
	margin:-3px;
	margin-bottom:12px;
}
.main-inst-graphics:hover {
	outline:solid 3px #999;
}
.main-conf-text:hover {
	text-decoration:underline;
}
.main-curr-graphics:hover {
	border:solid 3px #999;
	margin:-3px;
}
.main-resrc-graphics:hover {
	outline:solid 3px #999;
}
.home-social {
	margin-left:2px;
}
.home-social a:link, .home-social a:visited {
	text-decoration:none;
	border:none;
}
.home-social img:hover {
	border:1px solid #000;
	margin: -11px -5px -1px 1px;
}
.home-social-icons {
	margin: -10px -4px 0px 2px;
}

.link-no-underline a:link, .link-no-underline a:visited {
	text-decoration:none;
	border:none;
	vertical-align:bottom;
}