/*
****************************************************************
	NOTE: This website has a three column format.
	
	Author: Jos� Antonio Alicea
	Course:	CST-258 Internet Programming
	Date: 19 May 2013
****************************************************************
*/

body
{
    margin: 0;
    padding-top: 10px;
    background-image: url(../backgrounds/BackgroundImage.gif);
}

#container {	background-color: #AA151B;
			color: #006600;
			width: 1050px;
			margin-left: auto;
			margin-right: auto;
			font-family: Verdana, Arial, sans-serif;
}

#form {		font-family: Verdana, Arial, sans-serif;
			margin: 10px;
			font-weight: bold;
			color: #000000;
			font-size: 15px;
}

#header
{   background-color: #003399;
/*background-image: url(../Images/ES/TXT.jpg); */
    background-position: center;
    background-repeat: no-repeat; /* will not repeat*/
    /*background-size: 1050px 300px;*/
    height: 300px;
    width: 1100px;
    color: #CC0033;
    padding: 0px 0px;
    border-bottom: 5px solid #000000;
    margin-left: auto;
    margin-right: auto;
}


#headerOLD
{
background-color: #003399;
background-image:url(../Images/ES/CBanner/WebPageBANNER-ESPANA2-TXT.jpg);
background-position: center;
background-repeat: no-repeat; /* will not repeat*/
background-size: 1050px 300px;
height: 300px;
color: #CC0033;
padding: 0 20px;
border-bottom: 5px solid #000000;
}

/* configures the "Header Area" */
#header h1
{
    font-size: 50px;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    text-align: right;
    text-shadow: 2px 2px 2px #000000;
    padding-top: 50px;
}
    
#email  {	margin-left: 10px;
			font-size: 10pt;
			color: #F1BF00;
}

#email a:link { color: #F1BF00; }
#email a:visited { color: #F1BF00; }
#email a:focus, #email a:hover { color: #ffffff; }
#email a:active { color: #F1BF00; }

#center
{
    margin: 0 200px 0 200px; /* middle column margin */
    padding: 1px 10px 20px 10px;
    background-color: #000000;
    color: #006600;
    height: 1120px;
}

#center a:hover span
{
    display: block;     
    position: absolute;
    top: 10px;
    left: 300px; 
    text-align: center;
}
 
#copyright
{
text-align: center;
color: #999999;
font-size: .80em;
font-family: Ariel,Helvetica,sans-serif,"Trebuchet MS", "Lithos Pro Regular";
}

#copyright a {			
}

#copyright a:link { color: #999999; text-decoration:none; }
#copyright a:visited { color: #999999; }
#copyright a:focus, #copyright a:hover { color: #ffffff; }
#copyright a:active { color: #999999; }

#footer {
    height: 123px;
    width: 1050px;
    font-size: .70em;
    text-align: right;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #FFFFFF;
    background-image: url(../Banners/BannerMorroBottom.jpg);
    clear: both;
    border-top: 5px solid #000000;
    border-bottom: 5px solid #000000;
}

#Bfooter
{	color:#999999;
    font-size: 1em;
    /*font-style: italic;*/
    margin-left: auto;
    margin-right: auto;
    width: 1125px;
    font-family: sans-serif;
}

/* configures the "Bfooter area */
#Bfooter a:link { color: #999999; text-decoration:none; }
#Bfooter a:visited { color: #999999; }
#Bfooter a:focus, #Bfooter a:hover { color: #ffffff; }
#Bfooter a:active { color: #999999; }

#footerBELOW
{
    font-size: .90em;
    /*font-style: italic;*/
    color: #999999;
    margin-left: auto;
    margin-right: auto;
    width: 1125px;
   font-family: sans-serif;
}

/* configures the "Bfooter area */
#footerBELOW a:link { color: #999999; text-decoration:none; }
#footerBELOW a:visited { color: #999999; }
#footerBELOW a:focus, #footerBELOW a:hover { color: #ffffff; }
#footerBELOW a:active { color: #999999; }

