/*
	#2a4e73; Dark blue 
	#fbb116; Orange 
	#6d6e70; Dark grey
	#a6a8ab; Light grey (text) 
	#e6e6e6; Light grey (rule)
*/

p, h1, h2, h3, h4, h5, h6, li, textarea, input, label, legend, select, div, td, tr, th, dt, dd {
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

p, h1, h2, h3, h4, h5, h6, li {
	color: #6d6e70;
	margin: 0;
	padding: 0;
	font-weight: 400;
}

p, li {
	font-size: 14px;
	margin-bottom: 10pt;
	line-height: 20px;
}

strong {
	font-weight: 700;
}

a:link, a:visited, .hilite {
	color: #fbb116;
	text-decoration: none;
}

a:hover {
	color: #3d7db7;
	text-decoration: none;
}

span.edit a, span.edit a:link, span.edit a:visited {
	font-size: 8pt;
	letter-spacing: 0;
	color: #a6a8ab;
	font-weight: 400;
	text-transform: uppercase;
}

h1 {
	color: #fbb116;
	font-size: 11pt;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin: 0 0 30px 0;
}

h2 {
	color: #fbb116;
	font-size: 10pt;
	font-weight: 400;
}

h3 {
	font-size: 11pt;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: 700;
}

h4 {
	font-size: 10pt;
	margin-bottom: 0pt;
	font-weight: 400;
}

h5 {
	font-size: 10pt;
	margin-bottom: 0pt;
	font-weight: 700;
}

h6 {
	font-size: 10pt;
	margin-bottom: 15pt;
	font-weight: 400;
}


div.editText {
	display: none;
}

div.editText a {
	float: left;
	clear: both;
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url('/img/edit.png') no-repeat scroll top left;
}

p.metadata {
	font-size: 8pt;
	color: #a6a8ab;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

p.metadata a {
	color: #a6a8ab;
}


/* Forms **************************************/

form {
}

input, textarea, select {
	font-size: 10pt;
	padding: 3px 3px 3px 3px;
	border: 1px solid #ccc;
	background: #fff;
}

textarea {
	width: 410px;
}

div.columnMain textarea {
	padding: 9px 9px 9px 9px;
	width: 615px;
}

select {
	float: left;
	width: 240px;
}

select[multiple=multiple] {
}

option {
}

input[type=checkbox] {
	clear: both;
	float: left;
	margin: 0px 0px 0px 0px;
	border: 0;
	width: auto;
}

input[type=radio] {
	width:auto;
}

input[type=image] {
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent;
}

fieldset {
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

fieldset fieldset {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

fieldset fieldset div {
}

form div {
}

form div.input,
form div.submit {
	clear: both;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 100%;
}

#formColumnLeft form div.input {
	width: 100%;
}

form div.required {
}

form div.input label {
	font-size: 9pt;
	display: block;
	padding: 5px 0px 3px 5px;;
	clear: both;
	text-align: left;
	float: right;
	width: 160px;
}

form div.textarea label {
	font-size: 9pt;
	display: block;
	padding: 0px 0px 4px 0px;;
	width: 100%;
	text-align: left;
	float: left;
}

form div.checkbox label {
	font-size: 9pt;
	display: block;
	padding: 1px 0px 0px 5px;;
	text-align: left;
	float: left;
	clear: none;
	width: 400px;
}

form div.input input {
	float: left;
}

form div.input input[type=text] {
	width: 240px;
}

form div.input input[type=password] {
	width: 240px;
}

fieldset.login div.input input[type=text],
fieldset.login div.input input[type=password],
fieldset.login div.input select {
	width: 160px;
}

fieldset.login div.input label {
	font-size: 8pt;
	width: 110px;
}

div.radio label {
}

input[type=submit],
button {
	display: inline-block;
	position: relative;
	line-height: 26px;
	padding: 0px 10px;
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	background-color: #2a4e73;
	cursor: pointer;
	border-radius: 4px;
    white-space: nowrap;

    border: 0;

    height: 26px;
    line-height: auto;
    margin: 0;
    min-width: 54px;
    outline: 0 none;
    text-align: center;
}

/* This is for source_only editing */
textarea.sourceEditor {
	font-family: Courier, monospace;
	font-size: 9pt;
	color: #333;
	clear: both;
	width: 638px; /* widgEditor width set 6 of 6 (width - 2px) */
	height: 300px;
	padding: 0;
	margin: 0px 0px 0px 0px;
	border: 1px solid #ccc;
}

legend {
	color: #333;
	display: block;
	font-size: 14pt;
	margin-bottom: 10px;
	font-weight: 700;
}

span.categorySelect {
	margin: 0px 0px 0px 10px;
	padding: 0;
}

span.categorySelect select {
	float: none;
	position: inline;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
}


/* Two column form page ***************************/

div#formColumnLeft div.input.text input {
	float: left;
	width: 500px;
}

div#formColumnLeft div.input.text label {
	float: right;
	width: 120px;
}

div#formColumnRight div.input,
div#formColumnRight div.submit {
	float: left;
	clear: both;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #e6e6e6;
}

