/* IE 10+ set audio control to 48px to show tracking slider. */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	audio {
		height: 32px;
	}
}        

body {
	background-color: #d5d5d5;
	background-image: url(/art/bg_page.jpg);
	background-repeat: repeat-y;
	background-position: 50%;
	font-family: Verdana, Arial;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
div#outerbg {
	/* background-color: white; */
	background-image: url(/art/bg_page.jpg);
	background-repeat: repeat-y;
	background-position: 50%;
	margin-top: 0px;
	text-align: center;
	width: 823px;
}
div#container {
	background-color: white;
	border-bottom: 1px solid #EEEEEE;
	margin-top: 0px;
	text-align: left;
	width: 762px;
}
div {
	margin: 0px;
	padding: 0px;
}
ul {
	font-family: Verdana, Arial;
	font-size: 11px;
	list-style-image: url(/art/bullet.gif);
}
li {
	margin: 0px;
	padding: 0px;
}
.apple_mobile {	/* turned on pages with apple hooks */
	display: none;
}
.android_mobile { /* turned on pages with apple hooks */
	display: none;
}
.bdy {
	font-family: Verdana, Arial;
	font-size: 11px;
	line-height: 150%;
	margin: 0px;
}
/* ************************************** */
a:link {
	color: #1E90FF;
}
a:visited {
	color: #1E90FF;
}
a:hover {
	/* color: #006666; */
	color:#F93;
}
a:active {
	color: #F7C25C;
}
/* ************************************** */
a.whitelink:link {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
a.whitelink:visited {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
a.whitelink:hover {
	/* color: #006666; */
	color:#F93;
	font-weight: bold;
	text-decoration: none;
}
a.whitelink:active {
	color: #F7C25C;
	font-weight: bold;
	text-decoration: none;
}
/* ************************************** */
a.noline:link {
	color: #1E90FF;
	text-decoration: none;
}
a.noline:visited {
	color: #1E90FF;
	text-decoration: none;
}
a.noline:hover {
	color: #900;
	text-decoration: none;
}
a.noline:active {
	color: #900;
	text-decoration: none;
}
/****************************************/
.11px {
	font-size: 11px;
}
.graybar {
	background-color: #C7C7C7;
	height: 1px;
	margin-top: 0px;
	padding-top: 0px;
}
.graytext {
	color: #C7C7C7;
}
.dottedTitle {
    background-image: url(/art/dotted_line.png);
	background-position: 0px 10px;
	background-repeat: no-repeat;
	font-weight: bold;
	padding: 0px 0px 10px 15px;
	width: 428px;
}
.pdf {
    background-image: url(/art/pdf-mini.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
	font-weight: bold;
	height: 15px;
	padding: 0px 0px 10px 20px;
}
.offsite {
    background-image: url(/art/offsite.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	cursor: pointer;
	font-weight: bold;
	height: 15px;
	padding: 0px 0px 10px 26px;
}
.youtube-video {
    background-image: url(/art/youtube_logo_small.jpg);
	background-position: 0px 1px;
	background-repeat: no-repeat;
	cursor: pointer;
	font-weight: bold;
	height: 15px;
	padding: 0px 0px 5px 45px;
}

.grayBox {
	background-color: #EEEEEE;
	border: 1px gray solid;
	padding: 10px 0px;
	width: 428px
}
.smallred {
	color: #A00;
	/* font-size: 12px; */
	font-weight: normal;
	margin-top: 10px;
}
.boldred {
	color: #A00;
	font-weight: bold;
}
.sidebdy {	/* used in right sidebar to get left/right padding */
	font-family: Verdana, Arial;
	font-size: 11px;
	line-height: 125%;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
}
.cap {	/* used at top and bottom of form */
	background-color: #366;
	height: 5px;
}
.greenTable {
	border-style: solid;
	border-right: none;
	border-left: none;
	border-color: #366;
}
.greenlabel {
	color: #366;
	font-weight: bold;
}
.bg0 {  /* lighter green */
	background: #EEEEEE;
}
.bg1 { /* darker green */
	background-color: #DDD;
}
.contentTable {
	margin: 0px;
	width: 762px;
}
.contentFull {	/* used when no right sidebar */
	background-color: white;
	padding: 20px 10px 0px 10px;
	width: 762px;
}
.contentMain {
	background-color: white;
	padding:  20px 10px 0px 10px;
	width: 517px;
}
.contentRight {
    background-image: url(/art/sidebarbg.jpg);	/* 245 diw */
	width: 245px;
}
.pTitlePrefix {
	width: 4px;
}
.pTitleGreen {
	color: #49B01B;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0px;
}
.pTitleBlack {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}
.psubTitleBlack {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px 5px 5px;
}
.pTitleRed {
	color: #A00;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px;
}
.subTitleBlack {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px;
}
.classTitle {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0px;
}
.sidebarTitleCap {
	background-color: #FA062C;
	height: 4px;
}
.sidebarTitle {
	background-color: #C2C2C2;
	color: #333;
	font-family: verdana, arial;
	font-size: 9px;
	font-weight: bold;
	padding: 7px 0px 5px 10px;
	text-align: left;
}
.sidebarbdy {
	color: #333;
	font-family: verdana, arial;
	font-size: 11px;
	font-weight: normal;
	padding: 10px;
	text-align: left;
}
.sidebarstrip {
	color: #333;
	text-align: center;
	width: 30px;
}
.sidebar123 {	/* used for numbered items at top of right sidebar */
	color: #333;
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}
.nowrap {
	white-space: nowrap;
}
.dotHorizWhite {
	background-color: white;
    background-image: url(/art/dotted_white.gif);
}
.dotVert {
	background-color: white;
    background-image: url(/art/dotted_gray.gif);
	width: 19px;
}
.goldbutton {
	background: #FFCC00;
	border: 1px solid black;
	color: #000000;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 4px 2px 4px; /* top right bottom left */
}
/* ----------------------------------------------- */
/* Styles used on includes/sidebar_cef.asp         */
/* ----------------------------------------------- */
	#cef_div {
		margin: 0px;
		padding: 0px;
	}
	#cef_form {
		display: block;
		margin: 0px;
		padding: 0px;
		text-align: left;
	}
	#cef_search_div {
		background: url(/art/cef_search_bg.png) no-repeat top left;
		display: block;
		height: 26px;
		margin: 2px 0px 0px 0px;
		padding: 0px;
		position: relative;
		text-align: left;
		width: 199px;
	}
	#x_query {
		border: none;
		font-family: arial;
		font-size: 12px;
		height: 20px;
		left: 10px;
		top: 2px;
		width: 130px;
	}
	#cef_search_button {
		height: 24px;
		left: 143px;
		top: 0px;
		position: absolute;
		width: 53px;
	}
	#cef_category_div {
		margin: 10px 0px 0px 3px;
		padding: 0px;
	}
	#cef_category_select {
		margin-top: 3px;
		padding: 0px;
		width: 195px;
	}
	#cef_available_div {
		margin: 10px 0px 0px 0px;
		padding: 0px;
	}
	#cef_available_div ul {
		margin-top: 2px;
	}
	#cef_available_div li {
		color: #777;
		font-weight: bold;
		margin: 3px 0px 0px 0px;
		padding: 0px;
	}
