@charset "utf-8";
/* CSS Document */


/* everything default to 0; like this: */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/Clouds-2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}
a:link {
	color: #472d74;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #866FB3;
}
a:hover {
	text-decoration: none;
	color: #6B43AF;
}

/* Container for all content */	
#wrapper{
	width: 990px;
	/* border: 1px solid #000000; */
	text-align:left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
#header {
	height: 200px;
	width: 990px;
	background-color: transparent;
}

/* Content container - add space all the way around text!!! */
#contentArea {
	width: 100%;
	top: 0px;
}
#navBar {
	z-index: 1000;
	background-image: url(images/nav/nav-top-repeat_05.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 46px;
	position: absolute;
	top: 204px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 165px;
	width: 825px;
	font-family: Arial, Helvetica, sans-serif;
}
#address {
	font-size: small;
	font-weight: bold;
	color: #472d74;
	text-align: center;
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	top: -24px;
	left: 66px;
}
#address a {
	text-decoration: none;
}
#address a:hover {
	text-decoration: none;
	color: #5B3995;
}
#mapContainer { 
	height: 100%; 
	width: 100%; 
} 
#releaseFormBox {
	width: 720px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#crewNames {
	width: 250px;
	float: left;
	position: relative;
	left: 200px;
	z-index: 250;
}
#crewPhoto {
	float: left;
	position: relative;
	left: 140px;
	top: 44px;
	z-index: 245;
}
.videoDisplay {
	height: 400px;
	border: 2px solid #66CCCC;
}

.dateHistory {
	font-family: "Times New Roman", Times, serif;
	font-size: large;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #3b1d6e;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	width: 930px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 24px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: #586ea8;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	width: 930px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 36px;
}
.titleParagh {
	color: #3b1d6e;
	font-weight: bold;
}


/* Clearing a float */

.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0px;
}
#basket {
	background-image: url(images/basket-balloon3.png);
	height: 314px;
	width: 483px;
	z-index: 900;
	position: absolute;
	top: -1px;
	left: -88px;
}
.tobLogo {
	background-image: url(images/logos/tob-logo.png);
	background-repeat: no-repeat;
	height: 91px;
	width: 192px;
	z-index: 800;
	top: 12px;
	position: absolute;
	right: 20px;
}

#balloon {
	background-image: url(images/balloon.png);
	height: 357px;
	width: 287px;
	z-index: 1;
	position: absolute;
	left: 870px;
	top: 300px;
}

#seagull1 {
	background-image: url(images/seagull-1.png);
	height: 114px;
	width: 83px;
	position: absolute;
	z-index: 10;
	top: 0px;
	right: 100px;
}
#seagull2 {
	background-image: url(images/seagull-2.png);
	height: 118px;
	width: 67px;
	position: absolute;
	z-index: 20;
	top: 80px;
	right: -80px;
	float: right;
}
.Border {
	border: 1px solid #05254B;
}
#footer{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 990px;
	height: 30px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #151A76;
}
/* Footer bar navigation container */
#footerNav {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}
#footerNav a {
	color: #151A76;
	text-decoration: none;
}
#footerNav a:hover {
	color: #00FFFF;
}
/* copyright */
#footerLeft {
	float:left;
	height: 20px;
	width: 300px;
	text-align: left;
	margin-left: 40px;
}
#footerLeft a {
	color: #1B2194;
	text-decoration: none;
}
#footerLeft a:hover {
	color: #00FFFF;
}
/* gulfnetwork link */
#footerRight {
	float:right;
	height: 20px;
	width: 400px;
	text-align: right;
	margin-right: 40px;
}
#footerRight a {
	color: #151A76;
	text-decoration: none;
}
#footerRight a:hover {
	color: #00FFFF;
}
/* text styles */
.textBlue {
	color: #0F2763;
	font-weight: bold;
}
.textSmall {
	font-size: x-small;
}

/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please leave this text & links intact for the next user +
*/

.nav-left {
	background-image: url(images/nav-box/nav-box-left_01.png); /* CHANGE: path and name of your image */
	height: 77px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 30px; /* CHANGE: replace by the width of one of your corners */
	}
.nav-right {
	background-image: url(images/nav-box/nav-box-right_01_03.png); /* CHANGE: path and name of your image */
	height: 77px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 30px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -77px;  /* CHANGE: replace by the height of one of your corners */
	}
.nav-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.deco-left {
	background-image: url(images/deco-box-bottom/bottom-box-left_01.png); /* CHANGE: path and name of your image */
	height: 77px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
	}
.deco-right {
	background-image: url(images/deco-box-bottom/bottom-box-right_01_03.png); /* CHANGE: path and name of your image */
	height: 77px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 30px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -77px;  /* CHANGE: replace by the height of one of your corners */
	}
.deco-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.submenuItem {
	background-color: #0D1048;
	border: 1px solid #586ea8;
}
.top-left {
	background-image: url(images/box-Hd/boxHd-left_03.png); /* CHANGE: path and name of your image */
	height: 30px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	background-repeat: no-repeat;
	background-position: left top;
	}
.top-right {
	background-image: url(images/box-Hd/boxHd-right_05.png); /* CHANGE: path and name of your image */
	height: 30px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	background-repeat: no-repeat;
	background-position: right top;
}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left {
	background-image: url(images/box-footer/boxFooter-Left_06.png); /* CHANGE: path and name of your image */
	height: 30px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	background-repeat: no-repeat;
	background-position: left bottom;
	background-position: 0px;    /* CHANGE: replace second number by negative height of one of your corners */
}
.bottom-right {
	background-image: url(images/box-footer/boxFooter-Right_07.png); /* CHANGE: path and name of your image */
	height: 30px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	background-repeat: no-repeat;
	background-position: right bottom;
}
.bottom-right {
	background-position: 100% 0px; /* CHANGE: replace second number by negative height of one of your corners */
}
.top-left, .bottom-left { 
	margin-right: 30px; /* CHANGE: replace by the width of one of your corners */
}
.top-right, .bottom-right { 
	margin-left: 30px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -30px;  /* CHANGE: replace by the height of one of your corners */
}
.inside-left {
	background-image: url(images/MidBox/boxMiddle-left_06.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.inside-right {
	background-image: url(images/MidBox/boxMiddle-right_07.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.notopgap    { 
	margin-top: 0; 
}    /* DNC: to avoid splitting of the box */
.nobottomgap {
	margin-bottom: -0.005px;
	padding-bottom: 0.005px;
} /* DNC: to avoid splitting of the box */

/*
implementation in the page:
	...
	<head>
	<link rel="stylesheet" type="text/css" href="liquidcorners.css">
	...
	</head>
	
	<body>
	...
	<div class="top-left"></div><div class="top-right"></div>
		<div class="inside">
		<p class="notopgap">Your text & other things inside</p>
		...
		<p class="nobottomgap">...</p>
		</div>
	<div class="bottom-left"></div><div class="bottom-right"></div>
	...
	</body>
*/
#wrapper p, h1, h2, h3, h4, h5, h6, form, fieldset {
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
}
.paddingNeeded {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 40px;
}
.textPurple {
	color: #663399;
}
.textTeal {
	color: #66cccc;
}
.textLtPurple {
	color: #584eaa;
}
.textWhite {
	color: #FFFFFF;
}

#weatherPanel {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#directions {
	width: 740px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.boxGap {
	height: 8px;
}