/* Body
------------------------------*/

body {
	text-align: center; /* IE6 Fix */
	background: url(http://www.ou.org/ncsy/graphics/body-bg.gif) repeat 0 0;
	color: #555;
	}


/** hiding of elements for assistive devices (screen readers etc) **/
ul#access, .hide {
	position:absolute;
	left:-1000em;
	top:-1000em;
}


/* <hr />'s added to mark-up for browsers without CSS */
hr {display:none}


.alt {
	background: #f7f6f3;
	}

a:focus {
	-moz-outline:0;
	outline:0;
	outline-offset:0;
	}


/* Core colours - used for most headers
----------------------------------------------- */

/* red-purple 
color: #A30234; */

/* orange 
color: #D45D08; */

/* dark brown
color: #542912; */

/* brown links 
color: #754323; */

/* borders 
border-bottom: 1px solid #D8C2C3; */


#header-wrap {
	background: #fff url(http://www.ou.org/ncsy/graphics/header-bg.gif) repeat-x 0 0;
	
	}


/* Main container
----------------------------------------------- */

#container, #header {
	background: #fff url(http://www.ou.org/ncsy/graphics/side-bg.gif) no-repeat 274px 15px;
 	text-align: left;
  position: relative;
  padding: 1em 13px 2em 13px;
  margin: 0 auto;   /* Centers layout */
  width: 900px;     /* Total width */
	}

/* amend container for inner pages */
#inner #container {
	/*background: #fff;*/
	}


/* Header
----------------------------------------------- */

#header {
	background: transparent;
	width: 926px;
	padding: 0;
	}

h1 {
	float: left;
	text-indent: -2000em;
	line-height: 1;
	font-size: 1em;
	margin: 0;
	}

#header form#location, a#teens {
	float: right;
	}


#header h1 a {
	background: url(http://www.ou.org/ncsy/graphics/ncsy-logo.gif) no-repeat 0 0;
	width: 90px;
	height: 67px;
	display: block;
	margin: 1em 0 0 17px;
	line-height: 1;
	}


a#teens {
	background: url(http://www.ou.org/ncsy/images/ncsy_near_you.gif) no-repeat 0 0;
	width: 153px;
	height: 31px;
	display: block;
	text-indent: -2000em;
	margin: 15px 0 0 0;
	}

/*
a#teens:hover {
	background: url(http://www.ou.org/ncsy/graphics/teens-link-hover.gif) no-repeat 0 0;
	}
*/


/* locations drop down*/
#header #location {
	margin: 20px 30px;
	}

#location select {
	width: 180px;
	}


/* Navigation
----------------------------------------------- */

#navigation {
	clear: both;
	background: #EBB171 url(http://www.ou.org/ncsy/graphics/navigation-bg.jpg) repeat-x 0 0;
	list-style-type: none;
	margin: 0;
	position: relative;
	padding: 10px 10px 0 10px;
	}

#navigation ul {
	}

#navigation li {
	float: left;
	background: url(http://www.ou.org/ncsy/graphics/navigation-divide.gif) no-repeat bottom right;
	padding: 0px 3px 0px 3px;
	}

#navigation li.last, #navigation li#search {
	background: none;
	}


#navigation a {
	color: #fff;
	font-size: 1.17em;
	padding: 10px 12px 14px 12px;
	line-height: 1;
	float: left;
	}

#navigation a:hover, #navigation li.on a {
	color: #754323;
	text-decoration: none;
	}

#navigation li.on {
	background: url(http://www.ou.org/ncsy/graphics/tab-on-left.gif) no-repeat top left;
	}

#navigation li.on a {
	background: url(http://www.ou.org/ncsy/graphics/tab-on-right.gif) no-repeat top right;
	}

#navigation li#search {
	float: right;
	margin: 0;
	padding: 0;
	}

/* Search input and button */
#search input {
	color: #E0871B;
	vertical-align: middle;
	margin: 0;
	padding: 4px;
	width: 160px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

	}

button {
	background: none;
	padding: 0;
	margin: 1px 0 0 0;
	vertical-align: middle;
	width: auto;
	overflow: visible;
	border: none;
	cursor: pointer;
	}

button img {
	margin: 0;
	padding: 0;
	}


/* Intro header and image area
----------------------------------------------- */

#intro {
	background: #fff;
	color: #fff;
	position: relative;
	margin: 0;
	height: 274px;
	}

