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

Title : portal.css
Author : Bixler Incorporated
URL : 

Description :
Created : 
Modified : 

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

body {
	background:url('/images/tm/body.gif') 50% 0 repeat-y;
	padding-top: 5px;
}

/*-- header styles ------------------*/

h1 {
	color: #ed2f00;
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

/*-- end global header styles ------------------*/

/*-- links ------------------*/

a:link,
a:visited,
a:active {
	color: #b54027;
}

a:hover {
	color: #9b9a40;
}

/*-- end global links ------------------*/


/* ------------------------------------------------------------------------
   non-global framework/elements begin
   ------------------------------------------------------------------------ */
#wrapper
{
    width: 750px;
}

#STBanner .st_banner 
{
    margin: -5px 0 -3px 0;
}
        
#header
{
    background: #243e81;
    height: 50px;
    border-bottom: solid 3px #fff;
    float: left;
    border-top: solid 1px #fff;
    width: 750px;
}

#header h2 
{
    color: #e4d9a3; 
    font-size: 100%;
    padding: 5px 0 0 20px;
}
    
#header h1 
{
    color: White; 
    font-size: 150%; 
    line-height: 0px; 
    padding: 0 0 0 20px;
}

#header img#logo
{
    position: absolute;
    bottom: 10px;
    top: 10px;
}

#header p.language
{
    color: #fff;
    bottom: 15px;
}

#header p.language a
{
    color: #e7e300;
}

#content-wrapper
{
    width: 750px;
    background: url( '/images/tm/cw.gif' ) top left repeat-x;
}

#main-content 
{
    float:left;
	padding: 0px 20px 0 35px;
}

#main-content .content-column 
{
    width:350px;
}


.home #main-content p {
	line-height: 2em;
    font-size: 110%;
}

#main-content p, .home #secondary_content p {
	line-height: 1.5em;
    font-size: 100%;
}
#main-content h2 {
	color: #243e81;
	font-weight: bold;
	font-size:135%;
	margin-bottom:0;
}

.section {
	background: url('/images/tm/hr.gif') bottom repeat-x;
	margin-bottom: 10px;
	padding-bottom: 2px;
}

.section2 {
	background: url('/images/tm/hr2.gif') bottom repeat-x;
	margin-bottom: 10px;
	padding-bottom: 2px;
}	


.content #secondary_content {
    float: right;
    width: 220px;
    padding: 10px 10px 0 11px;
    background: url('/images/tm/sc.gif') top left no-repeat;
    margin: 30px 0 0  15px;
    height: 620px;
}

.home #secondary_content {
    float: right;
	width: 308px;
	padding: 15px;
	background: url('/images/tm/sc-home.gif') top left no-repeat;
}

#secondary_content a {
	color: /* #5ea3bd */ #3b6f81;
}

#secondary_content a:hover {
	color: #9b9a40;
}

#secondary_content p {
	margin-bottom: 3px;
    font-size: 90%;
	line-height: 1.5em;
}

#secondary_content h2 {
	color: #a6a550;
	font-weight: bold;
	font-size:105%;
	margin-bottom:0;
}

#secondary_content ul li {
	background: url('/images/tm/bullet.gif') no-repeat scroll 0pt 0.4em;
}

#secondary_content li.on a {
	text-decoration: none;
	color: #b54027;
}


/* Start launch styles -----------*/
p.launch {
	margin:0;
	clear: both;
	padding:0;
}

p.launch:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

p.launch {display: inline-block;}

/* Hides from IE-mac \*/
* html p.launch {height: 1%;}
/* End hide from IE-mac */

p.launch a {
	display: block;
	width: 310px;
	height: 15px;
	float: right;
	text-indent: -9999px;
	margin-bottom: -12px;
}

.woman .launch a {
	background: url('/images/tm/launch-woman.gif') no-repeat;
	background-position: right;
}

.ahorrando .launch a {
	background: url('/images/tm/launch-ahorrando.gif') no-repeat;
	background-position: right;
}

.youth .launch a {
	background: url('/images/tm/launch-youth.gif') no-repeat;
	background-position: right;
}

.uc-eng .launch a {
	background: url('/images/tm/launch-uc-eng.gif') no-repeat;
	background-position: right;
}

.uc-esp .launch a {
	background: url('/images/tm/launch-uc-esp.gif') no-repeat;
	background-position: right;
}

/* End launch styles -----------*/

#footer
{
    padding: 3px 5px;
    text-align: right;
    background: #a6a550;
    margin-bottom: 10px;
}
#footer p
{
    margin: 0;
    padding: 0;
    color: #fff;
}
#footer a
{
    color: #fff;
}
       
.name {
	font-weight: bold;
	color: #b54027;
}

#main-content p.tight {
	line-height: 1.4em;
}

.section h3 {
	background: #bebd8f url('/images/tm/section-h3.gif') 205px 8px no-repeat;
	padding: 4px 4px 0px 4px;

}

#secondary-content p.back {
	background: #fdf9d9 url('/images/tm/back.gif') left bottom repeat-x;
	padding: 5px 8px;
	margin: 15px 0;
}

#secondary-content p.back a {
	color: #b54027;
}

/* Needed once we got rid of the portal text under the foundation text */
.divider {width:685px}