/*        
site:      http://scubalatif.com
version:   2.2
date:      02/02/08
client:    Abdullatif Al-Naemi, Doha, Qatar
author:    Alastair Johnson for Webpixel Media
email:     info@webpixelmedia.com
website:   http://webpixelmedia.com
*/

@import url("zero.css");

/* @group DEFAULTS */
/* font rules separate for Safari */
body,
html,
#container {
	height: 100%;
	}
body {
	font-family: verdana, lucida grande, trebuchet ms, trebuchet, arial, helvetica, sans-serif;
	font-size: 75%;
	color: #333;
	background: #173154 url(../i/assets/grad.jpg) fixed;
}
p {
	margin: 1em 0;
}
img {
	display: block;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
abbr, acronym {
	border-bottom: 1px dotted;
}
cite {
	font-style: italic;
}
/* @end */

/* @group LAYOUT */
/* Hides transparency png from IE6 and less */
body>#container {
	background: url(../i/assets/dropsh.png) repeat-y fixed center top;
}
#pagecell {
	width: 800px;
	margin: 0 auto;
	background: #f0f0f0 url(../i/backgrounds/tile.jpg) fixed;
	overflow: hidden;
}
#header {
	height: 150px;
	background-repeat: no-repeat;
}
#navbar {
	width: 800px; height: 30px;
	text-align: center;
}
#content {
	width: 590px;
	margin-right: 20px;
	float: right;
	display: inline;
	overflow: hidden;
	padding-bottom: 20px;
}
#sidebar {
	width: 170px;
	float: left;
	display: inline;
	border: 1px solid #ccc;
	border-left: none;
	margin-bottom: 20px;
}
#footer {
	clear: both;
	color: #fff;
	background: #173154 url(../i/assets/qdfooter.gif) no-repeat 7px center;
}
/* @end */

/* @group HEADER */
div#header h2 {
	position: absolute;
	left: -9999px;
}
#homepage1 #header, .homepage #header, .infopage #header, .archpage #header {
	background: url(../i/backgrounds/banner1b.jpg);
}
.coursespage #header {
	background: url(../i/backgrounds/banner2b.jpg);
}
.guestbookpage #header {
	background: url(../i/backgrounds/banner3b.jpg);
}
.gallerypage #header {
	background: url(../i/backgrounds/banner4b.jpg);
}
.articlespage #header {
	background: url(../i/backgrounds/banner5b.jpg);
}
.qatarpage #header {
	background: url(../i/backgrounds/banner6b.jpg);
}
.contactpage #header {
	background: url(../i/backgrounds/banner7b.jpg);
}
/* @end */

/* @group NAVIGATION */
/* main nav */
ul#navbar li {
	float: left;
	display: inline;
	width: 114px;
	height: 35px;
}
ul#navbar li a {
	display: block;
	padding: 5px 5px 20px;
	color: #333;
	background: url(../i/assets/button.jpg) no-repeat;
}
ul#navbar li a:hover {
	background: url(../i/assets/button1.jpg) no-repeat;
	color: #173154;
	font-weight: bold;
}
ul#navbar li a:active {
	background: url(../i/assets/button1.jpg) no-repeat;
	color: red;
	font-weight: bold;
}
.homepage #homecell a, .coursespage #coursescell a, .gallerypage #gallerycell a, .articlespage #articlescell a, .qatarpage #qatarcell a, .guestbookpage #guestbookcell a, .contactpage #contactcell a {
	background: url(../i/assets/button1.jpg) no-repeat;
	color: #173154;
	font-weight: bold;
}