#intro ul {
	float: left;
	width: 302px;
	height: 274px;
	padding: 0;
	background: #68371A url(http://www.ou.org/ncsy/graphics/headline-bg.gif) repeat-y top left;
	}

#intro h3 {
	color: #F3DFD4;
	font-size: 1.17em;
	line-height: 1.29em;
	font-weight: normal;
	margin: 0 30px 0 30px;
	}

#intro ul li#donate {
	position: relative;
	height: 54px;
	}

#intro ul li#donate a {
	background: url(http://www.ou.org/ncsy/graphics/donate-now.gif) no-repeat 0 0;
	height: 54px;
	width: 302px;
	display: block;
	text-indent: -2000em;
	padding: 0;
	line-height: 1;
	margin-top: 5px;
	}

#intro ul li#donate a:hover {
	background: url(http://www.ou.org/ncsy/graphics/donate-now.gif) no-repeat 0 100%;
	}


/*
#intro h2 {
	margin: 0;
	padding: 0;
	line-height: 1;
	color: #fff;
	font-weight: normal;
	letter-spacing: 1px;
	}
*/

#intro h2 {
	display: block;
	background: url(http://media.ouradio.org/content/headline2.gif) no-repeat 0 0;
	width: 238px;
	height: 84px;
	text-indent: -2000em;
	margin: 20px 0 1em 30px;
	}

#intro img {
	float: right;
	vertical-align: bottom;
	}
	
	
/* Main content area
----------------------------------------------- */

#content {
	float: left;
	width: 585px;
	/*background: #fff url(http://www.ou.org/ncsy/graphics/content-bg.gif) repeat-y top left;*/
	background: transparent url(http://www.ou.org/ncsy/graphics/main-content-bg.gif) no-repeat 1px 0;
	padding-left: 13px;
	padding-top: 1em;
	position: relative;
	min-height:597px;
	height:auto !important;
	height:597px;
	}

#content p {
	color: #757575;
	}


/*amend content container for the inner pages */
#inner #content {
	background: none;
	width: 667px;
	}

/* define header image for pages with tab sections */
.events #container {
	background: #fff url(http://www.ou.org/ncsy/graphics/events-header2.gif) no-repeat 13px 295px;
	}

.regions #container {
	background: #fff url(http://www.ou.org/ncsy/graphics/regions-header.gif) no-repeat 13px 21px;
	}

#content h3 {
	color: #D45D08;
	border-bottom: 1px solid #D8C2C3;
	margin-bottom: 0.5em;
	}

/*
#inner #content h2 {
	color: #A30234;
	}
*/

/* use for pages with tab sections */
h3.title {
	color: #A30234;
	font-size: 24px;
	margin: 1.25em 0 0 0;
	text-align: right;
	padding-right: 40px;
	}

/* generic column divisions */
.leftcolumn {
	margin-right: 17px;
	}

.column {
	float: left;
	width: 284px;
	}

.column p, .column dd {
	font-size: 0.92em;
	line-height: 1.45em;
	}

.column a {
	text-decoration: underline;
	}


/* homepage columns with small images */
.column dt {
	font-size: 14px; font-weight:bold; color: #542912;
	margin: 0.21em 0;
	}

dl.column {
	padding-left: 151px;
	width: 133px;
	margin-bottom: 3em;
	}

.column dd {
	position: relative;
	}

.column dd img {
	position: absolute;
	left: -151px;
	top: -22px;
	}

.column dd a {
	display: block;
	}

	/* alternative styles for the featured image sections on homepage */

.feature-home {
	padding-left: 0;
	width: 284px;
	float: left;
	margin-bottom: 3em;
	}

.feature-home li {
	font-size: 0.92em;
	line-height: 1.45em;
	}

.feature-home li a {
	display: block;
	text-decoration: underline;
	}

.feature-home h4 {
	font-size: 14px; font-weight:bold; color: #542912;
	margin: 0.21em 0;
	}

.feature-home img {
	float: left;
	margin-top: 4px;
	}

.feature-home li div {
	float: right;
	display: inline;
	width: 133px;
	}