div#formColumnRight div.input label {
	width: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
}

div#formColumnRight div.checkbox label {
	padding: 0px 0px 0px 5px;
	width: 250px;
}

div#formColumnRight div.input.checkbox input {
	width: auto;
}

div#formColumnRight div.input input[type=text],
div#formColumnRight div.input input[type=password] {
	width: 290px;
}

div#formColumnRight div.input select {
	width: 260px;
}

form div#formColumnRight p,
div.form p {
	/* margin: 0px 0px 0px 0px; */
}

ul.links {
	display: block;
	clear: both;
	float: left;
	padding: 30px 0px 0px 0px;
}

ul.links li {
/*	display: inline; */
	display: block;
	clear: both;
	float: left;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 5px;
}

div#formColumnRight #PostDisplayDateMonth,
div#formColumnRight #PostCreatedMonth {
	width: 100px;
	margin: 0px 0px 0px 5px;
	clear: both;
}
div#formColumnRight #PostDisplayDateYear,
div#formColumnRight #PostCreatedYear {
	width: 70px;
}
div#formColumnRight #PostDisplayDateDay,
div#formColumnRight #PostCreatedDay {
	width: 50px;
}

div#formColumnRight #PostDisplayDateHour,
div#formColumnRight #PostDisplayDateMin,
div#formColumnRight #PostDisplayDateMeridian,
div#formColumnRight #PostCreatedHour,
div#formColumnRight #PostCreatedMin,
div#formColumnRight #PostCreatedMeridian {
	width: 50px;
	margin-top: 5px;
}
div#formColumnRight #PostDisplayDateHour,
div#formColumnRight #PostCreatedHour {
	margin-left: 30px;
}

/* List *****************************************************************************************/

ul, ol {
	margin: 0px 0px 10px 0px;
}

li {
	font-weight: 400;
	margin: 0px 10px 10px 30px;
	padding: 0;
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: none;
}

ol, ol li {
	list-style-type: decimal;
}


