body {

	color: #000;
	background: #F5F0E3 ;
	margin: 0;
	padding: 0;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;

	}

a:active, a:focus

{

  outline: none;

}


/* Main layout styles 

----------------------------------------------- */
#header {

	width: 930px;
	text-align: left;
	margin: 0 auto;
	padding: 0;

	}

p {

	margin: 0 0 10px 0;

	}

/* Network links 

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

#network {

	width: 600px;
	margin-top: 13px;
	margin-left: 15px;
	padding: 0;
	float: left;
	position:absolute;
	display: inline;
	font-size:12px;
	top:10px;
	left:135px;
	margin: 0 auto;
	text-align: left;
}

#network li {

	float: left;
	display: inline;
	padding: 0;
	margin: 0 18px 0 0;
	list-style: none;

	}

#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: 800px;
	top:38px;
	left:50px;
	position:absolute;
	margin: 0 auto;
	text-align: left;
	font-size:11px;
	}



#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

----------------------------------------------- */
#buscar {
	top: 20px;

}


#buscar form {

	float: right;
	width: 250px;
	height: 34px;

	background: transparent url(../img/ou_search_bg.gif) no-repeat 0 0;
	margin: 39px 0 0 0;
	padding: 0 15px;

	}

#header-wrap 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;

	}

#header-wrap .textfield {
	width: 78px;
	color: #666;
	margin: 0;
	padding: 2px;
	font: 11px/11px "lucida sans unicode", "lucida grande", arial,sans-serif;
	float: left;
}

#buscar form input.submit {

	width: auto;

	border: 0;

	padding: 0;

	background: none;

	margin: 7px 0 7px 3px;

	}


#searchbar {

	background: url(../img/ou_shelf_bg.gif) repeat-x top left;
	height: 20px;
	width: 460px;
	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(../img/ou_mail_icon.gif) no-repeat 0 50%;

	padding: 5px 0 5px 30px;

	}

/* Main header container - bg stipe image and width

----------------------------------------------- */
#header-wrap {

	margin: 0 auto;
	background: url(../img/header_bg.gif) repeat-x top left;
	width: 100%;
	height:75px;

}

/* ---------------------------------------------
	FOOTER
------------------------------------------------*/

#footer{
	padding: 5px 0;
	float:right;
	text-align:center;
	width:99%;
	display:block;
	
}

#footer p{
	font: 11px/15px 'lucida sans unicode', 'lucida grande', arial,sans-serif;
	color: #444;
	padding: 4px 0;
}

			#footer_menu{
				height: 65px;
				width: 100%;
				background: #fff url(../img/footer.gif) repeat-x top left;
				margin: 0;
				padding: 0;
				position: relative;
			}

			#footer_inside{
				padding: 20px 0 0 0px;
				font: 11px/15px 'lucida sans unicode','lucida grande',verdana, sans-serif;
				color: #333;
				height: 10px;
			}

			#footer_inside .network{
				float: left;
				margin-left: 10px;
			}


			#footer_inside .copyright{
				position: absolute;
				bottom: 6px;
				left:175px;
				width:600px;
				font-size: 10px;
			}
			
			#footer_inside .svenka{
				position: absolute;
				bottom: 6px;
				left:800px;
				width:180px;
				font-size: 10px;
			}


/*--------------------------------------------
	 LINK STYLES
 -------------------------------------------*/
a,a:link, a:visited {
	color: #3E8FF4;
}

a:hover {
	color: #1060B7;
}

a:active {
	color: #1060B7;
}

/*--------------------------------------------
	 WRAPPER AND HEADERS
 -------------------------------------------*/

#main_wrapper {
	float: left;
	width: 100%;
	height:100%;
	background: #FFFFFF  url(../img/bg_wrapper.gif) top right repeat-y;
	margin-top: 0px;
	border-bottom: 2px solid #ECDFC7;
	font-family: arial;
	
}


/*--------------------------------------------
	 MAIN NAVIGATION
 -------------------------------------------*/

#nav_wrapper {
	width: 125px;
	height:100%;
	background: #F5F0E3 url(.../img/nav_bottom_fade.gif) bottom right no-repeat;
	float: right;
	top: 1px;
	left: 0;
	background-image: url(../img/nav_bottom_fade.gif);	
}

ul#nav {
	padding: 0 0 0 0;
	margin: 0 0 0 10px;
	list-style: none;
	font: 10px/15px "lucida sans unicode", "lucida grande", arial,sans-serif;
	width: 115px;
	background: #F5F0E3 url(../img/bg_nav.gif) top right repeat-y;
}

/*-- workaround to remove extra whitespace in ie--*/

/*-- tells ie to change height to 1em --*/
#nav li a {
	height: 1em;
}

/*-- tells other browsers not to --*/
html>body #nav li a {
	height: auto;
}
/*-- end workaround--*/
		
#nav li {
	padding: 0 0 2px 0;
	margin: 0 0 0px 0;
	font-weight: bold;
	width: 115px;
	background: transparent url(../img/nav_li_hover.gif) bottom right no-repeat;
	color: #1F3A73;
	text-align:left;
}

