/* Type CSS rules here and they will be applied
to pages from 'editcss'
immediately as long as you keep this window open. */

/**** LINK-tag style sheet waterlight.css ****/

html { margin:0; padding: 0; }

body
{
	background: #00c url(img/waterlight/bg.jpg) repeat-x top center;
	color: #fff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 0;	
	padding: 0;
	text-align: center;
font-size: 11pt;
}

h1
{
	position: relative;
	top: 30px;
	margin: auto;
	background: transparent url(img/waterlight/h1.gif) no-repeat top center; 
	font-size: 0;
	height: 76px;
	width: 354px;
}

div#boxes 
{
	position: relative;
	right: 76%;
	margin: 110px 0 0 75%;
	text-align: right;
	padding: 0;
}

ul,li { padding: 0; margin: 0; list-style-type: none;}

li.top
{
	font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 14pt;
	margin: 2px 0 0 0;
}

li
{	
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11pt;
	margin: 0 0 3px 0; 
}

div#main
{
	position: relative;
	top: -280px;
	margin: 0 auto -280px auto;
	padding: 0 20px;
	width: 50%;
	text-align: left;
	min-height: 600px;
}

* html div#main
{
	margin-bottom: 0;
}

div.x2section
{
	margin-bottom: 1em;
	padding: 4px;
}
div.x2section h2 { margin-bottom: 0; font-family: "Lucida Calligraphy", cursive; }
div.x2section h3 { font-weight: normal; }
div.x2section p { margin-top: 2px; }

div#welcome h2
{
	background: transparent url(img/waterlight/welcome.gif) no-repeat top left; 
	width: 188px;
	font-size: 0;
	padding-top: 40px;
    height: 0 !important; /* for most browsers */
    height /**/:40px; /* for IE5.5's bad box model */
	overflow: hidden;
}

div#content h2
{
	background: transparent url(img/waterlight/content.gif) no-repeat top right; 
	width: 100%;
	text-align: right;
	font-size: 0;
	padding-top: 40px;
    height: 0 !important; /* for most browsers */
    height /**/:40px; /* for IE5.5's bad box model */
	overflow: hidden;
}

div#acaveat h2
{
	background: transparent url(img/waterlight/acaveat.gif) no-repeat top left; 
	width: 191px;
	font-size: 0;
	padding-top: 40px;
    height: 0 !important; /* for most browsers */
    height /**/:40px; /* for IE5.5's bad box model */
	overflow: hidden;
}	

div#photos h2, div#photo h2
{
	background: transparent url(img/waterlight/photos.gif) no-repeat top left; 
	width: 168px;
	font-size: 0;
	padding-top: 40px;
    height: 0 !important; /* for most browsers */
    height /**/:40px; /* for IE5.5's bad box model */
	overflow: hidden;
	text-align: left;
}	

div#photo
{
	text-align: center;
}

div#vrLink { padding: 2em 0 3em 0; }

.stnemmoc { text-align: left; }
h4#mochead { margin-bottom: 0; }
.mocsig, #mocha { font-size: 9px; }
p.error
{
font-weight: bold;
font-style: italic;
color: #fa0;
}

form.stnemmoc
{
text-align: right;
margin-top: 1em;
}

form.stnemmoc  input,form.stnemmoc  textarea, form.stnemmoc select
{
background-color:#00d;
border-color:#00f;
color: #fff;
}

form.stnemmoc  input { width:  14em; }

input#submit { width: 5em;}
input#r { width: 1em; float: left;
position: relative;
left: 14em;}

form.stnemmoc  textarea
{
width: 20em;
height: 6em;
}

form.stnemmoc label
{
float: left;
height: 1.2em;
}

label#remlab
{
position: relative;
left: 20em;
font-size: 9px;
padding-top: 3px;
}

div#thesite h2
{
	background: transparent url(img/waterlight/thesite.gif) no-repeat top left; 
	width: 163px;
	font-size: 0;
	padding-top: 40px;
    height: 0 !important; /* for most browsers */
    height /**/:40px; /* for IE5.5's bad box model */
	overflow: hidden;
}	

div#licence h2
{
	background: transparent url(img/waterlight/licence.gif) no-repeat top right; 
	width: 100%;
	font-size: 0;
	text-align: right;
	padding-top: 40px;
    height: 0 !important; /* for most browsers */
    height /**/:40px; /* for IE5.5's bad box model */
	overflow: hidden;
}	

div#footer
{
	margin: 0;
	padding: 280px 0 2px 0;
	width: 100%;
	background: transparent url(img/waterlight/footer-bg.jpg) repeat-x bottom center; 
	text-align: right;
}

div#footer p
{
	font-size: 10px;
	padding-right: 2px;
}

a { color: #ccf; text-decoration: none; }
a:visited { color: #aac; }
a:hover { text-decoration: underline; }
a img { border: none; }