/* configures the "Skip to Content" */
#footer a { font-size: 0.80em; }
#footer a:link, #footer a:visited { color: #0033CC; }
#footer a:focus, #footer a:hover { color: #FF6633; }

/*	
--- --- --- LEFT NAV column STARTS below 
	 */

#nav{
    float: left;
    width: 200px;
    height: 970px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.80em;
    font-family: Ariel, Helvetica, sans-serif;
}

#nav td
{
    list-style-type: none; /*removes list markers from "Left Nav Column" */
    margin-top: 20px;
    margin: 0;
    padding: 0;
} 

/* configures pseudo-classes for the "Left Navigation Column" */
#nav a
{   
    text-decoration: none;
    padding: 20px;
    display: block;
    /*background-color: #AA151B;*/
    border-bottom: 1px solid #FFFFFF;
/*     border-top: 1px solid #FFFFFF;     */

}

#nav a:link {color: #ffffff; }
#nav a:visited { color: #ffffff; }
#nav a:focus{} 
#nav a:hover { color: #FFFFFF; background-color: #CC0033; }
#nav a:active { color: #000000; }


/* configure image in the "Left Navigation Column" */
#nav img
{
    border: 0;
    margin-left: auto;
    margin-right: auto;
}

/*	
--- --- --- LEFT NAV column ENDS above 
	 */

/*	
--- --- --- RIGHT NAV column STARTS below 
	 */

#nav_rightColumn
{
    float: right;
    width: 200px;
    height: 970px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.80em;
    font-family: Ariel, Helvetica, sans-serif;
}

/*	
--- --- --- LEFT NAV column ENDS above 
	 */
         

/*--- --- --- NAV_RIGHTCOLUMN TD NOT IN USED         
#nav_rightColumn td
{
list-style-type: none; --- removes list markers from Left Nav Column 
margin-top: 20px;
margin: 0;
padding: 0;
}
--- --- --- NAV_RIGHTCOLUMN TD NOT IN USED */

/* configures pseudo-classes for the "Left Navigation Column" */
#nav_rightColumn ul li a{	text-decoration: none;
							padding: 25px;
							display: block;
							background-color: #AA151B;
							border-bottom: 1px solid #FFFFFF; /* white line below img */
						 /* border-top: 1px solid #FFFFFF;     */}

#nav_rightColumn a:link {color: #ffffff; }
#nav_rightColumn a:visited { color: #ffffff; }
#nav_rightColumn a:focus{}
#nav_rightColumn a:hover{ color: #FFFFFF; background-color: #CC0033;}
#nav_rightColumn a:active { color: #000000; }

/* configure image in the "Left Navigation Column" */
#nav_rightColumn ul li a img
{
    margin-left: auto;
    margin-right: auto;
}

/*	
--- --- --- RIGHT NAV column ENDS above 
	 */


#qr_code {	border-bottom: 1px solid #FFFFFF;
}
 
#jump {		text-align: left;
			margin-left: 0;
			font-size: 10pt;
}

#jump a:link { color: #F1BF00; }
#jump a:visited { color: #F1BF00; }
#jump a:focus, #jump a:hover { color: #666666; }
#jump a:active { color: #F1BF00; }

/* configures the center area's paragraph element */
#center p
{
    margin: 20px;
    font-size: 14px;
    color: #ffffff;
    font-family: Ariel, Helvetica, sans-serif;
}

/* configures the h2 and h3 element selectors in the center area */
#center h2, #center h3
{
    color: #CC66CC;
    background-color: #F1BF00;
    height: 40px;
}

#Yellow
{
    color: #CC66CC;
    background-color: #F1BF00;
    height: 40px;
}

/* create a floatright id in the center area */
#floatright
{
    margin: 10px;
    float: right;
    border: 1px solid #F1BF00;
}

img {	border: 0;
} 

p.contact
{
    font-size: 0.80em;
    margin: 10px;
			
}
p.clear