/*??????????????????????????????????????????*/
/* Table of Contents: . . . . . . . . . . . */
/* html . . . . . . . . . . . . . . . . . . */
/* BODY . . . . . . . . . . . . . . . . . . */
/* MIDDLE SCROLLING COLUMN .. . . . . . . . */
/* HEADER FIXED . . . . . . . . . . . . . . */
/* LEFT COLUMN FIXED .. . . . . . . . . . . */
/* RIGHT COLUMN FIXED . . . . . . . . . . . */
/* FOOTER FIXED . . . . . . . . . . . . . . */
/* SUBSIDUARY (Information) PAGES . . . . . */
/* EXTRAS . . . . . . . . . . . . . . . . . */
/* IE6 ERROR BOX .. . . . . . . . . . . . . */
/* UN-USED ITEMS .. . . . . . . . . . . . . */
/*??????????????????????????????????????????*/

@charset "utf-8";

html 

/* ======================================== */
/* ............. BODY (Global) ............ */
/* ======================================== */
body {
	height: 100%;
	font-size: 1em;
	margin:0;
	padding:0;
	background: #ffffcc url(images/blue_cream.png) repeat-x fixed; /*lightblue_gradient.gif*/
	xxxposition: fixed;
	z-index: 0; /*2*/
	/*background-color: #ffffff; /*#ffffaf  00f0ff*/*/
	scrollbar-base-color:#ff9900; 	/*works with IE only*/
	scrollbar-track-color:#ffffff; 	/*works with IE only*/
}

.corner {
	background: transparent url(images/wattle1.png);	 /*  no-repeat top left */
	width: 200px;
	height: 100px;
	position: fixed;
	top: 0px;
	left: 20px;
	z-index: 7;
	}
	
.corner_bottom_left {
	background: transparent url(images/lizardleft3.png);	 /*  no-repeat top left */
	width: 100px;
	height: 75px;
	position: fixed;
	bottom: 5px;
	left: 0px;
	z-index: 7;
	}
	
.corner_bottom {
	background: transparent url(images/bush-br.png);	 /*  no-repeat top left */
	width: 315px;
	height: 100px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 7;
	}
	
h1 
{
	text-align: center; 
	font-family: "Edwardian Script ITC"; 
	font-size: 3.6em; 
	color: #ee9a00; 
	font-weight: bold; 
	font-style: italic; 
	padding: 0.4em;
}

h2 {
	color: #545454;  
	text-align: left;   
	font-size: 1.3em;  
}

h3 { 
	font: italic normal 1.3em georgia, sans-serif;
	letter-spacing: 1px; 
	color: #7D775C;
	}


/* ======================================== */
/* ....... MIDDLE SCROLLING COLUMN ........ */
/* ======================================== */
#centerbox
{
	background-color: transparent; /*background-color: transparent;*/
	font-family: Georgia;  /*"Trebuchet MS", Arial, Helvetica, sans-serif */
	color: maroon; /*#555753*/
	font-size: 1em;
	text-align: justify;  
	margin-top: 7.0em; /*5.4em*/
	margin-right: 12.5em;
	margin-bottom: 3em;
	margin-left: 11.5em;
	padding: 0em 1em 1em 1em;
	xxxborder-top: 2px solid #efefef;					
	xxxborder-right: 2px solid #aaaaaa;
	xxborder-dottom: 2px solid #333333;
	xxxborder-left: 2px solid #efefef;
	z-index: 0;
}

.bottom-links
{
	text-align: center;
	word-spacing: 0.4em; /*normal*/
}


