@charset "utf-8";
/* CSS Document */
#content a:link { text-decoration: none; color: #03F;}  /* I've re-defined the default #content link styles */
#content a:visited {	text-decoration: none; color: #03F;}
#content a:hover { text-decoration: underline; font-weight:bold; color: #03F; }
#content a:active { text-decoration: underline; font-weight:bold; color: #03F;}

p, ul {	font-size:1.1em;} 	/* 11 pt */
p {padding:10px; margin:0;}

#leftcol {
	position:fixed;
	width: 150px;
	background: url(../misc-images/background_egypt_liva_leftcol.gif) repeat-y right top;
	/*height:500px;*/
}

.leftcol-menu-heading {
	font-weight:bold;
	margin-top: 4px;
	margin-left:-10px;
	color:#003;
}


#content {margin-left: 160px;}	/* Over rides the value specified in default.css */

#content h1 {color: #000;letter-spacing:1px;}
#content h2 {color: #000;letter-spacing:1px; margin-bottom: 0;}
#content h3 {color: #000;letter-spacing:1px;padding-top:5px; margin-bottom:5px; margin-top:0;}
#content h4 {
	color: #000;
	letter-spacing:1px;
	padding:0 0 5px 10px;
	margin:0;
	border:none;
	}
#content h5 {color: #003300; margin-top: 5px;}
#content p {letter-spacing:1px;}
#content ul {letter-spacing:1px;}

.text-bold-margintop {
	font-weight:bold;
	margin-top:25px;
}

.text-bold-padding5 {
	font-weight:bold;
	padding:3px 0 2px 10px;
	margin:0;
}

#content .link-text a {
color:#003;
background:url(../misc-images/icons/arrow-green_up.gif) no-repeat;
background-position: 4px 60%;
padding-left:22px;
font-weight:bold;
text-decoration:none;
}

#content .link-text a:hover {
background:url(../misc-images/icons/arrow-green_down.gif) no-repeat;
background-position: 5px 60%;
background-color:#CFF;
padding:3px 5px 3px 22px;
color:#036;
font-weight:bold;
	-moz-border-radius-topright:9px;				/* for Firefox */
	-webkit-border-top-right-radius:9px;		/* for Safari */
}

.imagegallery {
	margin-left: 30px;
	margin-right: 30px;
	text-align:center;
	z-index: 201;	
}

.imagegallery img {border-color: #09c;}
.imagegallery img:hover {border-color: #F00;																
	opacity:.50; 										/* CSS3 opacity (Firefox 2+ / Safari */
	-ms-filter:"alpha(opacity=50)";	/* IE8 opacity - this MUST preceed IE7 filter for IE8 beta to work. */
	filter:alpha(opacity=50);				/* IE7 & IE6 opacity */
	cursor:pointer; 
}

.rightimage-marginright10 {
	float: right;
	margin-right:10px;
}

.rightimage-marginright5 {
	float: right;
	margin-right:5px;
}

.liva-egypt-heading-background {	
	margin-top:10px;
	margin-right:10px;
  background-color:#09C;
}

.liva-egypt-subheading-background {	
	margin-top:25px;
	margin-right:10px;
  background-color:#09C;
}

img.img-eufcertified {
	float: right;
	margin: 5px 10px 0 2px;
	border:none;
}

.bg-pete { background-color:#0C9;}
.pp-sprytt-hint { border-bottom: 1px dashed #069; color:#069; }

.liva-egypt-briefinfobox-background {	
	margin:8px 0 8px 10px;
	padding-left:33px;
	width: 256px;
  background-color:#CFF;
	border: 1px #09c solid;
	background-repeat: no-repeat;
	background-position: 1% 50%;
}

.boatclassbox {background-image: url(../misc-images/icons/icon_boat_small_1.png);background-repeat: no-repeat;}
.nitroxbox {background-image: url(../misc-images/icons/icon_nitroxtank_small_1.png); padding-left:66px; Width:223px;background-repeat: no-repeat;}
.briefspecbox {background-image: url(../misc-images/icons/icon_info_small_1.png);background-repeat: no-repeat;}
.searchsailingbox {background-image: url(../misc-images/icons/icon_search_small_1.png);background-repeat: no-repeat;}
.contactbox {background-image: url(../misc-images/icons/icon_contact_small_1.png);background-repeat: no-repeat;}

.liva-egypt-contentimages-border-floatright {	
	float: right;
	margin-right:10px;
	margin-left:3px;
	border: 2px #09C solid;
	border-top-width:0px;
}

img.liva-egypt-contentimages-border-floatright:hover {	/* Changes the image/border when the img is hovered over. For ToolTip images*/ 
	border-color: #F00;																		/* BUT....... THIS IS NOT WORKING IN IE THOUGH? */
	opacity:.50; 										/* CSS3 opacity (Firefox 2+ / Safari */
	-ms-filter:"alpha(opacity=50)";	/* IE8 opacity - this MUST preceed IE7 filter for IE8 beta to work. */
	filter:alpha(opacity=50);				/* IE7 & IE6 opacity */
	cursor:pointer;
}

.liva-egypt-contentimages-border-floatleft {	
	float: left;
	margin-left:10px;
	margin-right:10px;
	border: 2px #09C solid;
	/*border-top-width:0px;*/
}

img.liva-egypt-contentimages-border-floatleft:hover {	/* Changes the image/border when the img is hovered over. For ToolTip images*/ 
	border-color: #F00;																	/* BUT....... THIS IS NOT WORKING IN IE THOUGH? */
	opacity:.50; 										/* CSS3 opacity (Firefox 2+ / Safari */
	-ms-filter:"alpha(opacity=50)";	/* IE8 opacity - this MUST preceed IE7 filter for IE8 beta to work. */
	filter:alpha(opacity=50);				/* IE7 & IE6 opacity */
	cursor:pointer;
}

.liva-egypt-link-text-div {
	float:right;
	width:450px;
	padding:15px 0 0 0;
}