/* CSS Document */
/* STANDARD HTML TAGS AND ELEMENTS */
body {
	margin: 0 auto;
	font-family: Arial;
	font-size: 70%;
	color: #FFFFFF;
	background-color: #9999CC;
}	

/* used to create rounded corners in dialog boxes */
b.btop, b.btop b, b.bbot, b.bbot b{
    display: block;height: 10px;font-size: 1px;
    background-image:url(images/rc.png);
    background-repeat: no-repeat}
b.btop b{background-position: 100% -10px}
b.bbot{background-position: 0 -20px}
b.bbot b{background-position: 100% -30px} 
div#box{margin: 2em 5%;background: #92AAF0;max-width:650px;color:#000000}

.insideBox{
	padding: 0 10px 0 10px;
}
.author{
	width: 100%;
	text-align: right;
}

.notificationIcon {
	padding: 5px;
	float: left;
}
.newTip{
	float: left;
	padding-bottom: 5px;
}
.previousDiveList{
	width: 100%;
	height: 60px;
	vertical-align: middle;
	padding-bottom: 3px;
}
.reviewIcon{
	float: right;
}
.defaultText {
	font-family: Arial;
	font-size: inherit;
}
.helpText {
	font-size: x-small;
	color: #ccff00;
}
.registerSpan {
	width: 100%;
}
p {
	white-space: normal;
}
a {
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a#headerLink {
	color: #FFFFFF;
}
.quickLink {
	color: #AFDFE5;
}
.breadcrumbs {
	color: #AFDFE5;
	font-weight: normal;
}
.nonSelectableImage {
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #FFFFFF;
}
.logoImage {
	margin-right: 5px;
	margin-bottom: 5px;
}
.advertFont {
	font-size: x-small;
}

/* CUSTOM DIV ELEMENT CONTAINERS */
.container {
	width: 817px;
	margin: 0 auto;
	text-align: left;
}
	.header_group {
		width: 817px;
		height: 52px;
	}
	.header_l {
		float: left;
		width: 30px;
		height: 52px;
		background-image: url(images/header_l.jpg);
	}
	.header {
		float: left;
		width: 757px;
		height: 52px;
		background-image: url(images/header.jpg);
	}
	.login_container {
		float: right;
		height: 100%;
	}
	.uni_logo {
		float: right;
	}
	.header_r {
		float: left;
		width: 30px;
		height: 52px;
		background-image: url(images/header_r.jpg);
	}
	
	.nav_group {
		width: 817px;
		height: 18px;
	}
/* CURRENTLY INACTIVE BUT SELECTABLE NAVIGATION ELEMENTS */
		.nav_c0 {
			width: 30px;
			height: 18px;
			background-image: url(images/nav_c0.jpg);
			float: left;
		}
		.nav_c1 {
			width: 73px;
			height: 18px;
			background-image: url(images/nav_c1.jpg);
			float: left;
		}
		.nav_c2 {
			width: 53px;
			height: 18px;
			float: left;
		}
		.nav_c3 {
			width: 86px;
			height: 18px;
			float: left;
		}
		.nav_c4 {
			width: 55px;
			height: 18px;
			float: left;
		}
		.nav_c5 {
			width: 106px;
			height: 18px;
			float: left;		
		}
		.nav_c6 {
			width: 57px;
			height: 18px;
			float: left;
		}
		.nav_c7 {
			width: 127px;
			height: 18px;
			float: left;
		}
		.nav_c8 {
			width: 150px;
			height: 18px;
			float: left;
		}
		.nav_c9 {
			width: 30px;
			height: 18px;
			background-image: url(images/nav_c9.jpg);
			float: right;
		}
		.nav_menu {
			width: 684px;
			background-image: url(images/nav_selection_area.jpg);
			float:left;
		}
		
