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

a {	text-decoration: none;
}

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

p.comment {	color: #CCCCCC;
			font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
			font-size: 1.25em;
			letter-spacing:3px;
} 

p.body_text {	color: #CCCCCC;
				font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
				font-size: 0.875em;
				padding: 10px;
} 

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

#center {	margin: 0 0 0 0; /* middle column margin */
			padding: 1px 1px 1px 1px;
			background-color: #000000;
			height: 1625px;
}

#center a:hover span {display: block;     
position: absolute;
top: 10px;
left: 300px; 
text-align: center;
}

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

#copyright {	text-align: center;
			font-size: 0.8em;
			color: #999999;
			font-family:"Trebuchet MS";
}

#copyright a {	text-align: center;
				font-size: 1.1em;
				color: #999999;
				font-family:"Trebuchet MS";
}

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

#Bfooter {	font-size: .80em;
			width: 1175px;
			margin-left: auto;
			margin-right: auto;
			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; }

		
#header{	background-color: #003399;
			background-image: url(../Images/PR/PR_Banner5/SantaMariaMorro-1100.jpg);
			background-position: center;
			background-repeat: no-repeat; /* will not repeat*/
			background-size: 1100px 300px;
			height: 300px;
			color: #CC0033;
			padding: 0px 0px;
			border-bottom: 5px solid #000000;
}

/* create a floatright id in the center area */

img {	margin-left:0px;
		float: left;
}

.R_COL_IMG {	
}

#R_COL_IMG2 {	vertical-align:middle;
				margin-top:0px;
				margin-right: 10px;
				margin-bottom: 15px;
				margin-left: 10px;
}

.R_COL_TXT {	
}

#R_COL_TXT {margin-top:10px;
				margin-right: 10px;
				margin-bottom: 5px;
				margin-left: 10px;	
}

#TopNav{
}

.TopNav {	text-align: center;
			padding-top: 20px;
			height: 40px;
			font-size: 0.80em;
			font-family: Verdana, Arial, sans-serif;
			background-color: #AA151B;
}

.TopNav a {	text-decoration: none;
			padding-top: 20px;
			padding-right:40px;
			padding-left:40px;
			padding-bottom:25px;
			/*display: block;*/
			background-color: #AA151B;
			/*border-bottom: 1px solid #FFFFFF;*/
			/* border-top: 1px solid #FFFFFF; */
}

.TopNav a:link {color: #ffffff;  }
.TopNav a:visited { color: #ffffff; }
.TopNav a:focus, .TopNav a:hover { color: #F1BF00; background-color: #CC0033;}
.TopNav a:active { color: #000000; }

#TM {
}

#TM  a{	font-family: "Lithos Pro Regular";
		font-size: .8em;
}

#TM a:link {color: #CCCCCC; text-decoration:none; }
#TM a:visited { color: #CCCCCC; }
#TM a:focus, #TM a:hover { color: #FF0000; text-decoration:underline}
#TM a:active { color: #CCCCCC; }