/* CSS Document for Ocean College website */

/* ----- Reset ----- */

html, body, div, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, img, tr, td, table, input, textarea, select, fieldset, label, object {
	border:none;
	color:#0052ad;
	margin:0;
	padding:0;
	list-style-type:none;
}

/* ----- Basic Elements ----- */

body {
	background-color:#15396f;
	background-image:url(../images/graphics/bgrepeat.png);
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

embed {
	border-right:1px solid #007ac3; /* -- Fills missing border on bottom right of billboard image in Opera -- */
}

fieldset {
	background-color:#f7f7f7;
	border:1px solid #ededed;
	float:left;
	padding:10px 20px;
	margin-bottom:20px;
	width:300px;
}

fieldset .btn {
	background-color:#007ac3;
	color:#fff;
	margin:10px auto;
	width:150px;
}

fieldset .btn:hover {
	background-color:#0052ad;
}

h1, h2, h3, h4, h5, h6 {
	color:#f57f29;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 10px 0;
}

h1 {
	border-bottom:1px solid #ededed;
	color:#1a3561;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	width:720px;
}

h3 {
	font-weight:normal;
	margin:10px 0;
}

input, textarea {
	border:1px solid #ededed;
	float:left;
	padding:3px;
	width:280px;
}

label {
	float:left;
	font-size:.7em;
	/* padding:.5em; */
	text-align:left;
	vertical-align:middle;
	/* width:250px; */
}

label.error {
	color:#ff0000;
	/* float:right; */
	font-size:11px;
	font-style:italic;
	margin-top:5px;
	text-align:left;
	width:250px;
}

p {
	font-size:70%;
	line-height:155%;
	margin:5px 0 .8em 0;
	padding:5px 0;
	text-align:left;
}

/* ----- Paragraph styling ----- */

h1 + p, h1 + img + p { /* -- Adds bold to first paragraph if it follows a h1 or h1 and an image -- */
	font-weight:bold
}

a:link, a:visited {
	color:#1a3561;
	text-decoration:none;
}

a:hover, a:active {
	color:#1a3561;
	text-decoration:underline;
}

/* ----- Navigation ----- */

#mainNav {
	border-bottom:4px solid #ededed;
	position:relative;
	z-index:99;
}

#mainNav ul {
	float:left;
	height:35px;
}

#mainNav li a {
	background-color:#007ac3;
	border:1px solid #007ac3;
	border-left:1px solid #1a3561;
	border-right:none;
	border-top:none;
	color:#fff;
	display:block;
	font-size:11px;
	font-weight:bold;
	padding:8px 10px;
	text-decoration:none;
}

#mainNav li a.btm {
	border-bottom:1px solid #1a3561;
}

#mainNav li a:hover {
	background-color:#6acef6;
	color:#fff;
}

#mainNav li a:hover.btm {
	border-bottom:1px solid #1a3561;
}

/* ----- Fold out menu ----- */

#mainNav ul {
	display:none;
	position:absolute;
	z-index:99;
}

#mainNav ul li {
	float:none;
}

#mainNav li ul {
	display:none;
}

#mainNav li:hover ul {
	color:#fff;
	display:block;
	position:absolute;
	left:218px;
	padding-left:4px;
	padding-right:4px;
	top:0px;
	width:733px;
}

#mainNav li ul {
	background-color:#6acef6;
	height:299px;
}

#mainNav li ul li a:link, #mainNav li ul li a:visited {
	background-color:#6acef6;
	background-image:none;
	border:none;
	color:#fff;
	font-weight:bold;
	height:10px;
	padding:7.5px 10px;
	vertical-align:middle;
}

#mainNav li ul li a:visited {
	background-image:url(../images/icons/thumbs_up.png);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:10px;
	padding:7.5px 10px;
	vertical-align:middle;
}

#mainNav li ul li a:hover {
	background-color:#fff;
	color:#0052ad;
	font-weight:bold;
	height:10px;
	padding:7.5px 10px;
	vertical-align:middle;
}

#mainNav .title {
	color:#fff;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.2em;
	padding:10px;
}

/* ------ Sub Menu styling ----- */

