* {
	margin: 0;
	padding: 0;
}
.underline {
	text-decoration: underline !important;
}
body {
	/*background: #CCCCCC url("../images/misc/page_background.jpg");*/
	background-color: #EFEFEF;
	margin: 16px 0;
	text-align: center;
}
a {
	color: #0062C4;
	text-decoration: none
}
a:hover {
	color: #FF3300;
	border-bottom: 1px dotted #FF3300;
}
#wrapper {
	background: #CADBED;
	border: 1px solid #000;
	margin: 0 auto;
	padding: 0;
	/*width: 765px;*/
	width: 96%;
}
#banner {
	background: url('../images/banners/staightway_banner_en.jpg') no-repeat;
	height: 130px;
	margin: 0;
	padding: 0;
}
#banner-es {
	background: url('../images/banners/staightway_banner_es.jpg') no-repeat;
	height: 130px;
	margin: 0;
	padding: 0;
}
#banner-wrap {
	background: #639ACE url("../images/banners/staightway_banner_bgrd.jpg") repeat;
	height: 130px;
	margin: 0;
	padding: 0;
}
#banner h1, #banner h2, #banner h3, #banner-es h1, #banner-es h2, #banner-es h3 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
#bannerlinks
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    position: absolute;
    top: 49px;
    right: 52px;
    height: 30px;
    padding-left: 35px;
    padding-right: 0;
    padding-top: 0px;
    padding-bottom: 0;
}
#bannerlinks a
{
	color: #f4f4f4	;
}
#bannerlinks a:hover {
	color: #FF9900;
	border-bottom: 0px;
}
#topbar {
	background: #31659C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top: 1px #003162 solid;
	border-bottom: 3px #003162 solid;
	height: 30px;
	margin: 0;
	padding: 0;
}
#topbar .title_info {
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 6px;
	padding: 0px;
	padding-left: 160px;
	text-align: left;
}
#topbar .language {
	color: #FFFFFF;
	font-size: 10px;
	margin-top: -16px;
	margin-right: 20px;
	padding: 0px;
}

#topbar a {
	text-decoration: none;
	border: 0;
}
#topbar .language img {
	border: 0;
}
#langimage {
    position: absolute;
    top: 155px;
    right: 45px;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
#langimage img {
    border: 0;
}
.va-middle 
{
    vertical-align: middle
}
.noimageborder 
{
    border:0;
}


/* ******************************************************************************** */
/*                                      SIDEBAR CODE                                */
/* ******************************************************************************** */

#sidebar {
	float: left;
	width: 145px;
	margin: 0px;
	padding: 0px;
	/*	Added this font size here to solve problem of IE setting a margin of space
		between menu items I did not want. I will override actual font size used by
		sidebar text with definitions in the separate tags */
	font-size: 1px;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #fff;
}
#sidebar li {
	padding: 0px !important;
	margin: 1px 0px 0px 0px !important;
}
#sidebar li a {
	display: block;
	width: 145px;
	padding: 3px 0px;
	border-bottom: 1px solid #003162;
	background: #A9C5E2;
	text-decoration: none;
	text-align: center;
	color: #0C6FD1;
}
#sidebar li a:hover {
	color: #fff;
	background: #910000;
}
.sidebar-note {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	width: 155px;
/* REMOVE because it caused problems with blue area showing after body text   	height: 100%;*/
	color: #000000;
	text-align:center
}
.sidebar-note p {
	margin: 0;
	padding: 5px 10px;
	color: #444;
	font-size: 11px;
}
#sidebar h4 {
	font-size: 12px;
	padding: 15px 0 5px 0;
}


/* ******************************************************************************** */
/*                                      EXTRA CODE                                  */
/* ******************************************************************************** */

.extra {
	float: right;
	margin: 10px 0 10px 10px;
	padding: 0;
	/*	Had to add the following line so IE wouldn't hide the box when a background is
		specified in the containing element */
	position: relative;
}
.extra .window {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 160px;
	border: 1px solid #000;
	color: #000000;
	background-color: #FFF;
}
.extra p {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	margin: 5px !important;
	padding: 0px !important;
	font-size: 11px !important;
	text-align: center !important;
}
.extra p.title {
	background: #31659C !important;
	color: #fff !important;
	margin: 0 !important;
	padding: 2px 2px 5px 8px !important;
	font-weight: bold !important;
	border: 1px solid #888 !important;
	text-align: left !important;
}
.extra a:link, .extra a:visited, .extra a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.extra a.no-decor {
	border: 0px;
}
.extra a img {
	border: 0px;
	margin: 0 0 10px 0;
}

/* ******************************************************************************** */
/*                                      CONTENT CODE                                */
/* ******************************************************************************** */

#content {
	border-left: 1px solid #999999;
	background: #FDFEFF;
	margin: 0 0 0 145px;
	padding: 0 15px 15px;
	text-align: left;
}
#content .article_header {
}
#content .title {
	color: #0C6FD1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 10px 0;
}
#content .subtitle {
	color: #777;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	margin: 0;
	padding: 15px 0 10px 0;
}
#content .author {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-weight: bold;
}
span.sep 
{
    font-weight: normal;
	color: #555;
}
#content .pub_date {
	font-weight: normal;
	color: #777;
}
#content .body-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	color: #444;
}
#content .body-text p {
	padding: 5px 0;
	text-align: justify;
}
#content .body-text h3 {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #999999;
	margin: 15px 0;
	padding-bottom: 1px;
	margin-right: 30% !important;
}
#content .body-text ul, #content .body-text ol {
	margin: 0px 0px 0px 50px;
	text-align: left !important;
}
#content .body-text li p {
	margin: 0;
	padding: 0;
	text-align: left !important;
}
#content blockquote {
	/* the italic style for some reason adds extra space to the right margin of the */
	/* css wrapper, so I am removing it for now. I've noticed this in only some versions */
	/* of IE 6 */
	/*font-style: italic;*/
	padding: 0;
	margin: 0 7%;
}