/***************/
/**  MIGHT NOT BE USED **/
/**************/
.arcBottom {
    background-image: url(/art/arc_bottom_bg.png);
	background-repeat: no-repeat;
	color: red;
	font-weight: bold;
	height: 24px;
	margin-top: 20px;
	padding-left: 20px;
	width: 428px;
}
.arcTopTabModule {
    background-image: url(/art/arc_top_tab_bg.png);
	background-repeat: no-repeat;
	padding: 1px 0px 20px 15px;
	width: 428px;
}
.aboutpage {
	background-color: #FFFFCC;
	border: 1px solid black;
	font-family: Verdana, Arial;
	font-size: 11px;
	line-height: 125%;
	padding: 10px;
	text-align: left;
	width: 300px;
}
.altrow {
		background: #EEEEEE;
}
.bold {
	font-family: Verdana, Arial;
	font-size: 11px;
	line-height: 125%;
	font-weight: bold;
}
.ItalicRight {
	font-family: Verdana, Arial;
	font-size: 10px;
	line-height: 20pt;
	font-style: italic;
	background-position: right;
	text-align: right;
	clear: right;
	float: right;
}
.clear {
	clear: both;
}
/* member page title */
.mtitle {
	color: #366;	/* dark green */
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 125%;
	font-weight: bold;
}
.note {
	color: #06F;
	font-family: verdana,arial;
	font-size: 10px;
}
.normalLogin {
	font-family: Verdana, Arial;
	font-size: 11px;
	line-height: 125%;
	color: #FFFFFF;
}
.normal_Padded {
	font-family: Verdana, Arial;
	font-size: 11px;
	line-height: 125%;
	padding-right: 10px;
	padding-left: 10px;
}
.normal_PaddedLeft {
	font-family: Verdana, Arial;
	font-size: 11px;
	line-height: 125%;
	padding-left: 10px;
}
.Rightbar_Cushion {
	font-family: Verdana, Arial;
	font-size: 11px;
	padding: 15px 10px 15px 10px;
}
.Sidebar {
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 125%;
	font-weight: bold;
}
.Sidebar_Cushion {
	font-family: Verdana, Arial;
	font-size: 11px;
	padding: 10px 15px 15px 20px;
	line-height: 125%;
}
.Sidebar_Indent {
	font-family: Verdana, Arial;
	font-size: 11px;
	line-height: 125%;
	font-weight: bold;
	color: #2D8382;
	padding-left: 6px;
}
.SidebarText {
	font-family: Verdana, Arial;
	font-size: 11px;
	line-height: 125%;
	padding-left: 10px;
}
.Subheader {
	font-family: Verdana, Arial;
	font-size: 14px;
	line-height: 125%;
	font-weight: bold;
}
.star-icon {
	font-size: 30px;
	color: silver;
	cursor: pointer;
}
.star-icon-on {
	font-size: 30px;
	color: gold;
	cursor: pointer;
}
.pod-itunes {
	border: 0px;
	background-color: #2165af;
	color: #fff;
	font-weight: 500;
	font-size: 10px;
	cursor: pointer;
	/* margin: 0px 5px 0px 5px; */
}
.main-content {
	display: inline-flex;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	background-color: #DDD;
	border: 1px solid #EEE;
	border-collapse: collapse;
	font-family: Verdana, Arial;
	font-size: 11px;
	margin: 0px 10px 0px 0px;
	padding: 2px 0px 2px 0px;
}
.title {
	font-family: Verdana, Arial;
	font-size: 24px;
	font-weight: bold;
	color: #366;
	line-height: 125%;
	padding: 10px 0px 15px 0px;
}
.trim300 {
	border-style: solid;
	width: 300px;
	border-right: none;
	border-left: none;
	border-color: #336666;
}
.trim350 {
	border-style: solid;
	width: 350px;
	border-right: none;
	border-left: none;
	border-color: #336666;
}
.trim450 {
	border-style: solid;
	width: 450px;
	border-right: none;
	border-left: none;
	border-color: #336666;
}
.whiteM {
	font-family: Verdana, Arial;
	font-size: 11px;
	line-height: 12pt;
	color: #FFFFFF;
}
.Categories {
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
}
.Sidebar_Indent-2x {
	font-family: Verdana, Arial;
	font-size: 10px;
	line-height: 12pt;
	color: #2D8382;
	left: 10px;
}
.CE {
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #F7C25C;
	line-height: 12px;
}
/***************************************/
	.special {
		color: red;
		font-size: 10pt;
		font-family: VERDANA, arial;
		font-weight: bold;
	}
	a.minibutton {
		background: #9CF;
		border: 1px solid black;
		color: #000;
		font-family: arial;
		font-size: 10px;
		padding: 2px 4px 2px 4px; /* top right bottom left */
		text-decoration: none;
	}
	a.minibutton:hover {
		color: #F00;
	}
	a.minibutton:visited {
		color: #000;
	}
	a.minibutton:active {
		color: #F00;
	}
	/****************************************/
	a.minibuttonorange {
		background: #FC6;
		border: 2px solid #F93;
		color: #366;
		font-family: arial;
		font-size: 11px;
		padding: 2px 4px 2px 4px; /* top right bottom left */
		text-decoration: none;
	}
	a.minibuttonorange:hover {
		color: #F00;
	}
	a.minibuttonorange:visited {
		color: #366;
	}
	a.minibuttonorange:active {
		color: #F00;
	}
	/****************************************/
	.dtable {
		font-family: Verdana, Arial;
		font-size: 11px;
		margin: 0px;
	}
	.dheader {
		background-color: #CCC;
		/* background-image: url(/art/dheader_bg.jpg); */
		/* background-repeat: repeat-x; */
		border: 1px soid #AAA;
		border-collapse: collapse;
		font-family: Verdana, Arial;
		font-size: 11px;
		margin: 0px 10px 0px 0px;
		text-align: center;
	}
	.dsubheader {
		background-color: #EEE;
		border: 1px solid #AAA;
		border-collapse: collapse;
		font-family: Verdana, Arial;
		font-size: 11px;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 10px;
		margin-bottom: 0px;
	}
	.dcolheader {
		background-color: #DDD;
		border: 1px solid #EEE;
		border-collapse: collapse;
		font-family: Verdana, Arial;
		font-size: 11px;
		margin: 0px 10px 0px 0px;
	}
	.dcolheadersml {
		background-color: #DDD;
		border: 1px solid #EEE;
		border-collapse: collapse;
		color: #555;
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: normal;
		margin: 0px 10px 0px 0px;
	}
	.dlabel {
		background-color: #CCC;
		border: 1px solid #AAA;
		font-family: Verdana, Arial;
		font-size: 11px;
		margin: 0px 10px 0px 0px;
		text-align: right;
	}
	.dcell {
		border-collapse: collapse;
		font-family: Verdana, Arial;
		border: 1px solid #CCC;
		font-size: 11px;
		margin: 0px;
	}
	.dcellAlt {
		background-color: #EEF;
		border-collapse: collapse;
		font-family: Verdana, Arial;
		border: 1px solid #CCC;
		font-size: 11px;
		margin: 0px;
	}
	.dfooter {
		background-color: #555;
		border: 1px solid #CCC;
		font-family: Verdana, Arial;
		font-size: 11px;
		margin: 0px;
	}

	/* -- audio MP3 -- */