/* sub nav */
#subnav, #archnav {
	font-family: trebuchet ms, trebuchet, lucida grande, verdana, arial, helvetica, sans-serif;
}
#subnav li, #archnav li {
	border-top: 1px solid #ccc;
	float: left; /* for IE */
}
#subnav li a, #archnav li a {
	display: block;
	width: 150px; /* for IE */
  	padding: 6px 5px;
	border-left: 10px solid #ddd;
	background: #f0f0f0;
	color: #333;
	text-decoration: none;
}
#subnav li a:hover, #archnav li a:hover {
	border-left: 10px solid #babab5;
	background: #dfdfff;
	color: #999;
}
#homepage1 #homenav1 a,
#homepage2 #homenav2 a,
#homepage3 #homenav3 a,
#homepage4 #homenav4 a,
#archpage1 #archnav1 a,
#archpage2 #archnav2 a,
#archpage3 #archnav3 a,
#archpage4 #archnav4 a,
#coursespage1 #coursesnav1 a,
#coursespage2 #coursesnav2 a,
#coursespage3 #coursesnav3 a,
#coursespage4 #coursesnav4 a,
#coursespage5 #coursesnav5 a,
#coursespage6 #coursesnav6 a,
#coursespage7 #coursesnav7 a,
#coursespage8 #coursesnav8 a,
#coursespage9 #coursesnav9 a,
#coursespage10 #coursesnav10 a,
#coursespage11 #coursesnav11 a,
#coursespage12 #coursesnav12 a,
#coursespage13 #coursesnav13 a,
#coursespage14 #coursesnav14 a,
#coursespage15 #coursesnav15 a,
#coursespage16 #coursesnav16 a,
#coursespage17 #coursesnav17 a,
#coursespage18 #coursesnav18 a,
#coursespage19 #coursesnav19 a,
#coursespage20 #coursesnav20 a,
#coursespage21 #coursesnav21 a,
#coursespage22 #coursesnav22 a,
#coursespage23 #coursesnav23 a,
#gallerypage1 #gallerynav1 a,
.gallerystudents08 #navstudents08 a,
.gallerystudents07 #navstudents07 a,
.gallerywreck07 #navwreck07 a,
.galleryredsea07 #navredsea07 a,
.gallerydubai07 #navdubai07 a,
.gallery39p #nav39p a,
.gallerystudents06 #navstudents06 a,
.gallerysplash06 #navsplash06 a,
.galleryoman06 #navoman06 a,
.gallerystudents05 #navstudents05 a,
.galleryoman05 #navoman05 a,
.galleryadeline05 #navadeline05 a,
.gallerystudents03 #navstudents03 a,
.galleryjunior #navjunior a,
.gallerymarine #navmarine a,
#articlespage1 #articlesnav1 a,
#articlespage2 #articlesnav2 a,
#articlespage3 #articlesnav3 a,
#articlespage4 #articlesnav4 a,
#articlespage5 #articlesnav5 a,
#articlespage6 #articlesnav6 a,
#articlespage7 #articlesnav7 a,
#articlespage8 #articlesnav8 a,
#articlespage9 #articlesnav9 a,
#qatarpage1 #qatarnav1 a,
#qatarpage2 #qatarnav2 a,
#qatarpage3 #qatarnav3 a,
#qatarpage4 #qatarnav4 a,
#qatarpage5 #qatarnav5 a,
#guestbookpage1 #navguestbook1 a,
#contactpage1 #contactnav1 a,
#infopage1 #infonav1 a,
#infopage2 #infonav2 a,
#infopage3 #infonav3 a {
	border-left: 10px solid #babab5;
	background: #173154;
	color: #fff;
}
#sidebar #subnav li a:hover, #sidebar #archnav li a:hover {
	color: #999;
}
#sidebar #subnav li a:active, #sidebar #archnav li a:active {
	background: #173154;
	color: #fff;
}
#archnav h4 {
	font-weight: bold;
	border-top: 1px solid #ccc;
  	padding: 6px 15px;
  	background: #f0f0f0;
	color: #333;
	text-decoration: underline;
/*	background: #173154;
	color: white; */
}
/* specific rules for EFR page */
#subnav li#coursesnav24 a {
	color: #f00;
}
#subnav li#coursesnav24 a:hover {
	color: #f99;
}
#subnav li#coursesnav24 a:active, #coursespage24 #subnav li#coursesnav24 a {
	border-left: 10px solid #babab5;
	background: #f00;
	color: #fff;
}
#coursespage24 #subnav li#coursesnav24 a:hover {
	color: #f99;
}
#coursespage24 #subnav li#coursesnav24 a:active {
	color: #fff;
}
/* @end */

