/* reefDIY.css */
a:link {
	color:#8297A7;
	text-decoration:underline;
}
a:active {
   color: White;
}

a:visited {
	color:#A082A7;
}

a:hover {
	text-decoration:none;
}

.bigtext {
   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: x-large;
}

.smalltext {
   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   font-size: medium;
}

body {
	font-size: medium;
       	font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal; 
/*	background: url(style/blueslatedark.jpg) repeat top left; */
	background-color: black; 
	color:#FFCC00;
	padding:0;
}

#titlebar {
	width:640px;
	height:100px; /* Vertical size of Banner */
	background: black url(style/reefworkshopbanner.jpg) no-repeat top left;
}

#ad_vert {
	position: absolute;
	top: 170px;
	left: 915px;
	width: 160px;
	height: 600px;
	}

#DIY_text {
	margin:0 0 0 45px !important;
	background: black
	width: 835px !important;
	height: 82%;
	width /**/:840px; /* IE5/Win */
	padding:0 5px;
	border-bottom:5px solid #000;
	position:relative;
	overflow: auto; 
/*	font-size:110%;*/
}


#container {
	margin:0 0 0 45px !important;
	background: black;
	width: 640px !important;
	width /**/:650px; /* IE5/Win */
	padding:0 5px;
	border-bottom:5px solid #000;
	position:relative;
	font-size:110%;
}



#pageHeader {
	width:640px;
	height:105px;  /* Vertical size of Banner + 5 */
	background:#000 url(style/kylesreef.jpg) no-repeat top left;
}

#quickSummary {
	height:125px;
	width:640px;
	background-color:#FFF;
	position:relative;
}

#quickSummary p {
	margin:0;
	padding:0;
}

#quickSummary .p1 {
	position:absolute;
	top:0;
	left:0;
	width:405px;
	height:120px;
	background:#555040 url(style/quick_summary_p1.jpg) no-repeat top left;
}

#quickSummary .p1 span { display:none; }

#quickSummary .p2 {
	position:absolute;
	top:0;
	left:410px;
	width:230px;
	height:120px;
	background:transparent url(style/button_html.gif) no-repeat top left;
	overflow:hidden;
}

#quickSummary .p2 span {
	visibility:hidden;
	white-space:nowrap;
}

#quickSummary .p2 a {
	width:230px;
	height:60px;
	float:right;
	visibility:visible;
	text-indent:-9000px;
	overflow:hidden;
	margin-top:-1.4em;
	margin-bottom:1.4em;
}

#pageHeader h1, #pageHeader h2 {
	display:none;
}

#preamble {
	margin-right:235px;
	padding:5px;
	background:#c8c8ff;
}

#preamble h3 {
	margin:0 0 5px;
	padding:0;
	width:238px;
	height:24px;
	text-indent:-9000px;
	overflow:hidden;
	background:transparent url(style/title_about.gif) no-repeat top left;
}

#preamble p {
	margin:0 10px 10px;
	padding:0;
}

#preamble p.p3 {
	margin:0 10px 5px;
}

#supportingText {
	margin-right:235px;
	padding:5px;
}

#linkList {
	position:absolute;
	top:205px;
	left:415px;
	width:230px;
}

#footer {
	margin:0 -240px -5px -5px;
	border-top:5px solid #FFF;
	background-color:#555040;
	padding:10px;
	text-transform:uppercase;
}

#footer a {
	color:#FFF;
	text-decoration:underline;
}

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

#explanation h3, #participation h3, #benefits h3, #requirements h3 {
	margin:10px 0 5px;
	padding:0;
	width:238px;
	height:24px;
}

#explanation h3 { 		background:transparent url(style/title_goals.gif) no-repeat top left; }
#participation h3 { 	background:transparent url(style/title_participation.gif) no-repeat top left; }
#benefits h3 { 			background:transparent url(style/title_benefits.gif) no-repeat top left; }
#requirements h3 { 		background:transparent url(style/title_requirements.gif) no-repeat top left; }

#preamble h3 span,
#explanation h3 span,
#participation h3 span,
#benefits h3 span,
#requirements h3 span {
	display:none;
}

#lselect li a, #lfavorites li a {display: block; margin-left:-10px; font-weight:bold;}
#linkList li a.c, #lfavorites li a.c {float:none; display:inline; margin-left:0; font-weight:normal; font-size:100%;}

#supportingText p {
	margin:0 10px 10px;
	padding:0;
}

#linkList ul {
	width:210px;
	margin:0 0 10px 15px;
	padding:0;
}

#linkList li {
	padding: 0 0 0 35px;
	margin:0 0 5px;
	list-style-type:none;
	white-space:nowrap;
	background: transparent url(style/bullet_normal.gif) no-repeat 0 1px;
}

#lselect ul, #lfavorites ul {
	width:210px;
	margin:0 0 10px 15px;
	padding:0;
	font-size:150%;
}

#lselect li, #lfavorites li {
	padding: 0 0 0 40px;
	margin:0 0 5px;
	list-style-type:none;
	clear:left;
	white-space:nowrap;
	background: transparent url(style/bullet_styles.jpg) no-repeat 0 1px;
}

#linkList h3 {
	margin:0 0 10px;
	background:#000099 url(style/link_list_h3.gif) repeat-y top left;
	padding:5px 5px 5px 15px;
	font-weight:bold;
	color:#E9E6D9;
	font-size:100%;
}

acronym {
	border-bottom:1px dotted #555040;
	cursor:help;
}

a acronym {
	border-bottom:1px dotted #8297A7;
}

#lfavorites, #larchives, #lresources {
	border-top:5px solid #FFF;
}

#extraDiv1 {
	background: transparent url(style/tank.jpg) top left no-repeat;
	position: absolute;
	top: 75px;
	left: 460px;
	width: 320px;
	height: 120px;
	}