/* overall page area  */
body {
	background-color: #FFF; 
	margin: 5px 0; position:relative; 	
	font-family: "Trebuchet MS", "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size: 100%;
}
#masthead {
	width: 800px; margin: 0 0px;
	height: 400px;
}

/********LAYOUT WRAPPER**********/
#layout {
	width: 800px;
	margin: 0 auto;
	background-color: #FFF;
	background-image: url(../PageImages/shadow2.jpg);
	background-repeat: repeat-y;
}

/********TOP MENU BAR**********/
#menubar {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: -295px; margin-left: 50px; 
	width: 700px;
}
#menubarsafe {
	position: absolute; top: 0px; width: 600px;
	margin: 86px 114px;
	
}
/********COLUMN WRAPPER**********/
#columnwrapper {
	margin: 4em 0;
	width: 800px;
	padding: 0;


}
#columnwrappersafe {
	position: relative;
	margin-top: -10px;
	top: -150px;
	width: 800px;
	padding: 0 0 0 0;
}

/*MAIN and SIDEBAR COLUMNS
  Width of both  equals width of columnwrapper
	540 + 210 = 750 ............ menubox is a flyout */

#mainbox {
	float: left;
	width: 598px;
}
#mainboxFull {
	float: left;
	width: 700px;
}
#mainboxNarrow {
	float: left;
	width: 518px;
}
#sidebox {
	float: left;
	width: 200px;
}
#sideboxright {
	float: right;
	width: 200px; 
	margin-right: 5px;
}
#sideboxrightWide {
	float: right;
	width: 200px; 
	margin-right: 22px;
}
#sideboxrightEntry {
	float: right;
	width: 250px; 
	margin-right: 5px;
	
}
/********CONTENT CONTAINERS*********/

/*Main Content*/
#maincontent {
	padding: 0 10px 20px 80px;
	font-size: 0.9em;
	
}
#maincontent p{
	line-height: 1.8em;
	margin: 8px 0 12px 0;
}
#maincontentWide {
	padding: 0;
	margin-left: 50px;
	font-size: 0.8em;
	
}

P {font-size: 1em;  COLOR: #333; line-height: 1.5em;}


.calloutLeft {
	position: relative; float: left;
	width: 248px;
	left: -2px;  
	margin: 6px 8px 0px -50px;
	padding: 8px; text-align: left;
	border-top: 1px solid #fff; border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc; border-left: 1px solid #fff;
	font-size: 0.9em; color: #666;	
}

.calloutRight {
	position: relative; float: right;
	width:150px;
	right: -180px;  
	margin: 6px 8px 0px -180px;
	padding: 8px; text-align: right;
	border: 1px solid #CCCCCC;
	font-size: 0.85em; color: #666;
}

/*Sidebars*/
#sidecontent {
	font-size: 1em;
	padding: 5px 0 0 0;
	margin: 0 0 0 8px;
	background-image: url(../PageImages/yellowgradient.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#sidecontentright {
	font-size: 0.9em;
	padding-right: 2px;
	margin-right: 1px;
	
}
#sidecontentrightEntry {
	font-size: 0.9em;
	padding:1px 20px 0 5px;
	margin-right: 1px;
	
}

#sidecontent p{
	line-height: 1.35em;
	margin: 1px 0;
}
#tableMinis {
	border-collapse: collapse;  border: 0; cellpadding: 0; cellspacing: 0; 
	border-spacing: 0px; border-top: 1px solid #eee; border-right: 1px solid #999;
	border-bottom: 1px solid #999; border-left: 1px solid #eee;
	background: transparent; 
}
/********HEADINGS*******/
h1 { 	
	font: 2em "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
	color : #C96;
	FONT-WEIGHT: bold; 
	letter-spacing: 0.25em; 
	line-height: 1.5em;
	
}
h2, h3 { FONT-FAMILY: "Trebuchet MS", "ComicSans ", Verdana,Arial,Helvetica,Geneva; 
	FONT-SIZE: 1.7em; 
	margin: 1.5em 0 0 0;
	color : #a38426;
	}	
