html {
margin: 0; padding: 0;
}

body {
background: #cabac4;
color: #000;
font: small/150% verdana, sans-serif;
margin: 0; padding: 0;
}

a:link {color:#636; background: transparent; font-weight: bold; text-decoration:none; }
a:visited {color:#636; background: transparent; font-weight: bold; text-decoration:none; }
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

div#water {
	position: absolute;
	top: 0px;
	right: 0;
	z-index: 1;
	color: #000;
	background: transparent;
	width: 375px;
	height: 1627px;


}

div#mesh {
	position: absolute;
	top: 16px;
	left: 553px;
	width: 180px;
	z-index: 2;
	height: 130px;

}

div#navlinks {
	position: absolute;
	top: 17px;
	left: 552px;
	width: 102px;
	z-index: 3;
	height: 101px;

}

div#navlinks a {
color: #fff;
background: transparent;
font: bold 16px/16px arial, helvetica, sans-serif; 
text-align: center;
text-decoration: none;
display: block;
padding: 3px 3px 5px 3px;
margin: 0 0 3px 0;
}

div#navlinks a:hover {
color: #636;
background: #cabac4;
text-decoration: none;
border-left: 6px solid #636;
}

div#navlinks a.yourhere {
border-left: 6px solid #fff;
}

div#sidebar {
position: absolute ; top: 540px; left: 70%; width: 180px;  z-index: 2;
color: #000;
background: #ccf;
width: 180px;
float: right;
padding: 9px 0 9px 0;
border-top:  #99c 2px solid;
border-right:  #339 2px solid;
border-bottom:  #339 2px solid;
border-left:  #99c 2px solid;
}

div.dotted {
color: #000;
background: transparent;
margin: 0 12px 0 12px;
padding: 0 6px 0 6px;
border:  #66c 1px dotted;
}

div#content {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 2;
	background: transparent url(images/mesh_white.gif) repeat;
	color: #300;
	width: 476px;
	padding: 18px;
	border-top: #636 2px solid;
	border-right: #303 3px solid;
	border-bottom: #303 3px solid;
	border-left: #636 2px solid;
	height: 1597px;

}

div#breadcrumb {
width: 100%;
font: 10px/12px verdana, geneva, sans-serif;
margin-top: 12px;
}

div#copyright {
color:#303;
background: transparent;
text-align: center;
font: 9px/10px verdana, sans-serif;
padding: 3px 0 0 0;
border-top: #303 1px solid;
margin: 24px 0 0 0;
}

div#form {
margin-top: 9px;
}


h1 {
color:#303;
background: transparent;
font: normal bold 27px/27px arial, geneva, sans-serif;
text-align: center;
margin: 36px 018px 0;
}

h2 {
color:#303;
background: transparent;
font: normal bold 16px/16px arial, geneva, sans-serif;
text-align: left;
margin: 36px 0 0 0;
}

h3 {
color:#303;
background: transparent;
font: normal bold 16px/19px arial, verdana,geneva, sans-serif;
text-align: center;
margin: 9px 18px 0 18px;
}

/* Be kind to Netscape 4* /

p, td, ol, ul, li, dl, dt, dd {font-family: verdana, sans-serif;}

/* Done being kind to Netscape 4 */


p {
margin: 7px 0 0 0;
}

p.indent {
margin: 7px 24px 0 24px;
}

p.right {
text-align: right;
}

p.center {
text-align: center;
}

p.smcenter {
font: 10px/12px verdana, sans-serif;
text-align: center;
margin-top: 6px;
}

p.sm {
font: 10px/12px verdana, sans-serif;
margin-top: 6px;
}

p.xsm {
font: 10px/12px verdana, sans-serif;
margin: 2px 0 0 0;
text-align: center;
}

p.smcenter {
font: 10px/12px verdana, sans-serif;
text-align: center;
margin-top: 6px;
}

ul {
margin: 5px 0 0 18px;
}

li {
margin: 5px 0 0 0;
list-style-position: outside;
}

span.reddot {
color: #f00;
background: transparent;
font-weight: bold;
}

span.oragedot {
color: #f60;
background: #009;
}

img {
border: 0;
}

img.center {
display: block;
text-align: center;
margin: 12px auto 0 auto;
padding-bottom: 12px;
}

img.left {
margin: 9px 9px 6px 0;
float: left;
}

img.right {
margin: 9px 0 6px 9px;
float: right;
}

span.smallcaps {
font-variant: small-caps;
}

table.sidebar0 {
display: block;
text-align: center;
width: 80%;
margin: 0 10% 0 10%;
}

td.sidebar1 {
color: #000;
background: transparent;
font: bold 12px/12px verdana, sans-serif;
text-align: center;
vertical-align: middle;
padding: 3px 0 6px 0;
border-bottom: #00c 1px dotted;
margin: 0;
}

td.sidebar2 {
color: #00c;
background: transparent;
font: bold 14px/17px arial, sans-serif;
text-align: center;
padding: 15px 0 3px 0;
border-bottom: #00c 1px solid;
margin: 0;
}

table.thumbnails {
width: 100%;
}

td.leftcell {
width: 125px;
text-align: center;
padding: 12px 0 9px 0;
border-top: #636 1px solid;
}

td.ritecell {
font: 10px/12px verdana, sans-serif;
text-align: left;
padding: 12px 0 9px 6px;
border-top: #636 1px solid;
}