/* @group CONTENT */
h1 {
	font: bold 200% 'trebuchet ms', trebuchet, 'lucida grande', arial, helvetica, verdana, sans-serif;
	color: #fff;
	margin: 0 1ex; padding: .4em 0;
}
h2 {
	font: bold 150% 'trebuchet ms', trebuchet, 'lucida grande', arial, helvetica, verdana, sans-serif;
	text-align: center;
	margin: 1em 0 1.1em;
}
h3 {
	margin-bottom: 1em; padding-left: .5em;
	font-size: 1em;
	font-style: italic;
	background: #173154;
	color: #fff;
}
h4 {
	font-weight: bold;
	margin-bottom: 1.1em 0 1em;
}
#content {
	line-height: 1.6;
	position: relative;
}
div.article {
	width: 568px;
	background: #fff;
	border: 1px solid #999;
	margin-top: 20px; padding: 10px;
}
div.section {
	margin-bottom: 2em;
}
#content a {
	color: #333;
	border-bottom: 1px dotted;
}
#content a:hover {
	background: #173154;
	color: #fff;
	text-decoration: none;
	border: none;
}
#content a:active {
	color: #333;
	background: none;
	border-bottom: 1px dotted;
}
p.first_paragraph {
	text-indent: 1.5em;
}
.articlespage p.first_paragraph:first-letter, .qatarpage p.first_paragraph:first-letter {
	font: bold 150% 'trebuchet ms', trebuchet, 'lucida grande', arial, helvetica, verdana, sans-serif;
}
#content ul {
	margin-top: 1em;
	list-style: disc;
	margin: 1em 0 2em 15px;
}
#content ul ul {
	list-style: circle;
}
#content li {
	margin-bottom: 1em;
}
#content dt {
	margin-bottom: 1em; padding-left: .5em;
	font-size: 1em;
	font-style: italic;
	background: #173154;
	color: #fff;
}
#content dd {
	margin-bottom: 1em;
}
/* @end */

/* @group SIDEBAR */
#sidebarcontent {
	border-top: 1px solid #ccc;
	clear: left; /* for IE */
	background: #fff;
	padding-bottom: 1px; /* margin-collapse fix */
}
#sidebarcontent p {
	font-size: 90%;
	line-height: 1.35;
	margin: 0; padding: 0;
}
div.highlight {
	background: #173154 url(../i/assets/quote2_start.gif) no-repeat 5px 5px;
	margin: 10px;
	padding: 10px 0;
}
div.highlight p {
	color: #fff;
	text-align: center;
	font-style: italic;
	text-indent: 20px;
	width: 130px; /* the p centred this way... */
	position: relative; /* cus, done any other... */
	left: 10px; /* IE6 breaks the sidebar border	 */
}
div.highlight a {
	color: #fff;
	border-bottom: 1px dotted;
}
div.highlight a:hover {
	background: #fff;
	color: #173154;
	border: none;
}
div.highlight a:active {
	background: none;
	color: #fff;
	border-bottom: 1px dotted;
}
div#updated {
	background: #fff;
}
div#updated p {
	background: #fff;
	margin: 0;
	font-style: normal;
}
/* @end */

/* @group FOOTER */
#footer img {
	position: absolute;
	top: 5px;
	left: 5px;
}
#footer ul {
	margin-left: 190px;
	padding: 1em 0 1.5em;
}
#footer li {
	display: inline;
	margin-right: .5em;
}
#footer li:after {
	content: "|";
	margin-left: .5em;
}
#footer li.last:after {
	content: "";
}
#footer a {
	color: #fff;
	border-bottom: 1px dotted;
}
#footer a:hover {
	color: #333;
	background: #fff;
	border: none;
}
#footer a:active {
	color: #fff;
	background: none;
	border-bottom: 1px dotted;
}
/* @end */

/* @group PAGETITLES */
#content #pagetitle {
	background-repeat: no-repeat;
	background-position: left center;
	width: 590px; height: 50px;
	padding: 5px 0;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
}
/* @end */

/* @group HOME */
div#thismonth {
	margin-top: 20px;
	position: relative;
}
div#thismonth h2 {
	position: absolute; left: 1em; top: 0px;
	color: #333;
	border-top: 1px solid;
	border-left: 1px solid;
	padding: .2em;
}
div#thismonth img {
	border: 1px solid #999;
}
#homepage1 div.article, .archpage div.article {
	float: left;
}
#homepage1 div.article h2, .archpage div.article h2 {
	font-style: italic;
	border-bottom: 1px solid #ccc;
}
#homepage1 div.section, .archpage div.section {
	clear: both;
}
#homepage1 div.col1, .archpage div.col1 {
	width: 273px;
	float: left; 
}
#homepage1 div.col2, .archpage div.col2 {
	width: 273px;
	float: right;
}
#homepage1 table, .archpage table {
	margin: 0 auto;
	text-align: center;
	border-collapse: collapse;
	margin-bottom: 1em;
}
#homepage1 td, .archpage td {
	padding: 7px;
	text-align: left;
	border: 1px solid #999;
}
#homepage1 tr.odd, .archpage tr.odd {
	background: #f0f0f0;
}
ul#equipmentlinks li {
	display: inline;
	margin-right: 1em;
	line-height: 2.5em;
}
/* @end */