img.widgImage, img.alignRight {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

img.alignLeft {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

/* Paging *******************************************/

div.paging {
	background:#fff;
	color: #ccc;
	float: left;
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 10px 0px;
	width: 100%;
	border-top: 1px solid #e6e6e6;
}

div.paging div.disabled {
	color: #ddd;
	display: inline;
}

div.paging span {
}

div.paging span.current {
	color: #000;
}

div.paging span a {
}


/* Tables ****************************************/

table {
	background: #fff;
	border:1px solid #ccc;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}

td, tr, th {
	font-size: 10pt;
}

th {
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}

th a {
	background:#f2f2f2;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}

th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}

table tr td {
	background: #fff;
	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}

table tr.altrow td {
	background: #f4f4f4;
}

td.actions {
	text-align: center;
	white-space: nowrap;
}

td.actions a {
	margin: 0px 6px;
}



/*  Actions  */

div.actions {
	float: left;
	width: 100%;
	clear: both;
	padding: 10px 0px 10px 0px;
}

div.actions ul {
	margin: 0px 0;
	padding: 0;
}

div.actions li {
/*	display: inline; */
	display: block;
	float: left;
	list-style-type: none;
	margin: 0px 20px 0px 0px;
	white-space: nowrap;
}

div.actions ul li a {
	display: block;
	padding: 3px 8px 3px 8px;
	border: 1px solid #ccc;
	background: #e6e6e6;
}

div.actions ul li a:hover {
}

/* Scaffold View ********************/
dl {
}

dl.altrow {
	background: #f4f4f4;
}

dt, dd {
	font-size: 10pt;
	border-top: 1px solid #ccc;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

dt {
	clear: both;
	float: left;
	width: 200px;
	color: #999;
	margin: 0px 10px 0px 0px;
}

dd {
	float: left;
	width: 420px;
}

/* Notices and Errors ******************/

div.message {
	clear: both;
	color: #900;
	font-weight: 700;
	margin: 1em 0;
}

div.error-message {
	clear: both;
	color: #F00;
	font-weight: 400;
	font-size: 10pt;
	margin: 3px 0px 0px 0px;
}

p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 8pt;
	padding: 0.8em;
	margin: 1em 0;
}

p.error em {
	color: #000;
	font-weight: 400;
}

.red {
	color: #cc0000;
}

.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 8pt;
	padding: 0.8em;
	margin: 1em 0;
}

.success {
	background: green;
	color: #fff;
}

.bannerSidebar {
	float: left;
	clear: both;
	margin: 0px 0px 20px 0px;
}

.bannerSidebar img,
.bannerSidebar object,
.bannerSidebar embed {
	float: left;
	position: relative;
}

img.bannerImpression {
	position: absolute;
	border: 0;
	display: block;
	z-index: -1;
}

.audioPlayer {
	display: block;
	margin: 5px 0px 5px 0px;
}

#introBlock p {
	font-size: 14px;
	line-height: 20pt;
}

p.note {
	font-size: 9pt;
	line-height: 15px;
}

#profileImage {
	overflow: auto;
}

div.archive {
	border-top: 1px solid #ccc;
	float: left;
	clear: both;
	width: 968px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	background: #fff;
}

div.archive > a {
	display: block;
	float: left;
	width: 75px;
	height: 75px;
}

div.archive img {
	width: 100%;
	float: left;
}

div.archiveData {
	float: left;
	width: 500px;
	margin: 0px 0px 0px 20px;
}

div.archiveData h2 {
	margin: 0px 0px 3px 0px;
	font-size: 11pt;
}

div.archiveAudio {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 20px;
}

div.dragHandle {
	float: right;
	width: 30px;
	height: 30px;
	background: #ccc url('/img/sort-handle.png') no-repeat scroll top left;
}

div.dragHandle a {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
}

div.dragHandle a:hover {
	cursor: move;
}

div.comments {
	float: left;
	clear: both;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	overflow-y: auto;
	overflow-x: hidden;
	border-top: 3px solid #eee;
}

div.comment {
	border: 1px solid #ccc;
	float: left;
	clear: both;
	width: 615px;
	padding: 5px 9px 0px 9px;
	margin: 0px 0px 10px 0px;
}

div.form {
	float: left;
	clear: both;
}

div.columnForm div.input input[type="text"] {
	width: 450px;
}

img.archiveView {
	margin: 0px 0px 10px 0px;
}

p.metadataIndex {
	font-size: 9pt;
	line-height: 16px;
	color: #777;
	margin: 0px 0px 0px 0px;
}

.addNew {
	font-size: 10pt;
	margin: 0px 0px 0px 10px;
}




/*******************************/





#homeRegister form div.input label {
	float: left;
	clear: both;
	font-size: 8pt;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
}

#homeRegister form div.input.checkbox label {
	float: left;
	clear: none;
	width: auto;
	margin: 0px 0px 0px 5px;
}

