/* New Beach Cascading Style Sheet */

body {
	max-width: 1024px;
	background: white;
}

p.HeaderText {
		font-weight: bolder;
		font-size: xx-large;
		color: #CC6600;
}

/*  The following styles relate to the main beach page */
td.GuideHeader {
		font-weight: bolder;
		font-size: x-large;
		border-color: silver;
		background: white;
		color: #CC6600;
}

td.PhotoPanel {
		vertical-align: top;
		border: 1px outset;
		background: url(_graphics/light.jpg)
}

td.Caution {
		border: 1px inset;
		border-color: blue;
		padding: 1px 5px 1px 5px;
		background: white;
		font-weight: bold;
		color: dark blue;
}

td.InfoPanel {
		vertical-align: top;
		color: black;
		border: 1px outset;
		border-color: black;
		background: url(_graphics/light.jpg)
}

span.InfoHeader {
		font-weight: bolder;
		color: maroon
}

td.NoInfoPanel {
		vertical-align: top;
		color: black;
		border: 1px inset;
		border-color: silver;
		background: #CCCCCC;
}

span.NoInfoHeader {
		font-weight: bolder;
		color: gray
}

p.InfoPara {
		text-align: left;
		text-indent: -0.5cm;
		margin-left: 0.5cm
}

p.TopButton {
		text-align: center;
}

/*The following styles relate to the beach story page */

td.SubHeader {
		text-align: left;
		font-size: x-large;
		font-weight: bolder;
		color: #CC6600;
		background: white
}

td.darksand {
		background: white
}

p.storytext {
		font-family: "Times New Roman", serif;
		margin-bottom: 0cm;
		margin-top: 0.2cm;
		text-align: justify;
		text-indent: 0.5cm;
		max-width: 1024px;
/*		width:expression(document.body.clientWidth > 1024? "1024px": "auto"*/
}

span.phototext {
		font-size: smaller;
		font-style: italic
}

span.landscapeframe {
		float: left;
		width: 7.86cm;
		height: 6.3cm;
		border: 1px solid #000000;
		padding: 2px;
		margin: 0px 7px 0px 0px;
		background: #ffffff
}

span.rightlandframe {
		float: right;
		width: 7.86cm;
		height: 6.3cm;
		border: 1px solid #000000;
		padding: 2px;
		margin: 0px 0px 0px 7px;
		background: #ffffff
}

span.portraitframe {
		float: left;
		width: 6.3cm;
		height: 8.86cm;
		border: 1px solid #000000;
		padding: 2px;
		margin: 0px 7px 0px 0px;
		background: #ffffff
}

p.phototop {
		margin-top: 0.21cm
}


/* styles below this line are yet to be confirmed as active. */

p.LinkyText {
		text-align: right;
		font-weight: bolder;
		font-size: large;
		color: silver
}

p.promotext {
		text-align: center;
		font-weight: bolder;
		font-size: large;
		color: green
}

p.copyright {
		font-size: smaller;
		font-weight: bold;
		text-align: center;
		color: #000000
}
p.subtext {
		font-family: Times New Roman, serif;
		font-size: smaller;
		margin-bottom: 0cm;
		margin-top: 0.2cm;
		text-align: justify;
		text-indent: 0.5cm
}

p.footnotes {
		font-size: smaller;
		margin-left: 0.3cm;
		text-indent: -0.3cm
}

span.summary {
		text-align: center;
		width: 100%;
		height: 0.5cm;
		border: 1px solid #000000;
		padding: 0.15cm;
		background: #CCCCFF
		}

div.summary {
		text-align: center;
/*		height: 0.5cm;*/
		border: 1px solid #000000;
		padding: 0.15cm;
		background: #CCCCCC
		}

div.maps {
		text-align: center
}

p.tinytext {
		font-size: x-small
}

span.menuheader {
		text-align: center;
		font-size: xx-large;
		font-weight: bolder;
		color: #CC6600;
/*		width: 100%;
		border: 2px solid silver;
		border-style: outset;
		padding : 1px 1px 1px 2px;
		margin: 1px 1px 0px 1px;
		background: url(_graphics/wet.jpg)*/
}
a.Java {
		color: #FF0000;
		font-weight: bolder;
		text-decoration: blink;
}
span.menubutton {
		text-align: left;
		font-weight: bolder;
/*		width: 183px;
		height: 10px;
		border: 2px solid silver;
		border-style: outset;
		padding : 1px 1px 1px 2px;
		margin: 1px 1px 0px 1px;
		background: #FFFFCC;*/
}
span.weightbutton {
		text-align: center;
		width: 160px;
		height: 10px;
		border: 1px solid silver;
		border-style: inset;
		padding : 1px 1px 1px 2px;
		margin: 1px 1px 0px 1px;
		background: silver
}