/* ~~~~~~~~ Main Column only LINKS ~~~~~~~~~*/
a:link      { color: #00ff00; text-decoration: none;} /*  33ccff */
a:visited   { color: #cccccc; text-decoration: none;}
a:hover     { color: #996600; background: #ffffff; font-weight: normal; text-decoration: none;}
a:active    { color: navy; text-decoration: none;}



/* ~~~~~~~~~~~ DropCaps ~~~~~~~~~~~~ */
.dropcap1 {font-size: 2.7em; color: #555555;  text-align: center; background: #ffffff; float: left; margin-top:-0.4em; margin-bottom:-0.4em; 
}
.dropcap2 {
	font-size: 2em; color: #ffffff; /*006600*/
	text-align: center; 
	padding: 4px; 
	background: #996600; 
	float: left;
  	margin-right: 2px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #ffffff;
}


/* ======================================== */
/* .............. HEADER FIXED ............ */
/* ======================================== */
/* ~~~~~~~~~~~~~~ Header BOX ~~~~~~~~~~~~~~ */
.header
{
	position: absolute;  /*fixed*/
	top: 0px;
	xxxborder-bottom: 1px solid #b4e2fc;
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 8em; /*4.5em*/
	z-index: 6;
}

/* ~~~~~~ TITLES at top of page ~~~~~~~~ */
.page_title 
{
	text-align: right; /*center*/
	font-family: "Lucida Handwriting"; /* Estelle Black SF Edwardian Script ITC*/
	font-size: 3.4em;
	color: #993300; /*ee9a00*/
	padding: 0.5em 0.8em 0em 0em;
	}

.page_title2 
{
	text-align: right; /*center*/
	font-family: "Lucida Handwriting"; /* Estelle Black SF Edwardian Script ITC*/
	font-size: 0.8em; /*1em*/
	color: #993300; /*ee9a00*/
	padding: 0em 3.0em 0em 0em;
}

/* ======================================== */
/* ........... LEFT COLUMN FIXED .......... */
/* ======================================== */

.leftcolumn
{
	position: fixed;
	left: 1em; 
	top: 10em; /* 5.2em */
	height: 98pc;
	width: 10.5em;
	background-color: transparent; 
	z-index: 5;
}

#quickSummary p {
	font: italic 0.75em/1.2em georgia;  /*1em/1.4em georgia*/
	color: #996600; /*ff0000*/ 
	text-align:right; /*center*/
	}
#resources
{
	text-align: right;
}

.resources {
	font: italic normal 1.0em georgia, sans-serif;
	text-align: left;
	letter-spacing: 1px; 
	color: #7D775C;
	xxxpadding: -1em 0em -1em 0em;
}

/* ~~~~~~~~ Left column NAVIGATION ~~~~~~~~~ */
.left_menu    
{
	height: 1.2em;
	width: 10.6em;
	margin-left: 1em;
	margin-right: 0em;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-family: Verdana, Arial;
	text-decoration: none;
}

/* ~~~~~ Left colunm navigation LINKS ~~~~~ */
 a.navleft:link {color: #000000; text-decoration: none; padding-left: 0.5em;} 
 a.navleft:visited {color: #000000; text-decoration: none; padding-left: 0.5em;} 
 a.navleft:hover {color: #000000; background: #eeeeee; display: block; text-decoration: none;}
 a.navleft:active {color: #000000; padding-left: 0.5em;} /*display: block;*/

/* ======================================== */
/* .......... RIGHT COLUMN FIXED .......... */
/* ======================================== */

.rightcolumn
{
	position: fixed;
	right: 1em; /*0em*/
	top: 2.8em;  /*5.6em*/
	width: 11em; /*12em*/
	height: 98pc;
	background-color: transparent; /*background: #ffffff;*/
	xxxborder: 2px solid #999999;
	font-size: 0.9em;
	color: #ffffff;
	z-index: 5;
}
/* ~~~~~~~~ Right Column NAVIGATION ~~~~~~~~ */
.signpost
{
	position: fixed;
	right:  3.8em;
	xxxtop: 5.0em; /*top: 5.0em;*/
	bottom: 3em; 
	width: 4.8em; 
	height: 20em; /*90%*/
	border-top: 0px solid #333300;
	border-right: 0.6em solid #663300; /*339900*/
	border-bottom: 0px solid #333300;
	border-left: 0.6em solid #663300;  /*339900*/
	z-index: -1;
}
.menu_group
{
	position: fixed;
	font-size: 1em;
	width: 11em;
	height: 16.5em; /*13.5em*/	
	right: 1.2em;
	bottom: 5.8em; /*6.5em*/
	border: 1px solid #999999; 
}

.right_menu
{	
	font-family: Verdana; /*Georgia*/
	font-size: 0.8em; /*1em*/
	text-align: center;
	height: 1.2em; /*2em*/
	width: 13.4em;
	margin-top: 0em;
	margin-left: 0em;
	margin-bottom: 0.15em;
	margin-right: 0;
	
	border-top: 1px solid #ffffff;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #ffffff;
	background-color: #996600; /*339900*/
	xxxfont-family: Verdana, Arial;
	text-decoration: none;
	z-index: 8;
}

.right_menudeep
{	
	font-family: Verdana; /*Georgia*/
	font-size: 0.8em; /*1em*/
	text-align: center; 
	height: 2.2em; /*2em*/
	width: 13.4em;
	margin-top: 0em;
	margin-left: 0em;
	margin-bottom: 0.15em;
	margin-right: 0;
	
	border-top: 1px solid #ffffff;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #ffffff;
	background-color: #996600; /*339900*/
	xxxfont-family: Verdana, Arial;
	text-decoration: none;
	z-index: 8;
}


/* ~~~~~ Right colunm navigation LINKS ~~~~~ */  /* new */
 a.navright:link {color: #ffffff; text-decoration: none; padding-left: 0.4em; margin-top: 1em; font-size: 0.7em;
 } 
 a.navright:visited {color: #eeeeee; text-decoration: none; padding-left: 0.4em; font-size: 0.7em;} 
 a.navright:hover {color: #999999; background: #eeeeee; display: block; text-decoration: none; font-size: 0.7em;}
 a.navright:active {color: #ffffff; padding-left: 0.4em; font-size: 0.7em;} /*display: block;*/
 
 /* ~~~~~ Right colunm navigation Deep LINKS ~~~~~ */  /* new */
 a.navright:link {color: #ffffff; text-decoration: none; padding-left: 0.4em; margin-top: 1em;
 font-size: 0.7em;
 } 
 a.navright:visited {color: #eeeeee; text-decoration: none; padding-left: 0.4em; font-size: 0.7em;} 
 a.navright:hover {color: #999999; background: #eeeeee; display: block; text-decoration: none; font-size: 0.7em;}
 a.navright:active {color: #ffffff; padding-left: 0.4em; font-size: 0.7em;} /*display: block;*/


/* ======================================== */
/* ............  FOOTER FIXED  ............ */
/* ======================================== */
/*~~~~~~~~~~~~~~ Fixed Footer ~~~~~~~~~~~~~~*/



.footer
{
	position: fixed;
	bottom: 0em;
	xxxborder-top: 1px solid #eee;
	xxxbackground: #ffffff; 
	background-color: transparent;
	font-size: 12px;
	width: 100%;
	height: 2em;
	padding-left: 1em;
	z-index: 7;
}



.centeredImage {text-align:center; margin-top:0px; margin-bottom:0px;padding:0px;}

.clearspace {margin-top: 0.3em;	margin-right: 0.7em; margin-bottom: 0em; margin-left: 0.4em;}

.clearspace20 {margin-left: 20px; margin-right: 20px;}

/* Box at top of Web Design page */
.member_sites {text-align: center; border: 0px solid; margin-top: 8px; background-color: #eeffff; color: orange; padding: 5px 10px 5px 10px;}

/* ======================================== */
/* ........... IE6 ERROR BOX .............. */
/* ======================================== */
/* styles for IE6 error box */  
.error {  
	background:#FBE3E4;  
	color:#8a1f11;  
	border-color:#FBC2C4;  
	padding:20px;  
	border:dashed 2px red;  
	width:60%;  
	margin:0px auto;  
	font-family:Arial, Arial, Helvetica, sans-serif;  
	font-size:1em;  
	line-height:1.3em;  
}  
.error a, .error a:hover{color:#8a1f11;} /* IE6 error box only */  

/* ======================================== */
/* ........... UN-USED ITEMS .............. */
/* ======================================== */