#homeRegister form div.input select {
	float: left;
	clear: both;
}

.small {
	font-size: 8pt;
	color: #999;
}

div.posts {
	clear: both;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

div.post {
	clear: both;
	width: 100%;
	float: left;
	border-top: 1px solid #e6e6e6;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 50px 0px;
}

div.postImage {
	float: left;
	width: 120px;
	height: 120px;
}

div.postImage img {
	width: 100%;
}

div.postText {
	float: right;
	width: 465px;
}

div.post.first {
	margin-top: 0;
	padding-top: 0;
	border: 0;
}

div.post a.comments {
	color: #333;
	background: #ffff00;
	padding: 2px 3px 0px 3px;
}

div.post span.timJohn {
	font-weight: 700;
	color: #B0005D;
}

div.post h1 {
	font-size: 14pt;
	margin-bottom: 10px;
	font-weight: 400;
	color: #6d6e70;
}

div.post h1 a {
	color: #6d6e70;
}

p.morePosts {
	font-weight: 700;
	letter-spacing: 0.1em;
	font-size: 12px;
	text-transform: uppercase;
}

div.postNarrow {
	border-top: 1px dotted #ccc;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow-y: auto;
	overflow-x: hidden;
}

div.postNarrow.first {
	border-top: 0;
}

div.smallVideo {
	float: right;
	overflow: auto;
	padding: 0px 0px 10px 10px;
}

div.bigVideo {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0px 0px 10px 0px;
}

#theList li {
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
}

#theList li a {
	display: block;
	background: transparent url('/img/list-button-background.png') repeat-x scroll top left;
	line-height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	border-bottom: 1px solid #C5CAD8;
}

#theListInactive li {
	border-bottom: 1px dotted #ccc;
	padding: 0px 0px 7px 0px;
}

div.pageTitle {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 100%;
}

div.podcast {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}

.fb_reset {
	display: none;
}

#about h2 {
	color: #6d6e70;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0 0 15px 0;
}

div.hostBio {
	display: block;
	width: 465px;
	float: right;
	margin: 0 0 30px 0;
	position: relative;
}

div.hostBio img.widgImage {
	position: absolute;
	top: 0;
	left: -135px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#sponsorPodcast {
	position: relative;
	float: left;
	display: block;
	clear: both;
	width: 450px;
	border-top: 1px solid #e6e6e6;
	padding: 20px 0px 0px 150px;
	margin: 20px 0px 0px 0px;
}

#sponsorPodcast h2 {
	color: #6d6e70;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0 0 10px 0;
}

#sponsorPodcast a.addNew,
#sponsorPodcast ul {
	display: block;
	width: 100%;
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;
}

#sponsorPodcast a.addNew {
	margin: 10px 0px 0px 0px;
}

#sponsorPodcast ul li {
	list-style-type: none;
	display: block;
	float: left;
	clear: both;
	width: 100%;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
}

#sponsorPodcast ul li a {
	list-style-type: none;
}

#sponsorLogo {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
}







#authMessage p,
#systemMessage p,
#systemMessage div.message {
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	text-align: center;
    background-color: transparent;
    border: 0;
    overflow: auto;
    width: 96%;
    padding: 0 2% 0 2%;
    margin: 0 0 0 0;
}

#systemMessage #messageContent {
	display: block;
	width: 100%;
	overflow: hidden;
	font-weight: 300;
	font-size: 14px;
	color: #fff;
}

#click2close {
	position: absolute;
	top: 25px;
	right: 10px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}





/* Disable iOS/WinMobile font size changes */
@media screen and (max-width: 995px), screen and (max-device-width: 995px) {
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
}