/* @group COURSES */
.coursespage div#content ul {
	margin-bottom: 2em;
}
#coursespage1 div.article p {
	background: url(../i/assets/quote1_start.gif) no-repeat;
	text-indent: 26px;
}
#coursespage1 span.caption {
	float: right;
}
#coursespage1 div#content img {
	margin: 20px auto 0;
}
#coursespage2 div.article {
	text-align: center;
}
#coursespage2 h2 {
	margin: 30px 0;
}
/* @end */

/* @group GALLERY */
#content ul#gallery {
	margin-left: 6px;
	overflow: hidden;
}
#content ul#gallery a {
	border: none;
	background: none;
}
#content ul#gallery li {
	float: left;
	display: inline;
	width: 85px;
	margin: 15px;
	overflow: hidden;
	text-align: center;
	line-height: 1.2;
	color: #173154;
}
#content ul#gallery li img {
	background: url(../i/assets/shadow.gif) no-repeat right bottom;
	margin-bottom: 5px; padding: 0 5px 5px 0;
}
#content ul#gallery li span.caption {
	font-size: 83%;
}
#content ul#gallery li:hover {
	color: #f00;
}
#content ul#gallery li:active {
	color: #173154;
}
.gallerypage #content p {
	text-align: center;
	margin: 20px 0 0; padding: 1em;
	border: solid 1px #999;
	background: #fff;
}
#content ul.nav_gallery {
	list-style: none;
	text-align: center;
	clear: left;
	margin: 1em 0 15px 15px; padding-top: 5px;
}
#content ul.nav_gallery li {
	display: inline;
	margin-right: 2em;
}
#content ul.nav_gallery li a {
	border: 1px solid #999;
	background: #fff;
	padding: 4px;
}
#content ul.nav_gallery li a:hover {
	border: 1px solid #999;
	background: #dfdfff;
	color: #999;
}
#content ul.nav_gallery li a:active {
	background: #173154;
	border: 1px solid #173154;
	color: #fff;
}
#content ul.nav_gallery li a.active {
	background: #173154;
	border: 1px solid #173154;
	color: #fff;
}
#content ul.nav_gallery li a.active:hover {
	color: #999;
}
#content ul.nav_gallery li a.active:active {
	color: #fff;
}
p.notice {
	clear: left;
	text-align: center;
	font-size: 85%;
	margin: 20px 0 0; padding: 1em;
	border: solid 1px #999;
	background: #fff;
}
/* @end */

/* @group ARTICLES */
#articlespage1 div.article {
	float: left;
}
#articlespage1 div.article ul {
	list-style: none;
	float: left;
	margin-left: 0; padding-left: 1em;
}
#articlespage1 div.article {
	text-align: right;
}
#articlespage1 div.article em {
	color: #999;
	position: absolute;
	left: 13em;
	text-align: left;
}
img#swanee {
	margin: 20px auto 0;
	border: 1px solid #999;
}
div#pdf {
	background: #fff url(../i/assets/pdf.gif) no-repeat 8px top;
	padding: 0 10px 15px 67px;
	font-size: 85%; line-height: 1.35;
}
div#pdf a {
	color: #333;
	border-bottom: 1px dotted;
}
div#pdf a:hover {
	color: #fff;
	background: #173154;
	border-bottom: none;
}
div#pdf a:active {
	color: #333;
	background: none;
	border-bottom: 1px dotted;
}
/* @end */

/* @group QATAR */
#qatarpage2 img#flag {
	margin: 0 auto;
}
/* @end */

/* @group CONTACT */
#details {
	background: url(../i/contact/contact.jpg) no-repeat;
	height: 383px;
	margin-top: 20px; padding: 10px 0 0 10px;
	color: #fff;
}
#details a:link {
	color: #fff;
}
#details h2 {
	text-decoration: underline;
	text-align: left;
}
/* @end */

/* @group MISC. CLASSES */
.access {
	display: none;
}
.boxleft {
	float: left;
	margin: 5px 10px 0 0;
	border: solid 1px #999;
}
.boxright {
	float: right;
	margin: 5px 0 0 10px;
	border: solid 1px #999;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.sub {
	font-size: 80%;
	position: relative; top: 0.5em;
}
.sup {
	font-size: 80%;
	position: relative; top: -0.5em;
}
.caption {
	font-size: 85%;
}
.center {
	text-align: center;
	text-decoration: underline;
}
/* @end */