/* main Discovery Bay stylesheet */



/* ------ page structure ------ */



body {

	font-size: 62.5%;

	font-family: Arial, Helvetica, sans-serif;

	text-align: center;

	margin: 0;

	padding: 0;

	}

img {

	border: 0;

	}



#outer-wrapper {

	margin: 20px auto;

	width: 964px;

	text-align: left;

	}



#container-top {

	background: url(/media/img/bg-container-top.jpg) no-repeat 0 0;

	float: left;

	}



#container-bottom {

	background: url(/media/img/bg-container-bottom.jpg) no-repeat 0 100%;

	padding: 0 26px 139px 26px;

	width: 912px;

	float: left;

	min-height: 764px;

	}



#container-bottom { /* min-height fix for IE6 */

	min-height:764px;

	height:auto !important;

	height:764px;

	}



/* ------ header ------ */



#header	{

	height: 106px;

	position: relative;

	}



#logo {

	width: 496px;

	height: 45px;

	background: url(/media/img/logo.jpg) no-repeat 0 0;

	position: absolute;

	left: 0;

	bottom: 3px;

	text-indent: -2000px;

	margin-left: 16px;

	}



#logo img {

	display: none;

	}



#logo a {

	width: 377px;

	height: 45px;

	display: block;

	}

	

#search-box {

	position: absolute;

	left:700px;

	top: 40px;

	border:1px solid #a7c4cf;

	}

#search-box input {

	float:left;

	margin:0;

	padding:0;

	}

#search-box form {

	margin:0;

	padding:0;

	}

#search-box .search-field {

	width:146px;

	border:none;

	color:#666666;

	padding:2px;

	background-color:#f3f6ed;

	margin:1px;

	}



#utilities-top {

	position: absolute;

	right: 2px;

	bottom: 0;

	width: 500px;

	}



#utilities-top ul {

	float: right;

	margin: 0;

	padding: 0;

	}



#utilities-top ul li {

	margin: 0;

	padding: 0 4px 4px 4px;

	display: inline;

	font-size: 1.1em;

	color: #248482;

	background: url(/media/img/bg-utilities-top-divider.gif) no-repeat 100% 0;

	float: left;

	}



#utilities-top ul li.last {

	background: none;

	}



#utilities-top ul li a {

	margin: 0;

	padding: 0 0 0 8px;

	display: block;

	float: left;

	text-decoration: none !important;

	cursor: pointer;

	}



#utilities-top ul li a span {

	float: left;

	display: block;

	padding: 6px 9px 6px 1px;

	color: #248482;

	width: auto;

	text-align: center;

	text-decoration: none;

	}



#utilities-top ul li a:link,

#utilities-top ul li a:visited {

	color: #248482;

	text-decoration: none;

	}



#utilities-top ul li a:hover,

#utilities-top ul li.last a:hover {

	background: url(/media/img/tab-nav-left.jpg) no-repeat 0 0;

	}



#utilities-top ul li a:hover span {

	text-decoration: none;

	background: url(/media/img/tab-nav-right.jpg) no-repeat 100% 100%;

	}



#utilities-top ul li.current a:link,

#utilities-top ul li.current a:visited,

#utilities-top ul li.current a:hover {	/* on li.last this would be a double class of li class="last current" */

	color: #248482;

	text-decoration: none;

	background: url(/media/img/tab-nav-left.jpg) no-repeat 0 0;

	}



#utilities-top ul li.current a:link span,

#utilities-top ul li.current a:visited span,

#utilities-top ul li.current a:hover span {	/* on li.last this would be a double class of li class="last current" */

	color: #248482;

	text-decoration: none;

	background: url(/media/img/tab-nav-right.jpg) no-repeat 100% 100%;

	}





/* ------ main nav ------ */



#nav {

	margin: 0 0 27px 0;

	float: left;

	width: 912px;
	position:relative;
	}



#main-nav {

	margin: 14px 0 0 7px;

	float: left;

	width: 912px;

	}



#main-nav ul {

	margin: 0;

	padding: 0;

	float: left;

	}



#main-nav ul li {

	margin: 0;

	padding: 0;

	display: inline;

	list-style-type: none;

	font-size: 1.3em;

	color: #333;

	float: left;

	font-weight: bold;

	}



#main-nav ul li a {

	margin: 0 3px 0 0;

	padding: 0 0 0 8px;

	display: block;

	float: left;

	text-decoration: none !important;

	cursor: pointer;

	}



#main-nav ul li a span {

	float: left;

	display: block;

	padding: 6px 9px 6px 1px;

	color: #333;

	width: auto;

	text-align: center;

	text-decoration: none;

	}



#main-nav ul li a:link,

#main-nav ul li a:visited {

	color: #333;

	text-decoration: none;

	}



#main-nav ul li a:hover {

	color: #333;

	text-decoration: none;

	background: url(/media/img/tab-nav-left.jpg) no-repeat 0 0;

	}



#main-nav ul li a:hover span {

	color: #000060;

	text-decoration: none;

	background: url(/media/img/tab-nav-right.jpg) no-repeat 100% 100%;

	}



