/*
blue - 031F73
blue light - 00A9E0
green - 34B233
black - 383636
*/

body { padding: 0; color: #000; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; background: #F7F2EB; }
a, a:link, a:focus, a:active, a:visited { color: #292929; text-decoration: underline; }
a:hover  { color: #00918c; }
h1 { color: #031F73; margin-top: 0; font-size: 2em; font-family: Arial Narrow,Arial,sans-serif; }
h2  { color: #031F73; font-size: 1.6em; font-family: Arial Narrow,Arial,sans-serif; }
h3  { font-size: 1.2em; }
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th { background-color: #34B233 !important; color: #FFF; }
.table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td { background-color: #E8F7FC; }
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: #B9E8F7; }

.container_top_banner_full { background: #F7F2EB; }
#quick_contact { padding: 10px; font-size: 1em; color: #000; }
#quick_phone { padding: 0 10px 0 0; }
#quick_address { padding: 0 10px; }
#quick_contact a,#quick_contact a:link,#quick_contact a:focus,#quick_contact a:active,#quick_contact a:visited { color: #000; padding: 0 10px; }
#quick_contact a:hover { color: #00918c; }
#quick_social { text-align: right; padding-top: 10px; }
#quick_social i { color: #031F73; }


.container_header_full { margin: 0 auto; width: 100%; padding: 0; background: #FFF; }
#logo { padding: 0; margin-top: 15px; width: 350px; } 


@media all and (min-width: 0px) and (max-width: 768px) {
	#logo { float: none; margin: 20px auto; width: 90%; }
	.nav > li > a { padding: 10px 15px; }
	.nav-justified > li > a { padding: 10px; text-align: center; }
	.navbar { margin-top: 20px; }
	.carousel-caption { display: none; }
	.container_top_banner_full { display: none; }
	.dropdown-menu { display: none !important; }
	.container_search_full { height: auto; }
	#home_search .form-group, #artist_search .form-group { width: 100% !important; display: block; }
	#home_search .col-lg-6, #artist_search .col-lg-6 { width: 100% !important; display: block; }	
}
.navbar { width: 100%; border-radius: 0; border: none; margin-top: 60px; margin-bottom: 10px; min-height: 35px; background: none; }
.navbar .container { padding: 0; }
.navbar-collapse { padding: 0; }
.nav > li > a { padding: 10px 15px 0 15px; }
.nav-justified > li > a { padding: 10px 0 10px 0; text-align: center; text-decoration: none; border-radius: 0; font-size: 1em; color: #4B1C22; border-radius: 0; letter-spacing: 1px; font-weight: bold; }
.nav-justified > li > a.active, .nav-justified > li > a:hover, .nav-justified > li > a:active , .nav-justified > li > a:focus,
.nav-justified  .open > a, .nav-justified  .open > a:hover, .nav-justified  .open > a:focus { background: none; color: #00918c; }
.nav-justified > li:first-child > a, .nav-justified > li:last-child > a  { border-bottom: 0; }
.nav .caret { border-top-color: #00918c; border-bottom-color: #00918c; }
.navbar .nav li.dropdown > a:hover .caret { border-top-color: #C2C2C2; border-bottom-color: #C2C2C2; } 
.navbar-default .dropdown-menu { background: #FFF; border-radius: 0; padding: 0; margin: 0; }
.navbar-default .dropdown-menu > li { padding: 0; margin: 0; }
.navbar-default .dropdown-menu > li  a { padding: 10px 20px 10px 30px; color: #4B1C22; min-width: 220px; text-decoration: none; border-bottom: 1px solid #C9C9C9; font-size: 1em; }
.navbar-default .dropdown-menu > li  a.active, .dropdown-menu > li  a:hover, .dropdown-menu > li  a:active , .dropdown-menu > li  a:focus { background-color: #FFF; color: #00918c; }
.dropdown:hover .dropdown-menu { display: block; }

.container_slideshow_full { margin: 0 auto; width: 100%; background: #FFF; }
#carousel_container { padding: 0; }
.carousel { margin: 0; } 
.carousel-inner > .item > img { padding: 0; margin: 0;  }
.carousel-control { margin: 0 15px; }
.carousel-control.left, .carousel-control.right { background-image: none; }
.carousel-caption { bottom: 2%; left: 5%; color: #FFF; text-align: center;  }
.carousel-caption h1 { font-size: 35px; padding: 20px 40px; border-radius: 10px; overflow: hidden; margin: 0; background: #031F73; color: #FFF; text-shadow: 2px 2px 2px #1e0f08; }
.caption { font-size: 30px; float: left; margin-left: 40px; padding: 8px 15px; background: #D3C8A3; color: #383636; }
.caption_btn { float: left; padding: 10px 20px;  background: #031F73; }
.caption_btn a, .caption_btn a:link, .caption_btn a:focus, .caption_btn a:active, .caption_btn a:visited { font-size: 16px; margin: 0; color: #FFF; background: #031F73; text-decoration: none; font-weight: normal; }
.caption_btn a:hover  { color: #031F73; }
#myCarousel { margin-bottom: 20px; }
.selected img { opacity: 0.5; }
#slider-thumbs .h5 { margin-bottom: 10px; }
#slider-thumbs img { height: 120px; }

#home_video { margin-top: 40px; }

/* promotions */
.promotions_cell { padding: 0; }
#promotions_content .col-md-4, #promotions_content .col-sm-4 { padding: 0; margin: 0; }
.promotions_cell_photo img { display: block; margin-left: auto; margin-right: auto }
.promotions_cell_photo { position: relative; }
.promotions_cell_title { position: absolute; bottom: 15px; width: 30%; font-size: 1.3em; padding: 0.5em 1em; text-align: left; background: #34B233; color: #FFF; }

.container_content_full { background: #F7F2EB; margin: 0 auto; padding-bottom: 25px; width: 100%;  }
#main_content { background: #F7F2EB; color: #383636; padding-top: 20px; }
#article_photos img { margin: 0 10px 10px 0; vertical-align: top; }
#page_photos  { float: right; margin-top: 40px; }
#page_photos  img {  padding: 0 0 0.5em 0; }
#page_photos  p { font-size: 0.85em; padding: 0.25em 0 0.5em 0; }
.file_list { margin: 0 0 2em 0; }

.home_icons { text-align: center; }
.home_icons img { margin: 0 auto; }

#building_with_us_heading { font-size: 2em; text-align: center; }
.build_process_right { background: #FFF; border:#e9e9e9 1px solid; border-radius: 5px; margin-bottom: 30px; margin-left: 10%; width: 90%; }
.build_process_left { background: #FFF; border:#e9e9e9 1px solid; border-radius: 5px; margin-bottom: 30px; margin-right: 10%; width: 90%; }
.build_process_photo { margin-top: 10px; margin-bottom: 10px; }
.build_process_description { margin-top: 10px; margin-bottom: 10px; }
.build_process_number { position: relative; background: #00A9E0; color: #FFF; font-size: 25px; padding: 15px; text-align: center; line-height: 30px; border:#FFF 1px solid; border-radius: 5px }
.build_process_number span { font-weight: bold; font-size: 55px }
.build_process_right .build_process_number { position: absolute; top: 60px; left: 275px; }
.build_process_left .build_process_number { position: absolute; top: 60px; right: 275px; }
.build_process_right .build_process_description { padding-left: 40px; }
.build_process_left .build_process_description { padding-right: 40px; }

/* news */	
#news_year_nav { padding: 0 0 1em 0; }
.news  { clear: both; margin: 0.5em 0 0.5em 0; padding: 0.25em 0 1em 0; border-bottom: 1px dashed #000; }
#news_date { font-style: italic; padding: 0.5em 0; font-size: 0.85em; }
.sub_menu { margin-top: 20px; }
.sub_menu ul { list-style-type: none !important; margin: 0; padding: 0; }
.sub_menu ul > li { padding: 10px 10px 10px 15px !important; margin: 0; }
.sub_menu ul > li > a { padding: 5px 10px 2px 15px; margin: 0.25em 0; text-align: left; text-decoration: none; border-left: 7px solid #B0B0B0; }
.sub_menu ul > li > a.active, .sub_menu ul > li > a:hover, .sub_menu ul > li > a:active , .sub_menu ul > li > a:focus, 
.sub_menu ul  .open > a, .sub_menu ul  .open > a:hover, .sub_menu ul  .open > a:focus { border-left: 7px solid #000; color: #B0B0B0; }
.sub_menu_year_heading { font-size: 1.2em; font-weight: bold; }
.news_promo_photo { margin-top: 25px; margin-bottom: 20px; }
.news_promo_photo h3 { font-size: 1.4em; display: none; bottom: 10px; width: 80%; padding: 0.75em 1.5em; text-align: center; background: #031F73; color: #FFF; }

#myCarousel { margin-bottom: 20px; }
.selected img { opacity: 0.5; }
#slider-thumbs .h5 { margin-bottom: 10px; }
#slider-thumbs img { height: 120px; }

label.error { font-weight: bold; color: red; padding: 2px 8px; margin-top: 2px; }
.control-label { padding-right: 1em; }
.error_msg { padding: 0.5em 0; color: #B0171F; }
.confirmation_msg { padding: 0.5em 0; color: #325c86; }
#form_intro { padding: 0 0 1em 0; }
#map { width: 452px; height: 602px; border: 1px solid #aaa; margin: 10px 0 20px 0; }
.form-control { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0  }
.btn-primary, .btn-primary:link, .btn-primary:focus, .btn-primary:active, .btn-primary:visited, .btn-primary[disabled] { margin: 0.5em 0; background: #031F73; color: #FFF; border: none; text-decoration: none; }
.btn-primary:hover  { background: #00A9E0; color: #383636; }

.container_footer_full { margin: 0 auto; width: 100%; padding: 10px 0; background: #D4D4D4; }
#footer { font-size: 0.85em; color: #FFF; padding: 5px 0; }
#footer a, #footer a:link, #footer a:focus, #footer a:active, #footer a:visited { color: #FFF; text-decoration: none; font-weight: normal; }
#footer a:hover  { text-decoration: underline; }
#footer_links .table thead > tr > td, #footer_links .table tbody > tr > td, #footer_links .table tfoot > tr > td { background-color: #DBDBDB; }
#footer_links .table-striped > tbody > tr:nth-child(2n+1) > td, #footer_links .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: #EDEDED; }
.container_footer_credits_full { margin: 0 auto; width: 100%; padding: 10px 0; background: #031F73; border-bottom: 5px solid #34B233; }
.registered_charity img { width: 150px; }
#copyright { padding-left: 0; }
#credits { text-align: right; padding-right: 0; }

/* Fade transition for carousel items */
.carousel .item {
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-ms-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
.carousel .carousel-control { visibility: hidden; background-image: none !important; }
.carousel:hover .carousel-control { visibility: visible; }
.carousel .active.left, .carousel .active.right {
left:0;
opacity:0;
z-index:2;
}
.carousel .next, .carousel .prev {
left:0;
opacity:1;
z-index:1;
}