/* ******************************************************************************** */
/*                                     FOOTER SECTION                               */
/* ******************************************************************************** */

#footer {
	clear: both;
	margin: 0px;
	padding: 2px 14px 5px 14px;
	border-top: 1px solid #000;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	background-color: #639ACE;
}
#footer p {
	color: #FFF;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 150%;
}

.red {
	color: red;
}

/* ******************************************************************************** */
/*                                  FORM-RELATED ELEMENTS                           */
/* ******************************************************************************** */

.form p {
	padding: 0 !important;
}
.search form, #content .mailinglist form {
	text-align: left
}
.search form p, #content .mailinglist form p {
	line-height: 150%;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 0px;
}
input.background {
	background-color: #ffffff;
}
option.top_line {
	background-color: #5E709D;
	color: #FFFFFF;
	font-weight: bold
}
option.odd_line {
	background-color: #AFB8CF
}
option.even_line {
	background-color: #D5D9E6
}
.form-confirmation p span.fieldname {
	font-weight: bold;
}
.form-confirmation p span.fieldvalue {
	padding: 0px 5px 0px 0px;
}
.required
{
    color: #245282;
    font-weight: bold;
}
.formerror {
  border: 1px solid #FFAAAA !important;
  background-color : #FFEEEE !important;
  width: auto !important;
  margin: 5px 0px 5px 0px !important;
  padding: 5px !important;
}
.formerror img {
	float: none !important;
	vertical-align: middle !important;
	margin: 0px 10px 0px 2px;
}
.errortext {
  font-size: smaller;
  font-weight: bold;
  margin-left: 5px;
}



/*  
Easiest cross-browser CSS min-height

The hack below works because all of the more recent browsers will understand and respect the min-height setting
as well as the !important designation. So, the block will be given the min-height setting specified, and the 
height:auto will take precendence over the height: 500px, even though it appears earlier in the code. With 
content shorter than 500px, the min-height setting is observed, and with content that is longer, the block is 
sized to fit the content.

In the case of older versions of IE, the min-height parameter nor the !important designation are 
supported. Instead, the browser essentially sees a height: auto, immediately followed by a height: 500px, 
and the latter takes precendence. Height parameter in older versions of IE function exactly like the min-height
parameter. When content expands past the size of the element, it grows to accommodate it. When content is 
shorter, the specified height is respected.

*/
.min-height {
    min-height: 450px;
    height: auto !important;
    height: 450px;
}



/* ******************************************************************************** */
/*                                   PAGINATION STYLE                               */
/* ******************************************************************************** */


/* Digg-like pagination style */

#pagination-digg 
{
    clear: left;
    border: 0; margin: 1em 0; padding: 1em;
    font-size: 11px;
}
#pagination-digg span.previous, #pagination-digg span.next 
{
    border: solid 1px #DDDDDD;
    color: #999999;
    font-weight: normal;
    margin-right: 2px;
    padding: 3px 4px;
}
#pagination-digg a.next, #pagination-digg a.previous
{
    font-weight:bold;
}
#pagination-digg a
{
    border: solid 1px #9AAFE5;
    margin-right: 2px;
    text-decoration: none;
    color: #105CB6;
    outline-color: -moz-use-text-color !important;
    outline-style: none !important;
    outline-width: medium !important;
}
#pagination-digg span.active
{
    background: #2E6AB1 none repeat scroll 0 0;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px 6px;
}
#pagination-digg a:link, #pagination-digg a:visited
{
    color: #0e509e;
    padding: 3px 6px;
    text-decoration: none;
}
#pagination-digg a:hover, #pagination-digg a:focus
{
    border: solid 1px #0e509e;
    color: #000033;
}

/* ******************************************************************************** */
/*                                 TAGS SPECIFIC FOR AUDIO SEARCH FORM              */
/* ******************************************************************************** */

.searchform 
{
    margin-left: 0;
}
td.audiosearchtext 
{
	font-size: 10px !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
    white-space: nowrap;
}
.outer-border 
{
	border: medium double #999999;
	padding: 0;
	margin: 0;
	width: 769px !important;
	background-color: #A9C5E2;	
}
.border 
{
	border-left: 1px solid #999999;
}
.tablewrap 
{
	border: none;
	padding: 0;
	margin: 0;
}
.whitespace 
{
	color: #ffffff;
	padding: 0;
	margin: 0;
}


/* ******************************************************************************** */
/*                                 PAGE SCROLLING TAGS                              */
/* ******************************************************************************** */

.gototop
{
    background: url(../images/misc/arrow_up.png) no-repeat;
    display: block;
    _display: none; /* IE 6 hack */
    position: fixed;
    z-index: 9999;
    text-indent: -9999px;
    text-decoration: none;
    border: 0;
    width: 20px;
    height: 25px;
    overflow: hidden;
    outline: none;
    right: 4px;
    bottom: 50px;
}

.gotobottom
{
    background: url(../images/misc/arrow_down.png) no-repeat;
    display: block;
    _display: none; /* IE 6 hack */
    position: fixed;
    z-index: 9999;
    text-indent: -9999px;
    text-decoration: none;
    border: 0;
    width: 20px;
    height: 25px;
    overflow: hidden;
    outline: none;
    right: 4px;
    bottom: 17px;
}