/* CSS Document */

/* ================= BODY STYLES =================*/
body
{
	font-weight: normal;
	font-size: 1em;
	color:#FFFFFF;	
	font-family: Arial, Sans-Serif;
	background-color:#000066;
	margin: 1em 3em 1em 3em;
}
/* =============== END OF BODY STYLES =================*/

/* ================ FONT AND TEXT STYLES ============= */
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	color:#FFFFFF;
}

h2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1.6em;
	color:#FFCC00;	
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#66FFFF;	
}

p {
	font-weight: normal;
	font-size: 1em;
	color:#FFFFFF;	
	font-family: Arial, Sans-Serif;
}

p.just {text-align:justify;}
p.just::first-letter {
	font-size:200%; 
	background-color:#FFFFFF; 
	border:1px dotted #FF0000; 
	margin-right:0.1em;	
}

.superscript {font-size:0.9em;vertical-align:super;}
.subscript {font-size:0.9em;vertical-align:sub;}
.left {text-align:left;	margin:0.2em 0 0.2em 0;}
.right{text-align:right;margin:0.2em 0 0.2em 0;}
.center {text-align:center;}
.red {color:#FF0000;}
.blue {color:#0000FF;}
.green {color:#00FF00;}
.bigblue {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color:#0000FF;
}

.bigred {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color:#FF0000;
}

.signature {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	font-style: italic;
	font-weight: bold;
	color:#333399;
}

/* ================ END OF FONT AND TEXT STYLES ============= */


/* ================ HYPERLINK STYLES =================== */
a {color:#66FFFF;}
a:hover {color:#FFCC00;}
a.hov:hover {color:#FFCC00;} /* Forces Firefox to recogise php links!!! */

/* ================ END OF HYPERLINK STYLES ============= */

/* =================== DIV STYLES =============== */

div.center {clear:both;float:none;text-align:center;margin:1em 0 1em 0}

div.center50 {margin:0 25% 0 25%;}
div.center60 {margin:0 20% 0 20%;}
div.center70 {margin:0 15% 0 15%;}	
div.center80 {margin:0 10% 0 10%;}	
div.center90 {margin:0 5% 0 5%;}

div.textleft {margin: 1em 1em 1em 0em;}
div.picleft {margin: 1em 2em 1em 2em; float:left; width:45%;}

div.picright {margin:1em 0em 1em 2em; float:right; }
div.piccenter {
	width:100%;	
	background-image:url(../images/background_header.gif);
	background-repeat:repeat-x;
	border-top:2px ridge #CCCCCC;	
	text-align:center;
}
div.piccenter img {text-align:center}

div.w100 { /* Full width layer */
	width:100%;
	padding:1em;
	border:thin #999999 solid;
}

div.left1em, p.left1em {float:left; margin:1em 1em 1em 0em}
div.right1em, p.right1em {float:right;margin: 1em 0 1em 1em} 
div.left2em, p.left2em {float:left; margin:1em 2em 1em 0em}
div.right2em, p.right2em {float:right;margin: 1em 0 1em 2em} 

div.cancelfloat {clear:both;float:none; }
div.menu {
	margin:0em 15% 0em 15%;	
	background-color:#000066;	
}

/* ===================== END OF DIV STYLES ==================== */

/* ==================== FOOTER DIV STYLES  ===================== */

div.footer {			/* Used in the footer section of each page */		
	background-color:#000066;	
	border-top:1px solid #CCC;	
	clear:both;	
}

div.footer p { 			
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;	
	color:#FFFFFF;
}

div.footer a:hover {color:#FFCC00;}

div.footer p.author {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif ;	
	font-style:italic;
	font-size:1.2em;
	font-stretch:expanded;
	color:#CCCCCC;
	padding:0.5em 0 0.5em 0;	
}

div.footer img {
	float:left;	
	/*height:12em;
	width:12em;*/
	margin:1em;
}

/* ==================== END OF FOOTER DIV STYLES ================================== */




/* ================ IMAGE STYLES ================= */

img.bluefine {	
	border:0.1em #00F solid;
	margin:1em 0 1em 0;
	width:100%;	/* Scale to fit available width within div container */
	height:auto;
}

img.redfine {
	border:0.1em #F00 solid;
	margin:1em 0 1em 0;
	width:100%;	/* Scale to fit available width within div container */
	height:auto;
}

img.blueridge {		
	border: medium ridge #66FFFF;
	margin:1em 1em 1em 1em;
	height:auto;	
}



img.spacer {width:100%; height:auto; margin:1em 0 1em 0;}

a img.borderless {border:0px;} /* to prevent enclosing blue border with hyperlinks */

p.piccenter{
	text-align:center;
	margin:1em;
	border-collapse:collapse;
}

/* ================ END OF IMAGE STYLES ================= */

/* ================= LIST STYLES ==================== */

li
{
	font-size:1em
	font-family: Arial, Sans-Serif;
	margin-bottom:0.5em;
	list-style-type:disc;
}

ul.redball {list-style-image:url(../images/graphic_red.gif);}
ul.blueball {list-style-image:url(../images/graphic_blue.gif);}
ul.greenball {list-style-image:url(../images/graphic_green.gif);}
ul.bowl {list-style-image:url(../images/graphic_bowl.gif); }
ul.bowlred {list-style-image:url(../images/graphic_bowl_red.gif);}

ul.plainlist li {list-style:none; padding:0 0 0.4em 0;}
ol.spaced1em li { margin-bottom:1em;}
ol.spacedhalfem li {margin-bottom:0.5em}
/* End of List Styles */

/* =============== FORM STYLES ================= */
form {
	background-color:#66FFFF;
	padding:2em;
	border:#0000CC 0.2em ridge;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:normal;
}

form .completion {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:0.9em;
	color:#0000CC;
	text-align:left;	
}

form input, form textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:normal;
}

form textarea {width:100%}

form.parthidden {
	background:none;
	border:0;
	padding:0;	
}

form.parthidden input {
	visibility:hidden;
}

form.parthidden input.visible {
	visibility:visible;
}

/* =============== END OF FORM STYLES ================= */

/* ==================== TABLE STYLES ================== */

table.menu {border:0px; text-align:center; width:100%;}
table.menu td {text-align:center; font-size:1em; width:17.5%;}

/* =================END OF TABLE STYLES =============== */