@media screen and (max-width: 995px) {

	#logo {
		position: relative;
		top: 10px;
		left: auto;
		padding: 0 5% 30px 5%;
		width: 90%;
		height: auto;
		max-width: 15%;
	}

	#header {
		width: 100%;
		height: auto;
	}

	#band {
		display: block;
		clear: both;
		width: 92%;
		padding: 0 3% 0 5%;
		height: auto;
		background-color: #6d6e70;
	}

	#content {
		width: 100%;
	}

	#band div.content {
		width: 100%;
	}

	#footerContent {
		width: 100%;
	}

	#band img {
		display: block;
		position: relative;
		clear: both;
		margin: 0 auto;
	}	

	#band img.bandLeft {
		max-width: 100%;
		height: auto;
	}

	#band img.bandRight {
		max-width: 100%;
		height: auto;
		left: 0;
	}

	div.postImage {
		float: left;
		width: 25%;
		height: 25%;
	}

	div.postText {
		float: right;
		width: 70%;
	}

	h1 {
		text-align: center;
	}

	div.postText h1 {
		text-align: left;
	}

	div.columnBlock {
		float: left;
		overflow: auto;
		width: 90%;
		margin: 0 0 30px 0;
		padding: 0 5% 0 5%;
	}

	div.hostBio {
		display: block;
		width: 90%;
		float: left;
		margin: 0 0 30px 0;
		padding: 0 5% 0 5%;
		position: relative;
	}

	div.hostBio img.widgImage {
		position: relative;
		top: 0;
		left: 0;
		margin: 0 10px 5px 0;
		padding: 0 0 0 0;
		float: left;
		max-width: 25%;
	}

	div.bannerSidebar {
		float: none;
		clear: both;
		margin: 0 auto 20px;
		display: block;
		width: 300px;
		overflow: hidden;
	}

	div.columnLeft,
	div.columnRight {
		display: block;
		float: none;
		clear: both;
		width: 100%;
		margin: 0 0 30px 0;
	}

	div.columnMain,
	div.columnSide {
		display: block;
		float: left;
		width: 90%;
		padding: 0 5% 20px 5%;
		margin: 0 0 0 0;
	}

	#sponsorPodcast {
		float: left;
		display: block;
		clear: both;
		width: 90%;
		border-top: 1px solid #e6e6e6;
		padding: 20px 5% 0px 5%;
		margin: 20px 0px 0px 0px;
		overflow: hidden;
	}
	
	div.columnMainLeft,
	div.columnMainRight {
		display: block;
		clear: both;
		width: 300px;
		float: none;
		margin: 0 auto 20px;
		border: 0;
	}	

	div.smallVideo {
		float: left;
		overflow: auto;
		padding: 0px 0px 10px 0px;
		width: 100%;
	}

	#subNavBar {
		display: block;
		position: absolute;
		right: 0;
		top: 15px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: auto;
		height: auto;
	}

	#subNavBar li {
		margin: 0px 20px 0px 0px;
	}	

	#navBar {
		position: relative;
		display: block;
		height: auto;
		padding: 0px 5% 0px 5%;
		margin: 0 0 20px 0;
		width: auto;
		list-style: none;
		top: auto;
		right: 0;
	}

	#navBar li {
		margin: 0px 10px 0px 0px;
		letter-spacing: 0.05em;
	}

	#navBar li:last-child {
		margin: 0 0 0 0;
	}