.audio-mp3 {
	height: 32px;
	margin: 5px 0px 8px 100px;
	padding:0;
	position: relative;
	Z-index: 1;
}

/* IE 10+ set audio control to 48px to show tracking slider. */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	audio {
		height: 32px;
		margin-top: 15px;
	}
}        

/*********************************************************/
/* classes to support error message display */
.errblock {
	background-color: #FFEEEE;
	border: 1px solid #FF0077;
	margin: 10px auto 10px auto;
	padding: 5px;
	text-align: left;
}
.err {
	color: #990000;
	font-family: verdana,arial;
	font-size: 11px;
}
.errtitle {
	color: #990000;
	font-family: verdana,arial;
	font-size: 12px;
	font-weight: bold;
}
.notice {
	color: #000099;
	font-weight: bold;
}


/* pop-ups */
.popper {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	height: 100%;
	margin: 0 auto 0 auto;
	background-color: rgba(0, 0, 0, 0.6);
}

	.popper .bdy {
		position: relative;
		max-width: 600px;
		margin: 64px auto 0 auto;
		padding: 32px;
		background-color: #2265AF;
		border: 1px #000000 solid;
		font-size: 18px;
		color: #ffffff;
		box-shadow: 0px 13px 20px 20px rgba(0,0,0,0.3), 0 5px 7px rgba(0,0,0,.6);
	}

	.popper .closeme {
		position: absolute;
		top: -15px;
		right: -15px;
		padding: 0 6px 0 0;
		text-align: right;
		font-weight: bold;
	}

		.popper .closeme a {
			padding: 4px;
			border-color: rgba(0, 0, 0, 0.7);
			border-style: solid;
			border-width: 1px;
			height: 25px;
			width: 25px;
			border-radius: 15px;
			display: inline-block;
			text-align: center;
			background-color: #ffffff;
			text-decoration: none;
			color: #000000;
		}
	
		.popper .title {
			font-weight: bold;
			font-size: 112%;
			color: #707070;
		}
	
		/* --- */
		.popper .bdy {
			border-radius: 0;
			background-color: #ffffff;
			color: #404040;
			border-width: 1;
			border-color: #000000;
			border-style: solid;
		}

		.popper input {
			box-sizing: border-box;
			width: 100%;
			margin: 0;
			font-size: 18px;
			padding: 0.4em;;
		}
	
		.popper input[type="submit"], 
		.popper a.submit {
			box-sizing: border-box;
			display: block;
			width: 100%;
			margin: 0 auto 0 auto;
			background-color: #000000;
			color: #ffffff;
			font-size: 14px;
			padding: 0.8em;
			border: 0px none;
			border-radius: 4px;
			text-decoration: none;
		}
	
	.popper .alert {
		color: #AA0000;
	}
	

.chillout {
	color: #aa0000;
	font-weight: bold;
	font-size: 16px;
}