body {

	font: normal 70%/1.2 arial, sans-serif;

	color: #000;

	background: #F5F0E3 ;

	margin: 0;

	padding: 0;

	text-align: center;

	}

	

* {

	margin: 0;

	padding: 0;

	}

	

hr {

	display: none;

	}

	

abbr, acronym {

	cursor: help;

	border-bottom: 1px dotted #000;

	}

	

a:active, a:focus

{

  outline: none;

}

	

/* Easy Clearing - positioniseverything.net

----------------------------------------------- */





.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

	}

	

/*macIE5 fix for easy clear*/

.clearfix {

	display: inline-block;

	}

	

/* hides from macIE5 \*/

* html .clearfix {

	height: 1%; display: block;

	}

.clearfix {

	display: block;

	}

/* end hide from macIE5 */









/* Header styles 

----------------------------------------------- */



h1, h2, h3, h4, h5, h6 {

	

	}

	





/* Main layout styles 

----------------------------------------------- */

	

#container {

	width: 930px;

	position: relative;

	top: 0px;

	margin: 0 auto;

	text-align: left;
	
	left: 8px;

	}



#header {

	width: 930px;

	text-align: left;

	margin: 0 auto;

	padding: 0;

	}



p {

	margin: 0 0 10px 0;

	}



/* Network links 

----------------------------------------------- */



#network {

	width: 730px;

	margin: 13px 0 4px 0;

	padding: 0;

	float: left;

	display: inline;

	}





#network li {

	float: left;

	display: inline;

	padding: 0;

	margin: 0 18px 0 0;

	list-style: none;

	}



#network h3 {

	background: url(ou_network_pointer.gif) no-repeat 0 0;

	display: block;

	float: left;

	text-indent: -9999px;

	padding: 0;

	height: 29px;

	width: 108px;

	margin: -5px 0px 0 0;

	position: relative;

	}

	



*html #network h3 {

	margin-top: -6px;

	}



#network li a {

	font-weight: bold;

	color: #649DCA;

	padding: 0;

	margin: 0;

	text-decoration: none;

	}

	

#network li a:hover {

	color: #B2C9E6;

	}





/* Utility set

----------------------------------------------- */



#utility {

	width: 930px;

	margin: 0 auto;

	text-align: left;

	}



#utility ul {

	float: left;

	display: inline;

	padding: 9px 0 7px 0;

	list-style: none;

	margin: 0 0 0 126px;

	}



#utility li {

	display: inline;

	}



#utility li a {

	color: #fff;

	text-decoration: none;

	margin: 0 15px 0 0;

	}

	

#utility li a:hover {

	text-decoration: underline;

	}

	

	

/* Search form

----------------------------------------------- */



#utility form {

	float: right;

	width: 250px;

	height: 38px;

	background: transparent url(ou_search_bg.gif) no-repeat 0 0;

	margin: -2px 0 0 0;

	padding: 0 15px;

	}

	

#utility form input {

	width: 165px;

	margin: 7px 0;

	vertical-align: top;

	color: #3D3D3D;

	border-top: 1px solid #787878;

	border-right: 1px solid #787878;

	border-left: 1px solid #C9C9C9;

	border-left: 1px solid #bottom;

	font-size: 90%;

	padding: 2px;

	background: #fff url(ou_email_bg.gif) no-repeat top right;

	}



#utility form input.submit {

	width: auto;

	border: 0;

	padding: 0;

	background: none;

	margin: 7px 0 7px 3px;

	}





/* Login and register links - Utility set

----------------------------------------------- */

#utility #login {

	padding: 6px 0 0 0;

	margin: 0 0 0 15px;

	}



#utility #login li a {

	padding: 0;

	float: left;

	display: inline;

	margin: 0 5px 0 0;

	}



#login a.login {

	background: transparent url(ou_login_button.gif) no-repeat 0 0;

	display: block;

	text-indent: -9999px;

	height: 24px;

	width: 55px;

	}



#login a.register {

	background: transparent url(ou_register_button.gif) no-repeat 0 0;

	display: block;

	text-indent: -9999px;

	height: 24px;

	width: 77px;

	}



/* Generic form styles

----------------------------------------------- */



legend {

	display: none;

	}

	

fieldset {

	border: none;

	}



/* OU logo positioning - note: graphic may need amending

----------------------------------------------- */

 #logo a {

	background: transparent url(ou_logo_header3.gif) top left no-repeat;

	padding: 0 0 0 0;

	margin: -17px 0 0 0;

	width: 130px;

	height: 111px;

	text-indent: -5000px;

	position: relative;

	
	

}









/* Newsletter shelf

----------------------------------------------- */



#newsletterwrap {

	background: url(ou_newsletter_bg.gif) repeat-x top left;

	margin: 0;

	padding: 0;

	zoom:1;

	}

	

#newsletter {

	color: #d6ddbc;

	text-align: left;

	width: 950px;

	min-height: 40px;

	margin: 0 auto;

	}

	

#searchbar {

	background: url(ou_shelf_bg.gif) repeat-x top left;

	height: 20px;

	width: 860px;

	margin: 0;

	padding: 10px;

	vertical-align: middle;

}



/* IE not playing ball, some problem with the height and padding */

*html #searchbar {

	padding: 8px 10px;

	}



#searchbar form {

	float: left;

	display: inline;

	}



#searchbar h4 {

	float: left;

	display: inline;

	margin: 0 15px 0 0;

	text-transform: uppercase;

	font: 90% bold verdana, arial, helvetica, sans-serif;

	color: #E6F9D0;

	background: url(ou_mail_icon.gif) no-repeat 0 50%;

	padding: 5px 0 5px 30px;

	}


#join input {

	vertical-align: middle;

	}

	

#join input#email {

	border-top: 1px solid #787878;

	border-right: 1px solid #787878;

	border-left: 1px solid #C9C9C9;

	border-left: 1px solid #bottom;

	font-size: 90%;

	color: #3D3D3D;

	padding: 2px;

	width: 135px;

	background: #fff url(ou_email_bg.gif) no-repeat top right;

	margin: 0 0px 0 0;

	}

	

#join input.submit {

	border: 0;

	width: auto;

	margin: 0 10px;

	cursor: pointer;

	}

	

#join input {

	margin: 0 5px 0 10px;

	}

	

#join label {

	cursor: pointer;

	color: #DDE8C2;

	/*font-weight: bold;*/

	}

	

#join a {

	color: #DDE8C2;

	}

	

#join a:hover {

	color: #fff;

	}

	

/* Main header container - bg stipe image and width

----------------------------------------------- */



#header-wrap {

	margin: 0 auto;

	background: url(ou_header_bg.gif) repeat-x top left;

	width: 100%;

	}

		

/* Newsletter pull tab link

----------------------------------------------- */



#tab {

	float: left;

	display:inline;

	width: 120px;

	}



#tab a {	

	float: left;

	display: block;

	width: 120px;

	height: 29px;

	text-indent: -9999em;

	/* background: url(http://www.ouradio.org/images/ou_tab.gif) no-repeat top right; */

	}

	

/*#tab a:hover {

	background: url(ou_tab_close.gif) no-repeat bottom right;

	}
*/
	
.tab-opened {
        background:url(ou_tab_close.gif) no-repeat top right
  }
  .tab-closed {
       background:url(http://www.ouradio.org/images/ou_tab.gif) no-repeat bottom right