/*
	#navBar li {
		display: block;
		float: left;
		list-style-type: none;
		margin: 0px 0px 0px 20px;
		padding: 0px 0px 0px 0px;
		position: relative;
		height: auto;
		line-height: 30px;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		margin: 0px 20px 0px 0px;
	}	

	#navBar {
		position: relative;
		display: block;
		height: auto;
		padding: 0px 5% 0px 5%;
		margin: 0 0 20px 0;
		width: 90%;
		list-style: none;
		top: auto;
		right: auto;
		overflow: hidden;
	}


	#navBar li a {
		display: block;
		float: left;
		padding: inherit;
		color: #6d6e70;
		line-height: inherit;
	}	

	ul#navBar li ul {
		display: block;
		float: left;
		background: #fff;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
		border-left: 0;
	}	

	ul#navBar ul {
		position: relative;
		z-index: inherit;
		left: auto;
		top: auto;
		margin: 0px 0px 0px 0px;
		padding: 0;
		width: auto;
		height: auto;
		border-top: 0;
		border-bottom: 0;
		display: block;
		float: left;
	}

	ul#navBar li li {
		display: block;
		float: left;
		text-transform: none;
		border-bottom: 0;
		color: #a8a8aa;
		margin: 0 0 0 0;
		width: auto;
		height: auto;
		letter-spacing: 0;
		overflow: hidden;
	}

	ul#navBar li li a:before {
		content: "•\00a0\00a0";
	}

	ul#navBar li li a {
		display: block;
		width: auto;
		height: auto;
		line-height: inherit;
		padding: inherit;
		margin: inherit;
		text-decoration: none;
		float: left;
		color: #a8a8aa;
		margin: 0 0 0 8px;
	}

	ul#navBar li ul li a:hover { 
		border-bottom: 0;
		width: auto;
		background: inherit;
	}

	ul#navBar li:hover ul, ul#navBar li.sfhover ul {
		left: auto;
	}
*/
}

@media screen and (max-width: 650px) {
	#logo {
		padding: 0 5% 0 5%;
	}

	#mobileMenuSwitch {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		font-size: 11pt;
		font-weight: 700;
		z-index: 10;
		float: left;
		clear: both;
		width: 100%;
		height: 30px;
		line-height: 30px;
		text-align: center;
		border-bottom: 1px solid #eee;
	}

	#navBar {
		clear: both;
		display: none;
		margin: 0;
		padding: 0 0 0 0;
		width: 100%;
		height: auto;
		overflow: hidden;
		background-color: transparent;
		border: 0;
		position: relative;
		top: auto;
	}

	#navBar li {
		display: block;
		clear: both;
		float: left;
		overflow: hidden;
		width: 100%;
		margin: 0 0 0 0;
	    border: 0;
	    text-align: center;
	    height: auto;
	}

	#navBar li.right {
		clear: none;
		margin: 0 0 0 0;
	}

	#navBar li.notab a,
	#navBar li a {
		display: block;
		float: left;
		overflow: hidden;
		border-radius: 0px 0px 0px 0px;
		border: 0;
		padding: 0 5%;
	    width: 90%;
	    height: 40px;
	    line-height: 40px;
		background-image: none;
		background-color: #fff;
		border-bottom: 1px solid #eee;
		color: #333;
		font-weight: 700;
		font-size: 12pt;
		margin: 0 0 0 0;
	}

	#navBar li.selected a {
		background: none repeat scroll 0 0 #eee;
	}
	
	#navBar li.secondary,
	li.secondary,
	span.secondary,
	td.secondary,
	th.secondary {
		display: none;
	}

	#navBar > li:first-child > a,
	#navBar > li:last-child > a {
		border-radius: 0 0 0 0;
	}

	ul#navBar li ul {
		display: block;
		float: left;
		background: #fff;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
		border-left: 0;

		position: relative;
		z-index: inherit;
		left: auto;
		top: auto;
		margin: 0px 0px 0px 0px;
		padding: 0;
		width: 100%;
		height: auto;
		border-top: 0;
		border-bottom: 0;
		display: block;
		float: left;
	}	

	ul#navBar li li {
		display: block;
		float: left;
		text-transform: none;
		border-bottom: 0;
		color: inherit;
		margin: 0 0 0 0;
		width: 100%;
		height: auto;
		overflow: hidden;
		text-align: center;
	}

	ul#navBar li li a {
		letter-spacing: 0;
		font-weight: 400;
		display: block;
		width: 100%;
		height: 30px;
		line-height: 30px;
		padding: inherit;
		margin: inherit;
		text-decoration: none;
		float: left;
		color: inherit;
		margin: 0 0 0 0px;
		font-size: 10pt;
	}

	ul#navBar li ul li a:hover { 
		width: 100%;
		background: #eee;
		border-bottom: 1px solid #eee;
	}

	ul#navBar li:hover ul, ul#navBar li.sfhover ul {
		left: auto;
	}	
}