/*
****************************************************************************
	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/PR/PR_Banner5/WebPage-BannerPR.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 {	font-size: .80em;
			font-style: italic;
			margin-left: auto;
			margin-right: auto;
			width: 1125px;
			font-family: Verdana, Arial, sans-serif, "Trebuchet MS";
}

#Bfooter table {	color:#999999;
				font-family: "Trebuchet MS";
				font-size: 12px;
}

/* 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; }

/* 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 column navigation menu *** *** *** 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 the list markers from the "Left Navigation 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;
}

/* configures the "sidebar right column area */
#sidebar {	float: right;
			width: 200px;
			font-weight: bold;			
			margin-left: auto;
			margin-right: auto;
}

#sidebar img {	margin-left: auto;
				margin-right: auto;
					
}

/* configure right sidebar column

}
#sidebar orderList {	margin: 10px;
					color: #ffffff;
}

#sidebar p { text-decoration: none; 
			font-size: 1.2em;
			color: #ffffff;
}
 */

#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;
}

/* 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