#nav ul {
    text-align:left;
	padding: 0 0 0px 0;
	margin: 0;
	list-style: none;
	width: 115px;
}

#nav li li {
	padding: 0;
	margin: 0;
	font-weight: normal;
	background: transparent url(../img/nav_sub_hover.gif) top right repeat-y;
	border: none;
	width: 115px;
}

/*----Navigation Link Styles----*/

#nav li a {
	text-decoration: none;
	color: #1F3A73;
	padding: 3px 10px 3px 0;
	display: block;
	background: transparent url(../img/bg_nav.gif) top right repeat-y;
}

#nav li a:hover {
	text-decoration: none;
	color: #00226A;
	background: none;
	padding: 3px 10px 3px 0;
	display: block;
}

#nav li li a {
	text-decoration: none;
	color: #4C4237;
	padding: 2px 10px 2px 0;
	display: block;
	background: transparent url(../img/bg_nav.gif) top right repeat-y;
}

#nav li li a:hover {
	text-decoration: none;
	color: #443C34;
	padding: 2px 10px 2px 0;
	display: block;
	background: none;
}

#nav li li a:active {
	text-decoration: none;
	color: #443C34;
	padding: 2px 10px 2px 0px;
	display: block;
	background: transparent url(../img/nav_li_li_active.gif) no-repeat bottom right;

}

#nav li a:active {
	text-decoration: none;
	color: #443C34;
	padding: 3px 10px 3px 0px;
	display: block;
	background: transparent url(../img/nav_li_active.gif) no-repeat bottom right;
}

#home #homenav a{
	background: transparent url(../img/nav_li_active.gif) no-repeat bottom right !important;
}


#commentarios{
	width:100%;
	background:#F5F3EB;
	height:225px;
	display:block;

}

#commentarios input.button{
	background:#6699CC;
	border:solid 1px #003399;
	color:#000033;
	font-size:10px;
}

/*--------------------------------------------
	 SECONDARY ARTICLES
	 secondary_articles
 -------------------------------------------*/

#articulos_wrapper {
	background-color: #FCFCF1;
	border: 1px solid #DBDED6;
	padding: 10px 10px 0 10px;
	margin-top: 10px;
	height:auto;
	_height:1em;
	font-size:11px;
}

.articulos {
	margin-bottom: 10px;
	padding-bottom: 8px;
	height:auto;
	_height:1em;
}

.articulos li {

	display: inline;
}
.articulos p {
	font: normal 11px/16px   "lucida sans unicode", "lucida grande", verdana, arial,sans-serif;
	padding: 0;
	margin: 3px 0;
	color: #333;
}

.articulos h3 {
	font: bold 12px/16px   "lucida sans unicode", "lucida grande", verdana, arial,sans-serif;
	color: #444;
	padding-bottom: 0;
	margin-bottom: 0;
}

articulos .image,
.image {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;

	margin: 0 10px 0px 0;
}



<!--ANTIGUOS STYLES-->

.Links {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; line-height: normal; font-variant: normal; color: #313131; text-decoration: none}
.Links:hover { color:#0066FF}
.Section_Titles {  font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #313131; text-decoration: none}
.Section_Subtitles {  font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #313131; text-decoration: none}
.sepmenu{font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	font-weight:bold;	color: #274B68;	text-decoration: none;}
.Titles {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13 pt; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #313131; text-decoration: none}
.section_txt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; list-style-type: disc; color:#000033; text-align:justify}


.FirstTopMenu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #51657A;
	text-decoration: none;
}
a.FirstTopMenu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #51657A;
	text-decoration: none;
}
a.FirstTopMenu:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #51657A;
	text-decoration:underline;
}
a.FirstTopMenuWhite{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.FirstTopMenuWhite:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:underline;
}
a.SecondTopMenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #274B68;
	text-decoration: none;
}
a.SecondTopMenu:hover{
	text-decoration:underline;
}	
a.SecondTopMenuG{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#339900;
	text-decoration: none;
}
a.SecondTopMenuG:hover{
	text-decoration:underline;
}
.style1 {color: #FF0000}
.style3 {color: #51657A}

.lnkm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.lnk {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none;
}
.lnk:hover{
	text-decoration:underline;
}
.nlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#006600;
	text-decoration:none;
}
.nlink:hover{
	text-decoration:underline;
	color:#339900;
}

.texto {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none; text-align:justify;}
.textogris {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#999999; text-decoration: none; text-align:justify;}
.titulo {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: none; font-weight:bold; text-align:left}



/*--------------------------------------------
	 SEARCH
 -------------------------------------------*/			
 	
#search {
	padding: 0 0 0 0;
	background: transparent url(http://www.ouradio.org/images/nav_li_normal.gif) bottom right no-repeat;
}

#search form {
	padding: 0;
	margin: 0;
}

#search .textfield {
	width: 78px;
	color: #666;
	margin: 0;
	padding: 2px;
	font: 11px/11px "lucida sans unicode", "lucida grande", arial,sans-serif;
	float: left;
}

#search .search_button {
	margin: 0;
	padding: 0;
	position: relative;
	left: 5px;
	top: 0;
	float: left;
	
}

#search p {
	
	clear: both;
}