#subNav {
	border-right:1px solid #ededed;
	font-size:11px;
	margin:5px 0 0px 10px;
}

#subNav li {
	padding:5px 0;
}

#subNav li a {
	color:#1a3561;
}

/* ----- Dynamic Styling - Styles the tables that ASPX creates to display the CM text ----- */

table {
	background-color:#fff;
}

/* ----- Generic IDs ----- */

#header {
	border-bottom:3px solid #ededed;
	margin-left:20px;
	margin-right:20px;
}

#header p {
	float:right;
	text-align:right;
	width:960px;
}

#headerphone {
	float:right;
	margin-top:-50px;
	position:relative;
	top:50px;
}

#headerphone {
	color:#0052ad;
}

#mainContent {
	float:right;
	margin:20px 20px 0 10px;
	width:720px;
}

#secondaryContent {
	background-repeat:repeat-x;
	background-color:#fff;
	border-top:1px solid #1a3561;
	float:left;
	margin-left:20px;
	margin-bottom:20px;
	width:218px;
}

#footer {
	background-color:#1d4b8c;
	border-top:10px solid #6acef6;
	clear:both;
	margin-top:20px;
	padding:20px;
	width:960px;
}

#footer a {
	color:#fff;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer p {
	color:#6acef6;
	width:960px;
}

#footerRef {
	margin:1px auto;
	width:1000px;
}

#wrapper {
	background-color:#fff;
	margin:0 auto;
	margin-bottom:6px;
	width:1000px;
	-webkit-box-shadow: 0px 0px 20px #1a3561; /* -- Adds shadow in Safari and Chrome -- */
}

/* ----- IDs ----- */

#billboard {
	border:1px solid #1a3561;
	border-left:none;
	float:left;
	height:299px;
	width:741px;
}

#billboardshadow {
	border-bottom:4px solid #ededed;
	float:left;
}

#checkin {
	background-image:url(../../images/graphics/tb_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border:1px solid #ededed;
	min-height:150px;
	margin:20px 0;
	padding:0 10px;
}

#checkin a {
	background-image:url(../images/icons/arrowr.png);
	background-repeat:no-repeat;
	background-position:right;
	float:left;
	font-weight:bold;
	height:25px;
	padding-right:30px;
	vertical-align:middle;
}

#checkin img {
	float:right;
	margin-top:-60px;
}

#contact {
	margin-top:-60px;
	width:310px;
}

#contact fieldset {
	padding:20px;
}

#contact label {
	margin-top:20px;
}

#contact label.first {
	margin-top:0;
}

#contact .btn, #divePackTable .btn, #diveGenericTable .btn, #homeoffersTable .btn {
	background-color:#007ac3;
	border:1px solid #007ac3;
	clear:both;
	color:#fff;
	float:right;
	font-size:9px;
	margin-right:10px;
	padding:4px;
	text-align:center;
	text-transform:uppercase;
	width:90px;
}

#contact .btn:hover, #divePackTable .btn:hover, #diveGenericTable .btn:hover, #homeoffersTable .btn:hover {
	background-color:#f57f29;
	border:1px solid #f57f29;
	text-decoration:none;
}

#contact input, #contact textarea, #contact select, #divePackTable input, #diveGenericTable input, #homeoffersTable input {
	border:1px solid #007ac3;
	margin-top:5px;
	margin-bottom:0px;
	width:280px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topright:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
}

#contact .required {
	color:#999;
	font-size:.9em;
	font-style:italic;
}

#contact textarea {
	height:120px;
}

#emailSignUp {
	background-color:#f7f7f7;
	border:1px solid #ededed;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	margin-top:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#emailSignUp div {
	width:195px;
}	

#emailSignUp h3 {
	background-color:#fff;
	background-image:url(../images/icons/signup2.jpg);
	background-repeat:no-repeat;
	background-position:left;
	border-bottom:3px solid #ededed;
	color:#f57f29;
	font-weight:normal;
	margin-top:0;
	min-height:24px;
	padding:10px 10px 6px 10px;
	padding-left:40px;
	text-align:left;
	vertical-align:middle;
}

#emailSignUp p {
	clear:both;
	color:#0052ad;
	font-size:70%;
	margin-top:0;
	padding-top:0;
	text-align:left;
}