#main-nav ul li.current a:link,

#main-nav ul li.current a:visited,

#main-nav ul li.current a:hover {

	color: #000060;

	text-decoration: none;

	background: url(/media/img/tab-nav-left.jpg) no-repeat 0 0;

	}



#main-nav ul li.current a:link span,

#main-nav ul li.current a:visited span,

#main-nav ul li.current a:hover span {

	color: #000060;

	text-decoration: none;

	background: url(/media/img/tab-nav-right.jpg) no-repeat 100% 100%;

	}





/* ------ sub nav ------ */



#sub-nav {

	margin: 11px 0 0 6px;

	float: left;

	width: 912px;

	}



#sub-nav ul {

	margin: 0 0 0 -4px;

	padding: 0;

	float: left;

	}



#sub-nav ul li {

	margin: 0;

	padding: 0 0 13px 0;

	display: block;

	list-style-type: none;

	font-size: 1.1em;

	color: #248482;

	float: left;

	font-weight: bold;

	}



#sub-nav ul li.current {

	background: url(/media/img/bg-subnav-underline.jpg) no-repeat 50% 100%;

	}



#sub-nav ul li a {

	margin: 0;

	padding: 0 14px 0 13px;

	display: block;

	float: left;

	border-right: 1px solid #65bcb6;

	}



#sub-nav ul li a.last {

	border-right: none;

	}



#sub-nav ul li a:link,

#sub-nav ul li a:visited {

	color: #248482;

	text-decoration: none;

	}



#sub-nav ul li a:hover {

	color: #000060;

	text-decoration: none;

	}



#sub-nav ul li.current a:link,

#sub-nav ul li.current a:visited,

#sub-nav ul li.current a:hover {

	color: #000060;

	}



/* ------ intro ------ */



#intro {

	float: left;

	margin: 0 0 20px 0;

	}



#intro-text {

	float: left;

	width: 370px;

	margin: 0;

	display: inline; /* fixes double float margin bug in IE6 */

	}



#intro-text h1 {

	font-size: 2.4em;

	color: #000060;

	font-weight: normal;

	margin: 38px 0 15px 0;

	padding: 0 0 21px 0;

	background: url(/media/img/bg-intro-h1.jpg) no-repeat 0 100%;

	}



#intro-text h2 {

	font-size: 1.3em;

	color: #248482;

	font-weight: bold;

	margin: -80px 0 15px 0;

	padding: 0 0 50px 0;

	}



#intro-text p {

	font-size: 1.4em;

	color: #27928F;

	margin: 0;

	padding: 0 0 25px 0;

	line-height: 1.4;

	}



#intro-text p.song {

	font-size: 1.3em;

	font-weight: bold;

	color: #27928F;

	margin: 0;

	padding: 0 0 8px 0;

	}



#intro-text p a:link,

#intro-text p a:visited {

	color: #008000;

	text-decoration: underline;

	}



#intro-text p a:hover {

	color: #01a701;

	text-decoration: underline;

	}



/* ------ column 1-2 wrapper ------ */



.column1-2 {

	width: 585px;

	float: left;

	margin: 0 13px 0 15px;

	display: inline; /* fixes double float margin bug in IE6 */

	}



/* ------ column 2-3 wrapper ------ */



.column2-3 {

	width: 585px;

	float: left;

	margin: 0;

	}



/* ------ triple column ------ */



.triple-column	{

	width: 884px;

	float: left;

	margin: 0 0 0 15px;

	display: inline; /* fixes double float margin bug in IE6 */

	}





/* ------ column 1 ------ */



.column1 {

	width: 286px;

	float: left;

	margin: 0 13px 0 15px;

	display: inline; /* fixes double float margin bug in IE6 */

	}



/* ------ column 2 ------ */



.column2 {

	width: 286px;

	float: left;

	margin: 0 13px 0 0;

	}



/* ------ column 3 ------ */



.column3 {

	width: 286px;

	float: left;

	margin: 0;

	}



/* ------ half column left ------ */



.half-column-left {

	width: 437px;

	float: left;

	margin: 0 0 0 15px;

	display: inline; /* fixes double float margin bug in IE6 */

	}



/* ------ half column right ------ */



.half-column-right {

	width: 437px;

	float: right;

	margin: 0 15px 0 0;

	display: inline; /* fixes double float margin bug in IE6 */

	}







/* ------ find a class form ------ */

form {
	margin: 10px 0 10px 0;
	padding: 0;
}

form select {
	width: 190px;
	font-size: 1.2em;
	margin: 0 15px 2px 0;
	padding: 0;
}

form input {
	margin: 0 0 -2px 0;
	padding: 0;
}




/* ------ footer ------ */



#footer	{

	height: 139px;

	position: relative;

	width: 912px;

	float: left;

	margin: -139px -3px 0 26px;

	display: inline; /* fixes double float margin bug in IE6 */

	}



#footer img	{

	position: absolute;

	right: 20px;

	bottom: 47px;

	border: 0;

	}



