/* General Style */
body {
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
text= #333333;
background-color: #ffffff;
font-size: 12px; 
font-family : Arial, Helvetica, sans-serif;
color : #657f96;
scrollbar-face-color: #cdcdcd;
scrollbar-shadow-color: #ffffff; 
scrollbar-highlight-color: #ffffff; 
scrollbar-3dlight-color: #808080; 
scrollbar-darkshadow-color: #808080; 
scrollbar-track-color: #e3e3e3;
scrollbar-arrow-color: #173C61;
scrollbar-base-color: #ffffff;
background-image: url(img/page_tile.gif);
}

/* Paragraph Spacing */
P {margin-top: 5px; }
P.0 {margin-top: 1px; }
P.1 {margin-top: 3px; }
P.2 {margin-top: 12px; }
P.3 {margin-top: 9px; }
P.4 {margin-top: 15px; }
P.5 {margin-top: 20px; }
P.6 {margin-top: 25px; }

td { font: 12px Arial, Helvetica, sans-serif; }

/* Special Font Variation */
.bold { font-weight : bold; }
.italic {	font-style :  italic; }
.bolditalic { font-style :  italic; font-weight : bold; }
.justify { text-align : justify; }
.link { color : #000fff; }
.data { font-family : Arial, Helvetica, sans-serif; font-size : 9px; color : #aaaaaa; }
.footer { font-family :  Arial, serif; font-size : 9px; color : #A9A8A8; }
ul { Margin-Left: 30px; Margin-Top: 3px; Margin-Bottom: 0px;  font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #566e86; }
li { Padding-Bottom: 3px; }

/* Coloured Text */
.blue { color : #0033ff; }
.black { color : #000000; }
.gray { color : #777777; }
.green { color : #339900; }
.orange { color : #FFA509; }
.red { color : #CC3300; }
.silver { color : #c0c0c0; }
.tan { color : #d2b48c; }
.teal { color : #008b8b; }
.white { color : #ffffff; }
.yellow { color : #ffff00; }

#LayerPage {
position: absolute;
left: 30px;
top: 0px;
width: 718px;
height: 320px;
z-index: 1;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 8px;
padding-top: 0px;
font : 12px Arial, Helvetica, sans-serif;
color : #657f96;
text-align: justify;
background-color: #ffffff;
overflow : visible;
border: 1px dotted #eaeaea;
scrollbar-face-color: #cdcdcd;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #808080;
scrollbar-darkshadow-color: #808080;
scrollbar-track-color: #e3e3e3;
scrollbar-arrow-color: #173C61;
scrollbar-base-color: #ffffff;
}

#LayerMain {
position: absolute;
left: 30px;
top: 0px;
width: 512px;
height: 320px;
z-index: 1;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
font : 12px Arial, Helvetica, sans-serif;
color : #F5F5F5;
text-align: justify;
background-color: #ffffff;
overflow : visible;
border: 0px dotted #eaeaea;
scrollbar-face-color: #cdcdcd;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #808080;
scrollbar-darkshadow-color: #808080;
scrollbar-track-color: #e3e3e3;
scrollbar-arrow-color: #173C61;
scrollbar-base-color: #ffffff;
}

#LayerIMG {
position: absolute;
left: 552px;
top: 0px;
width: 190px;
height: 320px;
z-index: 1;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
font : 12px Arial, Helvetica, sans-serif;
color : #F5F5F5;
text-align: justify;
background-color: #ffffff;
overflow : visible;
border: 0px dotted #eaeaea;
scrollbar-face-color: #cdcdcd;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #808080;
scrollbar-darkshadow-color: #808080;
scrollbar-track-color: #e3e3e3;
scrollbar-arrow-color: #173C61;
scrollbar-base-color: #ffffff;
}

.LayerStain {
position: absolute;
left: 15px;
top: 260px;
width: 480px;
height: 150px;
z-index: 2;
font: 11px Arial, Helvetica, sans-serif;
color: #657f96;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
padding-top: 3px;
background-color: transparent;
border: 1px solid #ffffff; float: left;
visibility: hidden;
}


.formbutton {
background-color: #ffffff; 
font-family: arial,helvetica,sans-serif;
color : #657f96;
font-size: 11px;
text-align : center;
cursor : hand;
border: 1px ridge #eaeaea;
}

.fieldtext {
vertical-align: middle; 
border: 1px ridge #eaeaea;
background-color: #ffffff; 
background-image: url(images/corners.gif);
font-family: arial,helvetica,sans-serif;
color : #657f96;
font-size: 11px;
font-weight: normal;	
}

.fielddropdown {
vertical-align: middle; 
border: 1px ridge #eaeaea;
background-color: #ffffff; 
font-family: arial,helvetica,sans-serif;
color : #657f96;
font-size: 11px;
font-weight: normal;		
}

.fieldtextarea {
vertical-align: middle; 
border: 1px ridge #eaeaea;
background-color: #ffffff; 
background-image: url(images/corners.gif);
font-family: arial,helvetica,sans-serif;
color : #657f96;
font-size: 11px;
font-weight: normal;	
scrollbar-face-color: #cdcdcd;
scrollbar-shadow-color: #ffffff; 
scrollbar-highlight-color: #ffffff; 
scrollbar-3dlight-color: #808080; 
scrollbar-darkshadow-color: #808080; 
scrollbar-track-color: #e3e3e3;
scrollbar-arrow-color: #173C61;
scrollbar-base-color: #ffffff;
}

/* Text Headings */
.pageheader {
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
color : #657f96;
font-weight :  bold;
}

.pagefooter {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
color : #657f96;
font-weight :  bold;
}

/* Text Body */
.h-body {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #657f96;
font-weight :  bold;
}

.body {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #657f96;
}

.bodysmall {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #657f96;
}

.bodyvsmall {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #657f96;
}

/* images*/
.pic {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px; 
margin-bottom: 0px;
border: 1px solid #708090;
float: center;
}
.picnb {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px; 
margin-bottom: 0px;
border: 0px solid #708090;
float: center;
}

.picleft {
margin-top: 5px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 5px;
border: 1px solid #708090;
float: left;
}

.picleftnb {
margin-top: 5px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 5px;
border: 0px solid #708090;
float: left;
}

.picright {
margin-top: 5px;
margin-left: 10px;
margin-right: 0px; 
margin-bottom: 5px;
border: 1px solid #708090;
float: right;
}

.picrightnb {
margin-top: 5px;
margin-left: 10px;
margin-right: 0px; 
margin-bottom: 5px;
border: 0px solid #708090;
float: right;
}

.piccentre {
margin-top: 5px;
margin-left: 0px;
margin-right: 0px; 
margin-bottom: 5px;
border: 1px solid #708090;
float: center;
}

.piccentrenb {
margin-top: 5px;
margin-left: 10px;
margin-right: 0px; 
margin-bottom: 5px;
border: 0px solid #708090;
float: center;
}

.box {
border: 1px solid #cccccc;
background-color: White;
}