#emailSignUp fieldset {
	border:none;
	margin-bottom:10px;
	padding:10px;
	padding-bottom:0;
	width:196px;
}

#emailSignUp input, #contact input, #contact textarea, #contact select {
	color:#999;
	font-size:11px;
	padding:5px;
}

#emailSignUp input {
	border:1px solid #ccc;
	font-size:11px;
	padding:6px;
	width:120px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
}

#emailSignUp label {
	margin-left:10px;
	min-height:0px;
}

#emailSignUp .btn {
	background-color:#007ac3;
	background-image:url(../images/graphics/hilite.png);
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #007ac3;
	color:#fff;
	margin-left:0px;
	margin-top:0;
	padding:5px;
	width:60px;
	-moz-border-radius-topright:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-bottomleft:0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-bottom-left-radius:0px;
}

#homeextra {
	background-color:#fff;
}

#homeextra ul {
	float:left;
	width:236px;
}

#homeextra li {
	font-size:11px;
	margin:10px;
	padding:5px;
}

#homeintro {
	width:720px;
}

#homeintroholder { /* -- Holds the above -- */
	background-color:#fff;
	border:1px solid #0052ad;
	margin-top:10px;
}

#homeintro h3 {
	background-color:#007ac3;
	border-bottom:1px solid #0052ad;
	color:#fff;
	font-size:14px;
	margin-top:0;
	margin-right:2px;
	margin-bottom:0;
	padding:5px 10px;
}

#homeintro h4 {
	color:#1a3561;
	margin-top:10px;
	margin-bottom:0;
}

#homeintro p:first-line {
	font-weight:bold;
}

#homeintro a {
	color:#f57f29;
	font-weight:bold;
}

#homeoceancollege {
	background-color:#fff;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:0;
}

#homeoceancollege h3 {
	background-color:#007ac3;
	border-bottom:1px solid #0052ad;
	color:#fff;
	font-size:14px;
	margin-top:0;
	padding:5px 10px;
}

#homeoceancollege p {
	padding:0 10px;
}

#homeoceancollege p:first-line {
	font-weight:bold;
}

#homeoceancollege img {
	border:1px solid #ededed;
	float:left;
	margin:10px;
	margin-top:0;
	margin-right:10px;
	padding:0px;
	width:90px;
}

#homeoceancollege a {
	color:#f57f29;
	font-weight:bold;
}

#homeoceancollege .content, #homeoceancollege .contentright {
	background-color:#fff;
	border:1px solid #0052ad;
	margin:0 10px 0 0;
	padding-top:0;
	width:353px;
}

#homeoceancollege .contentright {
	float:right;
	margin:0;
}

#homeoffers {
	background-color:#f7f7f7;
	border:1px solid #0052ad;
	margin:10px 0;
	padding-top:0px;
}

#homeoffers h3 {
	background-color:#007ac3;
	border-bottom:1px solid #0052ad;
	color:#fff;
	font-size:14px;
	margin-top:0;
	padding:5px 10px;
}

#homeoffers p {
	width:500px;
}

#homeoffers img {
	float:right;
	position:relative;
	margin-bottom:-140px;
	right:30px;
	top:-140px;
}

#homeoffers #table {
	margin:9px;
}

#homeoffers .note {
	margin:10px;
}

#intro {
	margin:0 0 20px 0;
	width:720px;
}

#intro .photo {
	float:left;
	padding-bottom:20px;
	width:220px;
}

#intro .text {
	float:left;
	margin-top:0;
	padding-top:0;
	padding:0 20px;
	width:220px;
}

#intro .third {
	float:left;
	text-align:center;
	width:220px;
}

#map img {
	width:auto;
}

#phone {
	padding:0 10px;
}

#socialmedia {
	background-color:#f7f7f7;
	border:1px solid #ededed;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	margin-top:10px;
	test-align:center;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#socialmedia h3 { 
	background-color:#fff;
	color:#f57f29;
	background-image:url(../images/icons/buddy.jpg);
	background-repeat:no-repeat;
	background-position:left;
	border-bottom:3px solid #ededed;
	font-weight:normal;
	margin-top:0;
	min-height:24px;
	padding:10px 10px 6px 10px;
	padding-left:40px;
	vertical-align:middle;
}