/* image shadow background classes */
.shadow {
	padding: 3px 0 12px 0;
	background: transparent url(http://www.ou.org/ncsy/graphics/img-shadow.png) no-repeat 0 0;
	margin: 0;
	}

.shadow-sq {
	padding: 0px 4px 5px 1px;
	background: transparent url(http://www.ou.org/ncsy/graphics/img-shadow-sq.png) no-repeat 0 0;
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ou.org/ncsy/graphics/img-shadow-sq.png', sizingMethod='crop');
	margin: 0;
	}


/* events listings classes */
ol.events-list, table.events {
	clear: both;
	border-top: 1px solid #d4d3d0;
	margin-bottom: 2em;
	}

ol.events-list li {
	background: transparent url(http://www.ou.org/ncsy/graphics/list-arrow.gif) no-repeat 98% 45%;
	display: block;
	padding: 0.67em 20px 0.67em 5px;
	line-height: 1;
	border-bottom: 1px solid #e7e6e3;
	}

ol.events-list li.alt {
	background: #f7f6f3 url(http://www.ou.org/ncsy/graphics/list-arrow.gif) no-repeat 98% 45%;
	}


.dtend, .dtstart, .region {
	color: #8E8E8E;
	}	

.location {
	color: #4D4C4D;
	}


.event-type {
	color: #754323;
	}

ol.events-list span {
	color: #4D4C4D;
	margin: 0 20px 0 20px;
	}	

ol.events-list a, .url {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	}	

ol.events-list a:hover, a.url:hover {
	text-decoration: underline;
	}	

table.events {
	width: 100%;
	margin: 1em 0 0 0;
	}

table th {
		background: #eeeadf;
	border-bottom: 1px solid #e7e6e3;
	}

table.events td, table.events th {
	padding: 0.67em 20px 0.67em 1px;
	line-height: 1;
	border-bottom: 1px solid #e7e6e3;
	}


/* floated image in content - needs shadow bg */
img.content-img {
	padding: 3px;
	background: #fff;
	border: 1px solid #ccc;
	float: right;
	margin: 0 0 1em 1em;
	}



/* google map div */
.map {
	height: 491px;
}

#map img {
	margin: 1em 0;
	padding: 3px;
	border: 1px solid #ccc;
	}



/* Location search area / form
----------------------------------------------- */

#location-search {
	background: #93643a url(http://www.ou.org/ncsy/graphics/location-search-divide.gif) no-repeat 45% bottom;
	color: #fff;
	padding: 0.83em;
	}

#location-search fieldset {
	float: right;
	}

#location-search input {
	margin: 0 5px;
	vertical-align: middle;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}

#location-search label {
	font-size: 1.17em;
		vertical-align: middle;
	}


#location-search h5 {
	color: #fff;
	border: 0;
	float: left;
	font-size: 1.17em;
	padding: 0;
	margin: 0.25em 0 0 0;
	line-height: 1;
	vertical-align: middle;
	font-weight: normal;
	}

#location-search h5 span {
	font-weight: bold;
	}


/* Side column
----------------------------------------------- */

#side {
	float: left;
	width: 289px;
	padding-right: 13px;
	padding-top: 1em;
	}

#side h3 {
	color: #A30234;
	border-bottom: 1px solid #D8C2C3;
	margin-bottom: 1em;
	}

#side h3.top {
	margin: 0;
	border: none;
	}


ul#page-navigation {
	border-top: 1px solid #d4d3d0;
	margin-bottom: 2em;
	}

ul#page-navigation li {
	border-bottom: 1px solid #e7e6e3;
	}

ul#page-navigation li.last {
	border-bottom: 1px solid #d4d3d0;
	}

ul#page-navigation li a {
	display: inline-block;
	}

ul#page-navigation li a {
	background: url(http://www.ou.org/ncsy/graphics/list-arrow.gif) no-repeat 3px 45%;
	display: block;
	padding: 0.5em 0 0.5em 20px;
	line-height: 1;
	color: #4D4C4D;
	}

ul#page-navigation li a:hover {
	color: #A30234;
	}


/* Inner side column - within tabs
----------------------------------------------- */

#inner #side {
	width: 207px;
	/*background: #fff url(http://www.ou.org/ncsy/graphics/side-bg.gif) no-repeat bottom right;*/
	}

#inner #side .sub-list {
	margin: 0.5em 0 1em 15px;
	
	}

#inner #side .sub-list a {
	color: #575757;
	}

#inner #side .sub-list a:hover {
	color: #592110
	}

#inner #side .sub-list li.on a {
	font-weight: bold;
	color: #592110
	}


/* regions definition list */

#inner #side dd {
	color: #959090;
	}

dt a.region {
	color: #754323;
	}



/* Featured video list*/