h4 {FONT-FAMILY: "Trebuchet ", "ComicSans ", Verdana,Arial,Helvetica,Geneva; 
	FONT-SIZE: 1.3em; 
	FONT-WEIGHT: bold; 
	margin: 1.8em 0 1.8em 0;
	letter-spacing: 0.25em; 
	line-height: 2em;
	color : #C66;
}
h5, h6 { color : #C90;
	margin: 1.5em 0 0 0;
	font-size: 1.25em;
}
td {padding: 8px;}
#sidecontentright h3.topheading {
	margin: 1.8em 0 0 0;
}
UL .arrow {
	list-style-image: url('../PageImages/arrow.gif'); 
	 }	
UL .arrow li{
	margin-bottom: 20px; margin-left:-10px;
	 }
/*CLEARING the LAYOUT FLOATS*/
.clearit {
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
}

/********BOTTOM SHADOW GRAPHIC**********/
#bottom {
	background-image: url(../PageImages/footer.gif);
	background-repeat: no-repeat;
	height: 55px;
	background-position: left bottom;	
}
/********BOTTOM SHADOW GRAPHIC*********
#bottom {
	
	height: 55px;
	background-position: left bottom;	
}
/***********FOOTER************/
/*Footer Container*/
#footerbox {
	width: 800px;
	margin: -10px auto;
	font-size: 0.7em;
	color: #999999;
	background:#FFF;
}
/*Footer Content*/
#footer {
	padding: 0 0 0 30px; text-align: center;
	background:#FFF;
}
#footer UL li { 
	list-style-type: url('../PageImages/arrow.gif');
	display: inline;
	padding: 0 10px;
	}


/* Link Link Styles*/
.caption a, .caption a:visited, .caption a:hover {
	color: #06C;
	cursor: default;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}
.p7fix a:active, .caption a:active, .caption a:focus {
	color: #FFFFFF;
	background-color: transparent;
	cursor: pointer;
	font-size: .8em;
}

/********   table entry  *******/

#tableEntry { width: 210px;
       background: transparent;}
#tableEntry td { 
	padding: 0px 10px 0 10px;}
.tableDetail_top {height: 26px;
    background:  url('../Symbols/tableTopDetail.gif') no-repeat;}

.tableEntry_top {height: 42px;
    background:  url('../Symbols/tableTop.png') no-repeat;
text-align: center;}
.tableEntry_top .bold{padding-top:6px; }
.tableEntry_mid {font-size: 0.8em;
background:  url('../Symbols/tableMid.png') repeat-y;
}
.tableEntry_bottom {height: 42px;
    background:  url('../Symbols/tableBottom.png') no-repeat;}
	
	
	
/*********PAGE LINK STYLES********/
#columnwrapper a:hover, #columnwrapper a:active, #columnwrapper a:focus, 
#footer a:hover, #footer a:active, #footer a:focus {
	background-color: #4D4D4D;
	color: #FFFFFF;
	text-decoration: none;
}
.tdtitle a:hover {text-decoration: none; background: transparent;}


