/* applied to trips.html  */

/* --------------- Class Declarations--------------------  */

/* this formats the h5 purple destination links in the right column. I created an h5 CLASS instead of formatting the h5 LINK (i.e. " h5 a {style} ", because I couldn't get the link to format like that! the class is applied directly within the <a> tag of the html document itself. 
*/
h5 {
	margin:0;
	padding:0;
}
.h5 {
	font-size: 16px; 
	text-decoration: none; 
	color: purple;
}

.h5:hover {
	color: green;
}

/* Previously, each destination's h5 had its own color. Now they are all purple. If you ever want to re-instate individual colors, here is an example of the old h5 destination class descriptions:
.puglia {
	font-size: 16px;
	color: brown;
	text-decoration: none;
	font-weight: 500px; }
.puglia:hover {
	color: green; }
*/

.destination {	 /*icon plus description box */
	width: 300px; 
	display: inline;
}
.icon {
float: left;
width: 85px;
display: inline; 
margin-top: 5px;
}
.description {
float: right;
width: 200px;
text-align: left; 
display: inline;
}
.blurb {
width: 185px;
font-style: italic; 
line-height: 120%;
display: inline;
}

/* --------------- Div Styles --------------------  */

/*#content #narrowpic dt a {
	font-size: 16px;
	text-decoration: none;
	
}*/

#content { 
	margin-top: 60px; 
	display: inline;}
#content #widetext { display: inline;}
#content #pic { 
	width: 300px;
	text-align: left; 
	position: static; 
	margin-right: 33px;
	color: black; 
	display: inline;
}
#content #pic dt a:hover {
	color: gray;	
}

#content #pic dt {clear: both;}

/* --------------- Navigation Bar Two--------------------  */

#nav-bar2 {
	height: 19px; 
	width: 450px; 
	float: right; 
	clear: both; 
	margin-top: 0px;}   

#nav-bar2 dl {float: right; margin-right: 30px; padding: 0;}
#nav-bar2 dt {  float: left; }

#nav-bar2 dt a {
	display: block;
	height: 0px !important;
	height /**/:19px; /* IE 5/Win hack */ 
	padding: 19px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#nav-bar2 dt a:hover {
	background-position: 0 -19px;	
}

#nav-bar2 dt#tuscany, 
#nav-bar2 dt#tuscany a { width: 79px; background-image: url(../images/nav/nav2/tuscany2.gif); }

#nav-bar2 dt#puglia, 
#nav-bar2 dt#puglia a { width: 72px; background-image: url(../images/nav/nav2/puglia2.gif); }

#nav-bar2 dt#sicily, 
#nav-bar2 dt#sicily a { width: 67px; background-image: url(../images/nav/nav2/sicily2.gif); }

#nav-bar2 dt#dolomites, 
#nav-bar2 dt#dolomites a { width: 79px; background-image: url(../images/nav/nav2/tuscany2.gif); }