#contact-links {

	position: absolute;

	left: 7px;

	bottom: 46px;

	}



#contact-links ul {

	float: left;

	margin: 0;

	padding: 0;

	}



#contact-links ul li {

	margin: 0;

	padding: 0 4px;

	display: inline;

	font-size: 1.1em;

	color: #248482;

	float: left;

	}



#contact-links ul li a {

	margin: 0;

	padding: 0 0 0 8px;

	display: block;

	float: left;

	text-decoration: none !important;

	cursor: pointer;

	}



#contact-links ul li a span {

	float: left;

	display: block;

	padding: 6px 9px 6px 1px;

	color: #248482;

	width: auto;

	text-align: center;

	text-decoration: none;

	}



#contact-links ul li a:link,

#contact-links ul li a:visited {

	color: #248482;

	text-decoration: none;

	}



#contact-links ul li a:hover,

#contact-links ul li.last a:hover {

	background: url(/media/img/tab-nav-left.jpg) no-repeat 0 0;

	}



#contact-links ul li a:hover span {

	text-decoration: none;

	background: url(/media/img/tab-nav-right.jpg) no-repeat 100% 100%;

	}



#contact-links ul li.current a:link,

#contact-links ul li.current a:visited,

#contact-links ul li.current a:hover {

	color: #248482;

	text-decoration: none;

	background: url(/media/img/tab-nav-left.jpg) no-repeat 0 0;

	}



#contact-links ul li.current a:link span,

#contact-links ul li.current a:visited span,

#contact-links ul li.current a:hover span {

	color: #248482;

	text-decoration: none;

	background: url(/media/img/tab-nav-right.jpg) no-repeat 100% 100%;

	}



#utilities-bottom {

	position: absolute;

	right: 66px;

	bottom: 48px;

	width: 500px;

	}



#utilities-bottom ul {

	float: right;

	margin: 0;

	padding: 0;

	}



#utilities-bottom ul li {

	margin: 0;

	padding: 0 4px 0 4px;

	display: inline;

	font-size: 1.1em;

	color: #248482;

	background: url(/media/img/bg-utilities-top-divider.gif) no-repeat 100% 0;

	float: left;

	}



#utilities-bottom ul li.last {

	background: none;

	}



#utilities-bottom ul li a {

	margin: 0;

	padding: 0 0 0 8px;

	display: block;

	float: left;

	text-decoration: none !important;

	cursor: pointer;

	}



#utilities-bottom ul li a span {

	float: left;

	display: block;

	padding: 6px 9px 6px 1px;

	color: #248482;

	width: auto;

	text-align: center;

	text-decoration: none;

	}



#utilities-bottom ul li a:link,

#utilities-bottom ul li a:visited {

	color: #248482;

	text-decoration: none;

	}



#utilities-bottom ul li a:hover,

#utilities-bottom ul li.last a:hover {

	background: url(/media/img/tab-nav-left.jpg) no-repeat 0 0;

	}



#utilities-bottom ul li a:hover span {

	text-decoration: none;

	background: url(/media/img/tab-nav-right.jpg) no-repeat 100% 100%;

	}



#utilities-bottom ul li.current a:link,

#utilities-bottom ul li.current a:visited,

#utilities-bottom ul li.current a:hover {	/* on li.last this would be a double class of li class="last current" */

	color: #248482;

	text-decoration: none;

	background: url(/media/img/tab-nav-left.jpg) no-repeat 0 0;

	}



#utilities-bottom ul li.current a:link span,

#utilities-bottom ul li.current a:visited span,

#utilities-bottom ul li.current a:hover span {	/* on li.last this would be a double class of li class="last current" */

	color: #248482;

	text-decoration: none;

	background: url(/media/img/tab-nav-right.jpg) no-repeat 100% 100%;

	}

	

/* ---------- Google Custom Search ---------- */



.cse-wrapper {

	background-color:#f3f2e0;

	border:1px solid #f3f2e0;

	margin-top:-15px;

	}



/* ---------- Sitemap ---------- */



.sitemap {

	float:left;

	width:210px;

	font-size:11px;

	margin:0;

	}



.sitemap ul {

	margin:0 0 12px;

	padding:0;

	}



.sitemap ul ul li {

	margin-left:12px;

	}



.sitemap li {

	margin-bottom:0;

	}



#outer-wrapper .sitemap a {

	text-decoration:none;

	}



.sitemap ul li {

	color:#666;

	font-size:1.1em;

	list-style-type:none;

	background-color:transparent;

	background-image:url(/media/img/bullet.gif);

	background-repeat:no-repeat;

	background-attachment:scroll;

	background-position:0 8px;

	padding:3px 0 3px 11px;

	}





/* ---------- clearing divs ---------- */



.clear { /* simple clearing div */

	clear: both;

	height: 0;

	font-size: 0.1px;

	border: none;

	margin: 0;

	padding: 0;

	background: transparent;

	}


/* ---------- misc. ---------- */

#ict-mark-accredited {
	margin: 16px 7px 0 0;
	position:absolute;
	top:0px;
	right:0px;
}