#socialmedia img {
	margin:10px;
	margin-left:0;
	margin-top:0;
}

#socialmedia p {
	clear:both;
	color:#0052ad;
	font-size:70%;
	margin:0 10px -10px;
	padding-top:0;
}

#table { /* -- This keeps the header and table together - not split up by photograph --*/
	clear:both;
	width:auto;
}

#table img { /* -- Used for charts on weather page -- */
	border:none;
	float:left;
	margin:5px;
	padding:0;
	width:350px;
	-webkit-box-shadow: 0px 0px 0px #fff; /* -- Removes shadow in Safari and Chrome -- */
}

#twitter {
	background-color:#f7f7f7;
	border:1px solid #ededed;
	background-color:#15396f;
	background-image:url(../images/graphics/bgrepeat.png);
	background-repeat:repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:10px;
	margin-top:10px;
	padding-bottom:2px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#twitter h3 { 
	background-color:#fff;
	color:#f57f29;
	background-image:url(../images/icons/twitter_02.jpg);
	background-repeat:no-repeat;
	background-position:left 6px;
	border-bottom:3px solid #ededed;
	font-weight:normal;
	margin-top:0;
	min-height:24px;
	padding:10px 10px 6px 40px;
	vertical-align:middle;
}

#twitter p {
	clear:both;
	font-size:70%;
	margin:10px;
	margin-top:0;
	padding-top:0;
}

#twitter a {
	color:#6acef6;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

#twitter_div ul {
	padding:0 10px 10px 10px;
}

#twitter_div li {
	border-bottom:1px solid #6acef6;
	font-size:11px;
	line-height:150%;
	padding:10px 0;
}

#twitter_div li {
	color:#fff;
}

/* ----- Special Offers and Generic Diving Tables ----- */ /* -- In an ID of table as ASPX creates its own tables -- */

#table table {
	background-color:#f7f7f7;
	border:1px solid #ededed;
	border-collapse:collapse;
	clear:both;
	margin:10px 0;
	width:720px;
}

#table th {
	background-color:#007ac3;
	background-image:url(../images/graphics/hilite.png);
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #007ac3;
	border-bottom:5px solid #ededed;
	color:#fff;
	font-weight:normal;
	font-size:70%;
	padding:7px 0;
	text-align:center;
}

#table tr:hover {
	background-color:#f7eeef;
}

#table td {
	border:none;
	font-size:70%;
	line-height:155%;
	margin:5px 0 .8em 0;
	padding:5px;
	text-align:left;
	vertical-align:top;
}

#diveGenericTable td {
	text-align:center;
	width:220px;
}

#diveGenericTable .pack {
	text-align:left;
}

#divePackTable thead tr:hover {
	background-color:transparent;
	color:inherit;
}

#divePackTable .pack {
	width:200px;
}

#divePackTable .local {
	text-align:center;
	width:100px;
}

#divePackTable .online {
	text-align:center;
	width:100px;
}

#divePackTable .offer {
	color:#007ac3;
	text-align:center;
	width:260px;
}

#divePackTable .book, #diveGenericTable .book, #homeoffersTable .book {
	text-align:right;
	width:60px;
}

#divePackTable input, #diveGenericTable input { /* -- See above for more styling for this ID -- */
	margin-bottom:0;
	margin-left:10px;
}

#homeoffers table {
	background-color:#fff;
	border:1px solid #fff;
	margin-top:0;
	width:700px;
}

#homeoffersTable th {
	background-color:#f57f29;
	background-image:url(../images/graphics/hilite.png);
	border:1px solid #f57f29;
	border-bottom:3px solid #ededed;
}

#homeoffersTable tr {
	border:1px solid #ededed;
}

#homeoffersTable tr.darkrow {
	background-color:#f7f7f7;
	color:#0052ad;
}

#homeoffersTable td {
	color:#0052ad;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	/* letter-spacing:1px; */
	padding:5px;
	text-transform:uppercase;
	vertical-align:middle;
}

#homeoffersTable tr:hover {
	background-color:#ededed;
	color:#fff;
}

