/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/

/* -----------------------------------------
   Styles to Fix IE
----------------------------------------- */
a img {
	border:none;
}

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body {
	background: url("../images/back.jpg") #FFF no-repeat center 215px;
}

.nav-bar {
	background-color: #FFFFFF;
	margin: 0px;
	border: none;
	/*height:50px;*/
}

.nav-bar > li {
	border: none;
	line-height:50px;
}

.nav-bar > li.social {
	line-height: 1em;
	height: 50px;
}

.nav-bar > li > a:first-child {
	font-size: 24px;
	padding: 0 15px;
}

.nav-bar > li, .nav-bar > li:last-child {
	border: none;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	line-height: 50px;
}

.nav-bar > li.active {
	background-color: #FFFFFF;
	border: none;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.nav-bar > li.active:hover {
	background: #FFFFFF;
	cursor: default;
}

.nav-bar > li.active > a {
	color: #333333;
}

.nav-bar > li:hover {
	background: #F6F6F6;
	border: none;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.nav-bar > li:hover > a {
	color: #219FFC;
}

.nav-bar > li > a {
	color: #0476BB;
}
@media only screen {.toggle-topbar a {
	border-color: #333333 !important;
	color: green;
}
}

.nav-bar a.flyout-toggle {
	border-color: #333333 !important;
	color: green;
}

.flyout {
	/*top: 50px;*/
}

ul.flyout li, .nav-bar li ul li {
	
}

ul.flyout li a, .nav-bar li ul li a {
	
}

ul.flyout li a:hover, .nav-bar li ul li a:hover {
	
}

.inline {
	display: inline;
}

.link-list a {
	color: #0476BB;
}

hr {
	border-color:#CCC;
}

hr.dark {
	border-color:#999;
}

.side-nav li {
	line-height: 2em;
	font-size: 18px;
}

.nav-bar > li > strong.nav {
    display: block;
    font-weight: normal;
    font-size: 28px;
    color: #0476BB;
    padding: 0 20px;
    position: relative;
    text-decoration: none;
}

.audio_container {
	display: block;
	border: solid 4px #fff;
	background-color: #F0F0F0;
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition-property: box-shadow;
	-moz-transition-property: box-shadow;
	-o-transition-property: box-shadow;
	transition-property: box-shadow;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms; 
}

.audio_container:hover {
	-webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
	-moz-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
	box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
}

.panel {
	border-color:#CCCCCC;
}

.panel_bot, .row .panel_bot { background: #f2f2f2; border: solid 1px #CCCCCC; margin: 0px 1.6% 22px 1.6%; padding: 20px; width:30%; min-height:260px;}
.panel_top, .row .panel_top { background: #f2f2f2; border: solid 1px #CCCCCC; margin: 0px 1.6% 22px 1.6%; padding: 20px; width:30%; min-height:175px;}
/* -----------------------------------------
   Page Name 1
----------------------------------------- */




/* -----------------------------------------
   Page Name 2
----------------------------------------- */