TABLE {
	BORDER: 0; PADDING: 0;   FONT-SIZE: 1em;  MARGIN: 0; BORDER-COLLAPSE: collapse; 
}
thead {text-align: center; border-bottom: 1px solid #ccc;}
a { color: #00cc33;}
a: {color: #00cc33; text-decoration: none}
a:link { color : #ED7F09; text-decoration : none }
a:visited { color : #ED7F09; text-decoration : none }
a:hover { color : #009933; text-decoration : underline }
.caption a: {color: #ccffcc; text-decoration: none; font-weight:bold;}
.caption a:link { color : #ccffcc; text-decoration : none; font-weight:bold; }
.caption a:visited { color : #ccffcc; text-decoration : none; font-weight:bold;}
.caption a:hover { color : #009933; text-decoration : underline; background-color: #B4C3AE; }


/********MENU FLYOUT**********/

#cgroup1 {	 COLOR: #000066; background-color: #eeeeee; border-top: 1px solid #9999CC; border-bottom: 1px solid #9999CC; text-align: top}
#cgroupAll {	background-color: #eeeeee; margin: 5px; padding: 2px; border: 1px solid #CCC;}
#cgroupBlack {	 COLOR: #EEEEEE; background-color: #9999CC; font-weight: bold; padding-left: 5px; }
#cgroupDark {height: 30px; padding: 0; BACKGROUND: url(../Symbols/icon_td.gif) repeat-x left top;}
#cgroupDark A:hover {background: #99ffcc; padding: 0;}
.cgroupDark A {background: #99ffcc}
#cgroupTable {	 border: 1px solid #CC9933;  transparent; background-image: url('../spacer_table.gif'); }
#menu01, #menu02, #menu03, #menu04, #menu05, #menu06, #menu07, #menu08, #menu09, #menu10, 
	#menu11, #menu12, #menu13, #menu14, #menu15, #menu16, #menu17, #menu18, #menu19, #menu20, 
	#menu21, #menu22, #menu23, #menu24, #menu25, #menu26, #menu27, #menu28, #menu29, #menu30, 
	#menu31, #menu32, #menu33 {
	POSITION: absolute; right: 0; margin-right: 2px; width: 30%; FONT-SIZE: 0.8em; top:120px; 
	text-align: left; z-index:6; VISIBILITY: hidden;	background: transparent; COLOR: #666666; 
	border-left: 3px dotted #CC9; padding: 10px 20px 0 0; 
}
#hover01, #hover02, #hover03, #hover04, #hover05, #hover06, #hover07, #hover08, #hover09, #hover10 {
	POSITION: absolute;  top:200px; left: 350px; width: 200px; FONT-SIZE: 0.75em;  
	text-align: left; z-index:100; VISIBILITY: hidden;	background: #eeeeee; COLOR: #666666; 
	border-left: 3px dotted #CC9; padding: 10px; 
}

ul .bullet { 	list-style-image: url('../green_bullet.gif'); line-height: 2em; margin-left: 8%; margin-right: 5% }

	
/* general classes */
.admin {	
	left: 20px;	position: absolute;	top: 100px;}

.bold {	
	FONT-WEIGHT: bold; color : #a38426;}
.boldUnderline {	
	FONT-WEIGHT: bold; COLOR: #C93; border-bottom: 1px solid #FC0;}
#button2 {background: transparent;}
#button2 A {background-color:transparent;}
#button2 A:hover {background: #FFF;}
.caption { 
	font-size: 1em;	color: #999;
}
.centre {text-align: center;}
.cgroupTable { padding: 0; margin: 0}
.floatRight { float: right; padding: 0 10px 0 10px }
.floatLeft { float: left; padding: 0 10px 0 10px }
.floatClear { clear: both }


.headBold {	COLOR: #CAA40A; FONT-WEIGHT: bold; letter-spacing: 0.25em; font-size: 1.5em;}
.headBold2 {	background-color: #FFFFFF; letter-spacing: 0.25em; }
.headBoldBox {
	font: 1.2em Georgia, "Trebuchet MS", Tahoma,;
	color: #885b2e; FONT-WEIGHT: bold;  border: 1px dotted #ccc;  
	background: #f7e4af;  letter-spacing: 0.2em; padding: 5px;
}
.headTableRight {padding: 10px 0 10px 0}
.innerTable { font-size: 1.2em;}
.line { 
	width: 400px; background:  url('../Symbols/line_dot.gif') repeat-x; }
.linepale {
	border-left: 1px solid #FFFFFF; border-bottom: 1px dotted #C93;
}
.mini { font-size: 1em;}	
.smallblack {font-size: 0.9em}
.tdLeft {	
	border-top: 1px solid #666;  background: #999; padding: 5px 1px; }
.tdRight {	
	border-top: 1px solid #666; background: #999; padding: 5px 1px; text-align: right; }
.top {padding-top: 0px; vertical-align: top;   }

#texts01, #texts02, #texts03, #texts04, #texts05, #texts06, #texts06, #texts07, #texts08, #texts09, #texts10, #texts11, #texts12, #texts13, #texts14, #texts15, #texts16, #texts17, #texts18, #texts19 {
	position: absolute; border: 1px solid #ccc; BACKGROUND: #FFF; 
	margin-left:330px; left: 30px; top:265px; width:213px; height: 170px; z-index:300; padding: 17px;
	font-size: 0.8em; text-align: left;
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity: 0.9 !important;
}
#texts21, #texts22, #texts23, #texts24, #texts25, #texts26, #texts26, #texts27, #texts28, #texts29 {
	position: absolute; border: 1px solid #ccc; BACKGROUND: #FFF; 
	margin-left:230px; left: 30px; top:265px; width:213px;  z-index:300; padding: 17px;
	font-size: 0.8em; text-align: left;
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: 0.8 !important;
}

/* keep for now: