/* overall page area  */
body {
	color: #666;
	background: #c2c8f8 url(../PageImages/shadowY.jpg);
	margin: 0 auto;
	background-repeat: repeat-y;
	background-position:center top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
}
p { 
font: 8pt/14pt verdana; 
	margin-top: 0px; 
	text-align: left;
	}
#masthead {
	width: 800px; margin: 0 auto;
	background: url(../PageImages/header_bgb.png) no-repeat top left; 
	height: 350px;
}

/********LAYOUT WRAPPER**********/
#layout {
	width: 800px;
	background-image: url(../PageImages/shadow.jpg);
	background-repeat: repeat-y;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clear: both;
	

}


/********TOP MENU BAR**********/
#menubar {
	position: absolute; top: 0px; width: 800px;
	margin: 92px auto;
	
}
/********COLUMN WRAPPER**********/

#columnwrapper {
	position: relative;
	margin-top: -10px;
		top: -150px;
	width: 700px;
	padding: 0;
	
	clear: both;
}

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

#mainbox {
	float: left;
	width: 680px;
	height: auto;
}
#mainboxFull {
	float: left;
	width: 700px;
}
#mainboxNarrow {
	float: left;
	width: 620px;
}
#mainboxRight {
	float: left;
	width: 450px;
	top: 0;
}
#sidebox {
	float: left;
	width: 200px;
}
#sideboxLeft {
	float: left;
	width: 220px;
}
#sideboxright {
	float: right;
	width: 120px; 
	margin-right: 22px;
}
#sideboxrightWide {
	float: right;
	width: 220px; 
	margin-right: 22px;
}

/********CONTENT CONTAINERS*********/

/*Main Content*/
#maincontent {
	font-size: 0.8em;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 120px;
}
#maincontentWide {
	padding: 0;
	margin-left: 50px;
	font-size: 0.8em;
	
}
#maincontentRight {
	padding: 34px 5px 20px 22px;
	font-size: 0.8em;
	
}
#maincontent p{
	line-height: 1.8em;
	margin: 8px 0 12px 0;
}

#detsdetail {
	
}
#map {
	width: 320px;
	float: left;
}

#detsdetailsafe { 	POSITION: absolute; right: 0; margin-right: 2px; width: 30%; FONT-SIZE: 0.85em; top:100px; 
	text-align: left; z-index:6; background: transparent; COLOR: #666; 
	border-left: 3px dotted #CC9; padding: 5px 10px;
}
P {font-size: 1em;  COLOR: #505050; line-height: 1.5em;}


.calloutLeft {
	position: relative;
	float: left;
	width: 236px;
	left: -2px;
	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;
	margin-top: 6px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.calloutRight {
	position: relative;
	float: right;
	right: -190px;
	padding: 8px;
	text-align: right;
	border: 1px solid #CCCCCC;
	font-size: 0.85em;
	color: #666;
	background-color: #FFF;
	clear: both;
	margin-top: 6px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: -180px;
}
.calloutRightPoem {
	position: relative;
	float: right;
	right: -100px;
	padding: 8px;
	text-align: right;
	border: 1px solid #CCCCCC;
	font-size: 0.85em;
	color: #666;
	background-color: #FFF;
	clear: both;
	margin-top: 6px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: -180px;
}
/*Nav Sidebar*/

#navcontent {
	margin-left: 15px;
	margin-top: 5px;
	background: transparent; 
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 2px 0 2px 0;
}

#navOn A { color:#000; background-color: transparent; text-decoration:none;}
#navOn A:hover, #navOn A:focus, #navOn A:active {
	color: #000000;
	border: 1px solid #000;
	background-color:#CCC;
	text-decoration: none;

}
/*Sidebars*/
#sidecontent {
	font-size: 0.7em;
	padding: 5px 0 0 0;
	margin: 0 0 0 8px;
	background-image: url(../PageImages/yellowgradient.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#sidecontentLeft {
	font-size: 0.7em;
	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.7em;
	padding-right: 10px;
	margin-right: 3px;
	
}
#sidecontent p{
	line-height: 1.35em;
	margin: 2px 0;
}

/********   table entry  *******/
	
#tableEntry { 
       background: transparent;}
#tableEntry td { width: 200px;
	padding: 1px;}
.tableDetail_top {height: 26px;
    background:  url('../Symbols/tableTopDetail.gif') no-repeat;}
.tableEntry_top {height: 25px;
    background:  url('../Symbols/tableTop.gif') no-repeat;
text-align: center;}
.tableEntry_mid {background:  url('../Symbols/tableMid.gif') repeat-y;}
.tableEntry_bottom {height: 26px;
    background:  url('../Symbols/tableBottom.gif') no-repeat;}
	
	
	
/********   table balloons  *******/
#tableBalloon {
	border-collapse: collapse;  
	border: 0;
	border-spacing: 0px;  
	background: transparent; 
	font: 1em Verdana, Arial, sans-serif;
	color: #5e5e5e;
}
#tableMinis {
	border-collapse: collapse;  border: 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;
	}	
h3 { 
	font: italic normal 12pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 10px; 
	color: #7D775C;
	text-align: left;
	}
h5, h6 { color : #C90;
	margin: 1.5em 0 0 0;
	font-size: 1.25em;
}
#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;
	
	 }
#baseNav {  position: relative; float: left;
	right: -150px;  
	margin: 0 0 0 -120px;
	width: 600px;
	font-size: 0.9em;
	border-top: 1px solid #eeeeee;
	
	}
#baseNav UL li { 
	list-style-type: url('../PageImages/arrow.gif');
	display: inline;
	padding: 0 0 0 20px;
	}	

/*CLEARING the LAYOUT FLOATS*/
.clearit {
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
}

/********BOTTOM SHADOW GRAPHIC**********/
#bottom {
	background-image: url(../PageImages/footernew2.gif);
	background-repeat: no-repeat;
	height: 55px;
	background-position: left bottom;
	position: relative;
	padding-top: 0;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-indent: 50px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/***********FOOTER************/
/*Footer Container*/
#footerbox {
	width: 750px;
	margin: 0 auto;
	font-size: 0.7em;
	color: #999999;
}
/*Footer Content*/
#footer {
	padding: 0 0 0 30px; text-align: center;
}

#footer UL li { 
	list-style-type: url('../PageImages/arrow.gif');
	display: inline;
	padding: 0 10px;
	}	
ul {
	line-height: 1.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #505050;
}

/* 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;
}
/*********PAGE LINK STYLES********/
#columnwrapper a:hover, #columnwrapper a:active, #columnwrapper a:focus, 
#footer a:hover, #footer a:active, #footer a:focus {

	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: #CCF;
	border-top: 1px solid #9999CC;
	border-bottom: 1px solid #9999CC;
	text-align: top
}
#cgroupBlack {	 COLOR: #EEEEEE; background-color: #9999CC; font-weight: bold; padding-left: 5px; }
.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; }
#detsdetail{
	top: 0px;
	right: 0;
	margin-right: 2px;
	width: 30%;
	FONT-SIZE: 0.8em;
	text-align: left;
	z-index:6;
	background: transparent;
	COLOR: #666666;
	border-left: 3px dotted #CC9;
	float: right;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
	
}
#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: 345px;
	margin-right: 2px;
	width: 30%;
	FONT-SIZE: 0.8em;
	top:45px;
	text-align: left;
	z-index:6;
	VISIBILITY: hidden;
	background: transparent;
	COLOR: #666666;
	padding: 0px 20px 0 0;
}
#hover01, #hover02, #hover03, #hover04, #hover05, #hover06, #hover07, #hover08, #hover09, #hover10 {
	POSITION: absolute;
	right: 370px;
	top:50px;
	width: 200px;
	FONT-SIZE: 0.75em;
	text-align: left;
	z-index:100;
	VISIBILITY: hidden;
	background: transparent;
	COLOR: #666666;
	padding: 10px 10px 0 0;
}

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;}

.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 }

.headBoldhomepage {
	COLOR: #532f91;
	
	letter-spacing: normal;
	letter-spacing: 0.2em;
	font-size: 1.3em;
	text-align: center;
	

	
}

.headBoldhomepageheader {
	COLOR: #532f91;
	font-size: 1.1em;
	font-weight: bold;	
	
}
.headBold {	COLOR: #CAA40A; letter-spacing: 0.25em; font-size: 1.3em;}
.headTableRight {padding: 10px 0 10px 0}
.line { 
	width: 400px; background:  url('../Symbols/line_dot.gif') repeat-x; }
.linepale {
	 border-bottom: 1px dotted #C93;
}	

.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;
}


ol {
	line-height: 1.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #505050;
}
.homepageflash {
	position: relative;
	border: 1px solid #999;
	margin-top: 25px;
	margin-bottom: 0px;
	margin-left: 15px;
	width: 528px;
}