/* CSS Document */

body
{

	
}


#header
{
    font-family:Arial,sans-serif;
	color: #000000;
	}
	
#content
{
    font-family:Arial,sans-serif;
	color: #000000;
	background-color:#FFF2D0;
	}

a.rollover { 
   display: block; 
   width: 229px; 
   height: 218px; 
   text-decoration: none; 
   background: url("/featuredCruises/7DayCycladic.gif"); 
} 

a.rollover:hover { 
   background-position: -229px 0; 
} 

a.rollover2 { 
   display: block; 
   width: 229px; 
   height: 218px; 
   text-decoration: none; 
   background: url("/featuredCruises/7DayCycladicPearls.gif"); 
} 

a.rollover2:hover { 
   background-position: -229px 0; 
} 

a.rollover3 { 
   display: block; 
   width: 229px; 
   height: 218px; 
   text-decoration: none; 
   background: url("/featuredCruises/7DayAegeanOdyssey.gif"); 
} 

a.rollover3:hover { 
   background-position: -229px 0; 
} 

a.rollover4 { 
   display: block; 
   width: 229px; 
   height: 218px; 
   text-decoration: none; 
   background: url("/featuredCruises/7DayDiscovery.gif"); 
} 

a.rollover4:hover { 
   background-position: -229px 0; 
} 

a.rollover5 { 
   display: block; 
   width: 229px; 
   height: 218px; 
   text-decoration: none; 
   background: url("/featuredCruises/bestOfGreece.gif"); 
} 

a.rollover5:hover { 
   background-position: -229px 0; 
} 

a.rollover6 { 
   display: block; 
   width: 229px; 
   height: 218px; 
   text-decoration: none; 
   background: url("/featuredCruises/7DaySpainPortugal.gif"); 
} 

a.rollover6:hover { 
   background-position: -229px 0; 
} 

a.rollover7 { 
   display: block; 
   width: 229px; 
   height: 218px; 
   text-decoration: none; 
   background: url("/featuredCruises/7NightExcellentBudget.gif"); 
} 

a.rollover7:hover { 
   background-position: -229px 0; 
} 


a.rollover8 { 
   display: block; 
   width: 229px; 
   height: 218px; 
   text-decoration: none; 
   background: url("/featuredCruises/7DayCruise_new.gif"); 
} 

a.rollover8:hover { 
   background-position: -229px 0; 
} 

a.rollover9 { 
   display: block; 
   width: 229px; 
   height: 218px; 
   text-decoration: none; 
   background: url("/featuredCruises/2010FromVenice.gif"); 
} 

a.rollover9:hover { 
   background-position: -229px 0; 
} 

a.rollover10 { 
   display: block; 
   width: 229px; 
   height: 218px; 
   text-decoration: none; 
   background: url("/featuredCruises/2010FromSplit.gif"); 
} 

a.rollover10:hover { 
   background-position: -229px 0; 
} 


a.rollover11 { 
   display: block; 
   width: 229px; 
   height: 218px; 
   text-decoration: none; 
   background: url("/featuredCruises/7DayClassicalGreece.gif"); 
} 

a.rollover12:hover { 
   background-position: -229px 0; 
} 

a.rollover12 { 
   display: block; 
   width: 229px; 
   height: 218px; 
   text-decoration: none; 
   background: url("/featuredCruises/2010FromDubrovnik.gif"); 
} 

a.rollover11:hover { 
   background-position: -229px 0; 
} 



 div.Article {
  background: 
	url(images/topleft_popItems.gif) 
  top left no-repeat;
  width:100%;
  }
div.Article h2 {
  background: 
	url(images/topright_popItems.gif) 
  top right no-repeat;
  font-size:1.2em;
  color: #000000;
  padding:15px;
  margin:0;
  text-align:center;
  }
div.ArticleBody {
  background: 
	url(images/rightborder_popItems.gif) 
  top right repeat-y;
  margin:0;
  margin-top:-2em;
  padding:15px;
  }
div.ArticleFooter {
  background: 
	url(images/bottomleft_popItems.gif) 
  bottom left no-repeat;
  }
div.ArticleFooter p {
  background: 
	url(images/bottomright_popItems.gif) 
  bottom right no-repeat;
  display:block;
  padding:15px;
  margin:-2em 0 0 0;
  }

h1 
{font-size: 16px;
	color: #000000;
	}
	
	h2
{font-size: 13px;
	color: #000000;
	}
	
	h3
{font-size: 13px;
	color: #000000;
	}
	
		h5
{font-family:Arial,sans-serif;
	font-weight: bold; 
	color: #666666;
	font-size:12px;
	}
	
	input, select, textarea
{
border:1px hairline blue;
background-color:#fffff;
color:#666666;
font-weight:bold;
font-size:12px;
}
	
	label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
} 

a span {
	display: none;
	text-decoration: none;
}

a:hover {
/** fix for IE6 popup bug.  nice one Microsoft! */
	overflow: hidden;
	text-decoration: none;
}

a:hover span {
	display: inline;
	border: 1px solid black;
	position: absolute;
	background-color: white;
	padding: 5px;
	margin-left: 5px;
	overflow: hidden;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.0;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleborder img{
border: 1px solid #ccc;
}

.toggleborder:hover img{
border: 1px solid navy;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}