/* CURRENTLY ACTIVE NAVIGATION ELEMENTS */
		.nav_c2b {
			width: 53px;
			height: 18px;
			float: left;
			background-image: url(images/nav_c2b.jpg);
		}
		.nav_c3b {
			width: 86px;
			height: 18px;
			float: left;
			background-image: url(images/nav_c3b.jpg);
		}
		.nav_c4b {
			width: 55px;
			height: 18px;
			float: left;
			background-image: url(images/nav_c4b.jpg);
		}
		.nav_c5b {
			width: 106px;
			height: 18px;
			float: left;
			background-image: url(images/nav_c5b.jpg);
		}
		.nav_c6b {
			width: 57px;
			height: 18px;
			float: left;
			background-image: url(images/nav_c6b.jpg);
		}
		.nav_c7b {
			width: 127px;
			height: 18px;
			float: left;
			background-image: url(images/nav_c7b.jpg);
		}
		.nav_c8b {
			width: 150px;
			height: 18px;
			float: left;
			background-image: url(images/nav_c8b.jpg);
		}
	
	.nav_spacer_group {
		width: 817px;
		height: 19px;
	}
	.nav_spacer_l {
		float: left;
		width: 30px;
		height: 19px;
		background-image: url(images/nav_spacer_l.jpg);
	}		
	.nav_spacer {
		float: left;
		width: 757px;
		height: 19px;
		background-image: url(images/nav_spacer.jpg);
	}
	.nav_spacer_r {
		float: left;
		width: 30px;
		height: 19px;
		background-image: url(images/nav_spacer_r.jpg);
	}
	
/* MAIN CONTENT FOR EACH SITE PAGE */
	#main_group {
		float: left;
		width: 817px;
		margin: 0px auto;
		background-image: url(images/main_filler.jpg);
		background-repeat: repeat-y;
	}
	#main_l {
		float: left;
		width: 30px;
		background-image: url(images/main_l.jpg);
		background-repeat: no-repeat;
	}
	#main {
		float: left;
		width: 757px;
		background-image: url(images/bg_main.jpg);
		background-repeat: no-repeat;
	}
	.main_content {
		padding-left: 10px;
		padding-right: 10px;
	}
	.main_content_left {
		padding-right: 5px;
		float: left;
		width: 525px;
	}
	.main_content_left_all {
		padding-right: 5px;
		float: left;
		width: 740px;
	}
	.main_content_right {
		padding-left: 5px;
		float: left;
		width: 202px;
	}
	#main_r {
		float: left;
		width: 30px;
		background-image: url(images/main_r.jpg);
		background-repeat: no-repeat;
	}
	.footer_l {
		float: left;
		width: 30px;
		height: 160px;
		background-image: url(images/footer_l.jpg);
	}
	.footer {
		float: left;
		width: 757px;
		height: 160px;
		background-image: url(images/footer.jpg);
	}
	.footer_spacer_top {
		height: 32px;
	}
	.footer_spacer_centre {
		float: left;
		height: 80px;
		width: 38px;
	}
	.footer_image {
		float: left;
		width: 80px;
		height: 80px;
	}
	.footer_content {
		float: left;
		width: 238px;
		height: 70px;
		padding-top: 3px;
		padding-left: 3px;
		padding-right: 0px;
		padding-bottom: 3px;
	}
	.footer_background_image {
		width: 707px;
		height: 123px;
		background-image: url(images/footer_background.png);
	}
	.footer_r {
		float: left;
		width: 30px;
		height: 160px;
		background-image: url(images/footer_r.jpg);
	}
	.upcoming_dive {
		float: left;
		padding-bottom: 5px;
		width: 100%;
	}
	.contact_item {
		width: 100%;
		float: left;
		padding-bottom: 5px;
	}
	.input_right {
		float: right;
	}

<!-- All jQuery box related -->

#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:500px;
}
.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {
	padding:8px;	
}

ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:7px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background-color:#464c54;
	color:#ffebb5;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #464c54;
	background-image:url(images/tab_off.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;
}
ul.tabs li a:hover {
	background-color:#2f343a;
	border-color:#2f343a;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #464c54; 
	border-bottom: 1px solid #ffffff;
	background-image:url(images/tab_on.jpg);
	background-repeat:repeat-x;
	background-position:top;	
}
.content {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #464c54; 	
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/content_bottom.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;	
}
#content_2, #content_3 { display:none; }

.content ul {
	margin:0px;
	padding:0px 20px 0px 20px;
}
.content ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:10px;
	padding-bottom:10px;
	font-size:9px;
}
.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}
.content ul li a small {
	color:#8b959c;
	font-size:8px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}
.content ul li a:hover {
	color:#a59c83;
}
.content ul li a:hover small {
	color:#baae8e;
}