#homeoffersTable .pack {
	/* background-image:url(../images/icons/flame.jpg);
	background-position:left;
	background-repeat:no-repeat; */
	height:28px;
	/* padding-left:35px; */
	width:400px;
}

/* ----- End of Special Offers ----- */

#tabHead li {
	display:inline;
	float:left;
}

#tabHead a:link, #tabHead a:visited, #tabHead a:hover {
	background-color:#6acef6;
	background-image:url(../images/graphics/hilite.png);
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #6acef6;
	color:#fff;
	display:block;
	font-size:11px;
	font-weight:normal;
	height:15px;
	margin-right:1px;
	padding:5px 20px;
	text-align:center;
	text-decoration:none;
	vertical-align:text-bottom;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
}

#tabHead a:hover {
	background-color:#0052ad;
	border:1px solid #0052ad;
	color:#fff;
}

/* ----- End of Special Offers Table ----- */

#toTop {
	clear:both;
	float:right;
	font-size:.7em;
	margin-top:12px;
}

/* ----- Classes ----- */

.bookNow a:link, .bookNow a:visited {
	background-color:#0052ad;
	background-image:url(../images/graphics/hilite.png);
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #0052ad;
	color:#fff;
	display:block;
	margin:0 auto;
	padding:5px;
	tex-align:center;
	text-decoration:none;
	width:10em;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}

.bookNow a:hover, .bookNow a:active {
	background-color:#f57f29;
	border:1px solid #f57f29;
	text-decoration:none;
}

.clear {
	clear:both;
	height:0;
	padding:0;
}

.content, .homecontent { /* Goes inside mainContent - allows for padding on right of paragraphs and headers to appear in right place when there is content floated to the right of it. */
	float:left;
	margin-bottom:20px;
	width:720px;
}

.content h3, .content ul {
	clear:both;
}

.content h3 + p, .content h3 + ul, .content h3 + ul + h3, .content h3 + ul + p, .content p + ul, .content ul + p { /* This allows headers, paragraphs and lists to fit around a photograph that could be any size */
	clear:left;
}

.content img {
	border:1px solid #ededed;
	float:right;
	margin:0 0 10px 10px;
	padding:8px;
	width:350px; /* -- Fixes width -- */
	-webkit-box-shadow: -2px 2px 5px #ebebeb; /* -- adds a shadow in Safari and Chrome only -- */
}

.content ul {
	margin:10px 0 20px;
}

.content li, .sitemapcol {
	font-size:70%;
	line-height:150%;
	list-style-type:disc;
	margin:0 20px;
	padding:2px;
}

.error {
	color:#ff0000;
	float:left;
	font-size:11px;
	font-style:italic;
	margin-top:5px;
}

.homecontent h1 {
	border:none;
	border-bottom:1px solid #ededed;
	margin-bottom:10px;
	margin-top:-3px; /* -- Moves title back up after shadow under billboard was added -- */
}

.homeintrocol {
	float:left;
	margin:0px;
	padding:10px;
	width:219px;
}

.homeintrocol:hover img {
	border:1px solid #1a3561;
}

.homeintrocol a {
	background-image:url(../images/icons/arrow.jpg);
	background-repeat:no-repeat;
	background-position:right;
	float:right;
	height:25px;
	padding-right:30px;
	vertical-align:middle;
}

.homeintrocol img {
	border:1px solid #ededed;
	padding:0;
	width:220px;
}

