/* CSS Document */


/* HTML styles */
html {
	margin: 0px;
	padding: 0px;
	}
	
body{
		background: #80AAF2 url("images/homeBg.gif") left top repeat-x;
		color: #260F05;
		font: normal 14px/18px trbuchet, arial, helvetica, verdana, sans-serif; 
		margin: 0px; 
		padding: 0px;
		text-decoration: none;		
		}
	
a:link {
		/*border-bottom: 1px dotted #A55725;*/
		color: #1B1603;
		text-decoration: none;
		}

a:hover {
		color: #503760;
		}
	
a:visited {
			/*border-bottom: 1px dotted #A55725;*/
			color: #1B1603;
			text-decoration: none;
			}
		
		
div, li, ol, ul{	
		color: #1B1603;
		font: normal 14px/18px arial, helvetica, verdana, sans-serif; 
		margin: 0px; 
		padding: 0px;
		text-decoration: none;	
		}
		

form {margin: 0;}

	
p, pre {
	color: #1B1603;
	font: normal 14px/18px Trebuchet MS, arial, helvetica, verdana, sans-serif;
	margin:0px 0px 0px 0px; 
	}

	
.italic{
	font-style:oblique;
	}
	
.bold{
	font-weight: bold;
	}
	
	

/* Holds the position and with of the main window */	

table.main{
	width: 800px;
	border: 0px;
}

tr.main{
	background: #80AAF2 url("images/costaLogo.gif") left top no-repeat;
	height: 103px;

}

td.headerMenu{
	width: 290px;
	text-align: center;	
	vertical-align:bottom;
	background: #80AAF2 url("images/menuBox.gif") left bottom no-repeat;

}

p.topMenuText{
	margin-bottom: 4px;
	}


a.topMenu:link, a.topMenu:visited{
	color: #1B1603;
	font: bold 14px/15px arial, helvetica, verdana, sans-serif;
}

a.topMenu:hover{
	background-color: #FFE8AB;
}

.topMenuDivider{
	color: #FFE8AB;
	font: bold 14px/15px arial, helvetica, verdana, sans-serif;
	margin-left: 10px;
	margin-right: 10px;
}


td.footer{
		color: #FFE8AB;
		font: normal 12px/15px arial, helvetica, verdana, sans-serif; 
		margin: 0px; 
		padding-top: 10px;
		text-decoration: none;	
		text-align: center;
}

td.secondaryBody{
	background: #E5CC8B;
	border: 1px solid #D8B360;
	padding: 10px;
	width: 800px;
	}
	
#bodyMain{
	width: 778px;

}


#bodyMainLeft{
	width: 389px;
	background: #D8B360;
	padding: 10px 0px 10px 0px;
	float: left;
}

#bodyMainRight{
	width: 372px;
	padding: 10px 0px 10px 17px;
	float: right;
}

#bodyMain p{
	color: #1B1603;
	font: normal 14px/18px Trebuchet MS, arial, helvetica, verdana, sans-serif;
	margin: 0px 10px 0px 10px;
	text-align: left;
}

#bodyMain h1{
	color: #1B1603;
	font: bold 18px/24px Trebuchet MS, arial, helvetica, verdana, sans-serif;
	margin: 0px 10px 6px 10px;
	text-align:center;
}

#bodyMain h2{
	color: #1B1603;
	font: bold 18px/24px Trebuchet MS, arial, helvetica, verdana, sans-serif;
	font-style:italic;
	margin: 0px 10px 6px 10px;
	text-align:center;
}

#bodyMain h3{
	color: #1B1603;
	font: bold 16px/19px Trebuchet MS, arial, helvetica, verdana, sans-serif;
	margin: 0px 10px 0px 10px;
	text-align:left;
}


#bodyMain ul.list{
	border: 0px;
	list-style-type: square;
	margin-left: 12px;
	padding: 0px;
	}
	
#bodyMain ol.list{
	border: 0px;
	margin-left: 12px;
	padding: 0px;
	}
	
#bodyMain li.list{
	color: #1B1603;
	font: normal 14px/17px Arial, Helvetica, Verdana, sans-serif;
	margin-left: 14px;
	text-align: left;
	}
	
#bodyMainBottom{
	width: 778px;
	float:left;
	margin:0px;
}

	
p.bottomMenuText{
	padding-left:520px;
	}
	
a.bottomMenu:link, a.bottomMenu:visited{
	color: #1B1603;
	font: bold 12px/14px arial, helvetica, verdana, sans-serif;
}

a.bottomMenu:hover{
	background-color: #FFE8AB;
}

.image{
	border: 1px solid #1B1603}
	
table.shop{
	padding: 0px 10px 10px 10px;
	}