ul.video-list {
	
	}

ul.video-list li {
	margin: 0 0 1em 0;
	}

ul.video-list li img {
	cursor: pointer;
	float: left;
	background: #fff;
	padding: 2px;
	border: 1px solid #D8C2C3;
	margin: 0;
	}

ul.video-list li h4 {

	}

ul.video-list li div {
	float: right;
	display: inline;
	width: 135px;
	}

ul.video-list li p {
	font-size: 0.92em;
	line-height: 1.45em;
	margin: 0.27em 0 0 0;
	}



/* Footer
----------------------------------------------- */

#footer {
	clear: both;
	background: #EBA559 url(http://www.ou.org/ncsy/graphics/footer-bg.gif) repeat-x bottom left;
	width: 926px;
	margin: 0 auto 1em auto;
	padding: 2em 0;
	
	}

#footer p {
	
	}

#footer ul {
	text-align: center;
	margin-bottom: 0.25em;
	}

#footer ul li {
	display: inline;
	padding-right: 5px;
	border-right: 1px solid #fff;
	margin-right: 5px;
	}

#footer ul li.last {
	padding-right: 0;
	border-right: none;
	margin-right: 0;
	}

#footer ul li a {
	color: #fff;
	}

#footer ul li a:hover {
	text-decoration: underline;
	}


/* Forms
----------------------------------------------- */

form, fieldset {
	margin: 0;
	padding: 0;
	}
	
fieldset {
	border: 0;
	}

legend {
	display: none;
	}

input, textarea, select {
	margin: 0;
	padding: 3px 5px;
	vertical-align: middle;
	font-family: Arial, Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	}

input, textarea {
	background: #fff url(http://www.ou.org/ncsy/graphics/input-bg.gif) repeat-x 0 0;
	border: 1px solid #816F63;
	border-left-color: #95867D;
	border-right-color: #DFD2C9;
	border-bottom-color: #BFA694;	
	}


input.button {
	padding: 0;
	}
	
select { 
	padding: 2px 0 2px 3px;
	}


label {
	cursor: pointer;
	}

/* Sortable Columns
----------------------------------------------- */

th.header { 
    background: url(http://www.ou.org/ncsy/graphics/bg.gif) no-repeat scroll center left;
	background-color: #EEEADF;
    cursor: pointer; 
	text-indent: 15px;
} 

th.headerSortUp { 
    background: url(http://www.ou.org/ncsy/graphics/asc.gif) no-repeat scroll center left;
    background-color: #EEEADF;
	text-indent: 15px;
	cursor: pointer; 
} 

th.headerSortDown { 
    background: url(http://www.ou.org/ncsy/graphics/desc.gif) no-repeat scroll center left;
	background-color: #EEEADF;
	text-indent: 15px;
	cursor: pointer; 
} 


#nav_ctegories ul {
	padding-top: 5px;
}

#nav_categories ul li, ul li li {
	/*list-style-image: url(http://www.ouradio.org/themes/cp_global_images/cat_marker.gif);*/
	background-image: url(http://www.ouradio.org/themes/cp_global_images/cat_marker.gif);
	background-repeat: no-repeat;
	background-position: 0em 1.4em;
	padding-left: 2em;

	margin-left: 40px;
}

#nav_categories dl {
	margin-bottom: 3px;
}

#nav_categories li {
	margin-left: 15px;
	padding-bottom: 5px;
}

/* HQ Staff Pictures
----------------------------------------------- */

#hq-staff span {
	display: block;
	width: 125px
}

#hq-staff div {
	padding-bottom: 15px;
	width: 270px;
}

#hq-staff .col1 {
	clear: left;
	float: left;
	margin-right: 5px;
}

#hq-staff .col1 img {
	float:left;
	padding-right: 10px;
}

#hq-staff .col1 span {float:left;}

#hq-staff .col2 { 
	clear: right;
	float: right;

}

#hq-staff .col2 img {
	float:right;
	padding-left: 10px;
}

#hq-staff .col2 span {
	float:right;
	text-align: right;
}

/* North American and International Staff Pictures
----------------------------------------------- */

#na-staff div, #i-staff div {
	width: 180px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#na-staff .first, #i-staff .first {
	clear: left;
}

#na-staff img, #i-staff img {
	vertical-align: top;	
	float: left;
}

#na-staff p, #i-staff p {
	font-size: 9pt;
	margin: 0px;
	width: 90px;
	float: right;
}