.infoBox {
	background-color:#f7f7f7;
	border:1px solid #ededed;
	font-family:Arial, "Times New Roman", Times, serif;
	margin-bottom:10px;
	margin-top:10px;
	text-align:center;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.infoBox h3 {
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:left;
	border-bottom:3px solid #ededed;
	color:#f57f29;
	font-weight:normal;
	margin-top:0;
	min-height:24px;
	padding:10px 10px 6px 10px;
	padding-left:40px;
	text-align:left;
	vertical-align:middle;
}

/* ------ Different headers for infoBoxes ----- */

.infoBox h3.elearn {
	background-image:url(../images/icons/e-learning.jpg);
}

.infoBox h3.health {
	background-image:url(../images/icons/health.jpg);
}

.infoBox h3.info {
	background-image:url(../images/icons/information.jpg);
}

.infoBox h3.location {
	background-image:url(../images/icons/location.jpg);
}

.infoBox h3.qualified {
	background-image:url(../images/icons/qualified.jpg);
}

.infoBox h3.qualify {
	background-image:url(../images/icons/qualify.jpg);
}

.infoBox h3.social {
	background-image:url(../images/icons/buddy.jpg);
}

.infobox h3.twitter {
	background-image:url(../images/icons/twitter.jpg);	
}

.infoBox h3.weather {
	background-image:url(../images/icons/world.jpg);
}

/* ----- End of infoBox headers ----- */

.infoBox a:link, .infoBox a:visited {
	color:#0052ad;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}

.infoBox a:hover {
	text-decoration:underline;
}

.infoBox p, .infoBox li {
	color:#0052ad;
	font-size:70%;
	margin:10px;
	margin-top:0;
	padding-top:0;
}

.infoBox li {
	background-image:url(http://www.ocean-college.com/images/icons/thumbs_up.png);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
	padding-left:30px;
	text-align:left;
}

.infoBox img {
	border:1px solid #ededed;
	margin:0px 5px 5px;
	padding:5px;
	vertical-align:middle;
	width:auto;
}

.legal {
	color:#000;
	font-size:10px;
	font-style:italic;
}

.note {
	color:#f57f29;
	font-style:italic;
}

.sitemapcol {
	background-color:#6acef6;
	border:1px solid #1a3561;
	float:left;
	margin:5px;
	margin-bottom:10px;
	padding:0;
	width:224px;
}

.sitemapcol li {
	list-style-type:none;
}

.sitemapcol a {
	display:block;
	padding:5px;
	padding-right:15px;
}

.sitemapcol a:visited {
	background-image:url(../images/icons/thumbs_up.png);
	background-position:right;
	background-repeat:no-repeat;
}

.sitemapcol a:hover {
	background-color:#007ac3;
	color:#fff;
	padding:5px;
	text-decoration:none;
}

.sitemapheader {
	background-color:#f57f29;
	background-image:url(../images/graphics/hilite.png);
	background-repeat:repeat-x;
	background-position:top;
	border-bottom:1px solid #163d74;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:5px;
}

.sitemapholder {
	background-color:#007ac3;
	border:1px solid #1a3561;
	clear:both;
	margin-bottom:10px;
	padding:5px;
}

.sitemapholder h3 {
	color:#fff;
	margin-left:8px;
}

.testimonial {
	border-bottom:1px dotted #ededed;
	clear:left;
}

.testimonial p {
	clear:left;
}

.testimonial img {
	border:none;
	float:left;
	margin:0;
	padding:0;
	width:auto;
	-webkit-box-shadow:none; /* -- Removes shadow from images - Safari and Chrome only -- */
}

.testimonial img.close {
	float:right;
	margin-bottom:-30px;
	margin-top:-30px;
}

.testimonial .quoter {
	background-image:url(../images/icons/quoter.jpg);
	background-color:#fff;
	background-repeat:no-repeat;
	clear:left;
	color:#f57f29;
	font-style:italic;
	padding-left:40px;
}

/* ----- Extra bits ----- */

a[href^="mailto:"] {
	background: url(http://www.ocean-college.com/images/icons/email.jpg) no-repeat left top;
	padding-left:20px;
}

a[href $='.pdf'] {
	background:url(http://www.ocean-college.com/images/icons/download.jpg) no-repeat right top;
	height:50px;
	padding:10px 0 10px 0;
	padding-right:30px;
}

/* ----- Printing ----- */ /* -- Hides or changes markup to make suitable for printing -- */

@media print {

body {
	font-size: 10pt;
}

a[href^="mailto:"] { /* -- Closes gap where email icon would be -- */
	padding-left:0;
}
	
#subNav, #footerRef, #toTop {
	display:none;
}

#footer {
	border-top:none;
}

#table th {
	border-bottom:1px solid #007ac3;
}

.infoBox h5 {
	border-bottom:1px solid #ededed;
	padding-left:10px;
}
	
}