body { background: #010000 url("Images/full_bg.jpg") 0px 0px no-repeat fixed;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	color:#ffff4c;
	margin: 0; 
	padding: 0;}

.white { background-color: white; }
.black { background-color: black; }
.whitefont {color: white;}
.blackfont {color: black;}
.trans { background-color: transparent; }
.centre { text-align: center; }

h1 {	font-size: 175%;
	font-weight: normal; }
h2 {	font-size: 130% }
h3 {	font-size: 120% }
h4 {	font-size: 105% }
sup,sub {	font-size: 75% }

p { text-align: justify; 
	margin-left: 3em;
	margin-right: 3em;
	margin-top: 1em;
	margin-bottom: 1em; }

p.quote { color: #ffffff; 
	text-indent: 1em;
	background-color: transparent; 
	font-family: "Times New Roman", Times, serif; }

p.section { text-indent: -1em; }

dt {font-weight: bold; 
	text-align: justify;
	margin-bottom: 0.5em; }
dd {margin-bottom: 0.66em; text-align: justify;}
ul,dl { margin: 0 2em 2em; text-align: left; }

td.photolabel1 { text-align: center;
	color: black;
	background-color: #ffeeee }

td.photolabel2 { text-align: center;
	color: black;
	background-color: #eeeeff }
	
a	{ color: #ffffaa; }

a:active { text-decoration: underline;
	color: #ffffff; }

a:hover { text-decoration: underline;
	color: #ffffff; }
@media screen {

div#sublinks {position: relative; left: 8px; 
	width: 120px; 
	height: auto; 
	color: #ffff4c; 
	font: 12px avantgarde, sans-serif;}

div#sublinks a {display: block; text-align: right; 
	padding: 5px 10px; margin: 0px; 
	background: white;
	text-decoration: none; color: #ffff4c;}

div#sublinks a.left {display: block; text-align: left; 
	text-decoration: none; color: #ffff4c;}

div#sublinks a.sel {display: block; text-align: right; 
	background: #444466;
	text-decoration: none; color: #ffff4c;}

div#sublinks a:hover {
	background: #444466;
	text-align: right;
	color: white ;}

div#sublinks a.left:hover {background: #444466;
	text-align: left;
	color: white ;}

div#sublinks a.sel:hover {background: #444466;
	color: white ;} 
}

@media print {

div#sublinks {display: none; }

}
@media screen {

body>p.whoops { display: none; }
body>p.noprint { display: none; }

div#content {/*position: absolute; top: 150px; left: 122px; right: 38px; */
	margin-top: 5px;
	margin-left: 126px;
	margin-right: 2px;
	margin-bottom: 2px;
	height: 600px;
	padding: 10px; 
	border: 1px solid #0000FF; 
	text-align: center;
	z-index: 10;
	background: #0c0c41 url("Images/full_bg-content.jpg") 0px 0px no-repeat fixed; }

div#content h1 { margin: 0.5em; 
	padding: 15px 0 5px; 
	text-align: center; 
	font-family: avantgarde, sans-serif;
	font-size:28px; 
	line-height:28px; 
	font-weight:400; }

div#content h2 { text-align: center; }
div#content h3 { text-align: left; }
div#content h3.centre { text-align: center; }
div#content h4 { text-align: left; }
div#content h5 { text-align: left; }
div#content p {margin: 0 1em 1em;}
div#content p.quote + p.quote { text-indent: 0em; }


div#content>p.whoops { display: none; }
div#content>.noprint { display: none; }

/* IE6 doesn't like the above so let's hack it */
.whoops { display: none; }
.noprint { display: none; }

div#content dd,dt,ul,dl a { text-decoration: none;}
div#content a { text-decoration: none;}
div#content a.nodecorate { padding: 0px; border: 0px solid pink; text-decoration: none;}
div#content a.nodecorate img{ padding: 0px; border: 0px solid pink; text-decoration: none;}
div#content a.nodecorate:link { padding: 0px; border: 0px solid pink; text-decoration: none;}
div#content a.nodecorate:link:hover { padding: 0px; border: 0px solid pink; text-decoration: none;}
div#content a.nodecorate:visited:hover { padding: 0px; border: 0px solid pink; text-decoration: none;}
div#content a:link { color: #ffff4c; } /*background-color:#222288;}*/
div#content a:visited {  color: #ffff4c; } 
div#content a:link:hover { color: black; padding-left: 2px; padding-right: 2px; background-color: #FFFF88; border-left: 3px solid red; border-right: 0px solid red}
div#content a:visited:hover { color: black; padding-left: 2px; padding-right: 2px; background-color: #FFFF88; border-left: 3px solid red; border-right: 0px solid red; }

div#content span.button a {text-align: center; 
	padding: 5px 5px; margin: 0 0 0px; 
	background: #4444FF;
	border-bottom: 2px solid #111144;
	border-right: 2px solid #111144;
	border-left: 2px solid #555599;
	border-top: 2px solid #555599;
	font-size:28px; 
	font-weight: 900; 
	text-decoration: none; color: #ffff4c;}

div#content span.button a:hover:active {
	color: black;}

div#content span.button a:hover {background: #444466;
	background: #FF0000;
	border-top: 4px solid #FFFFFF;
	border-left: 2px solid #111144;
	border-right: 2px solid #555599;
	border-bottom: 4px solid #FFFFFF;
	color: white ;}

div#Header {position: absolute; top: 10px; left: 8px;
	padding:0px 0px;
	font-family: avantgarde, sans-serif;
	font-size:18px; 
	line-height:18px; 
	background: #4444FF;
	border-width:0px 0px; 
	text-align: center; }

div#Header a{text-align: right; 
	padding:2px 2px;
	text-decoration: none; color: black;
	background: #FFFF4C; }
div#Header a:hover {color: white; 
	background: #FF0000;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;}

div#TopNav {/*position: absolute; top: 65px; left: 120px; */
	margin-top: 3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	padding: 5px; 
	/*background-color: #D1CFB0; */
	background: #222288;
	border: 0px solid #444466; 
	height: auto;
	text-align: center;
	font: 18px avantgarde, sans-serif;
	color: #ffff4c;
	font-weight: 400;}
div#TopNav a {text-align: left; 
	padding: 3px 3px; margin: 0 0 0px; 
	background: #222288;
	border-left: 2px solid #555599;
	border-bottom: 2px solid #222244;
	border-top: 2px solid #555599;
	border-right: 2px solid #222244;
	font-weight: 900; 
	text-decoration: none; color: #ffff4c;}

div#TopNav a:hover {
	border-bottom: 3px solid #FFFFFF;
	border-top: 3px solid #FFFFFF;
	background: #FF0000; 
	color: black;}

div#TopNav a:active {
	border-left: 2px solid #555599;
	border-bottom: 2px solid #555599;
	border-top: 2px solid #111144;
	border-right: 2px solid #111144;
	color: white ;}

div#TopNav a.sel:hover {background: #FF0000;
	border-left: 2px solid #555599;
	border-top: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	border-right: 2px solid #111144;
	color: black ;}

div#TopNav a.sel {text-align: right; 
	border-top: 2px solid #111144;
	border-left: 2px solid #111144;
	border-right: 2px solid #5555FF;
	border-bottom: 2px solid #5555FF;
	background: #4444CC; }

div#TopNav>p.whoops { display: none; }

div#LeftNav {position: absolute; top: 50px; left: 0px; 
	width: 135px; 
	border: 0px solid #4444FF;
	font: 12px avantgarde, sans-serif;
	background: #222288;
	color: #ffff4c;
	font-weight: 400;}

div#links {/*position: absolute; top: 65px; left: 120px; */
	margin: 1px;
	padding: 1px; 
	background: #222288;
}


div#links a {display: block; text-align: left; 
	background: #222288;
	padding: 2px 2px; margin: 0 0 0px; 
	border-top: 2px solid #555599;
	border-left: 2px solid #555599;
	border-bottom: 2px solid #222244;
	border-right: 2px solid #222244;
	font-weight: 900; 
	text-decoration: none; color: #ffff4c;}

div#links a:hover {
	background: #FFFF88;
	border-right: 8px solid #FF0000;
	color: black;}

div#links a:active {
	border-left: 2px solid #444466;
	border-bottom: 2px solid #444466;
	border-top: 2px solid #111144;
	border-right: 2px solid #111144;
	color: black;}

div#links a.sel:hover {background: #FFFF00;
	border-right: 4px solid #FF0000;
	color: black;}

div#links a.sel {text-align: right; 
	border-left: 2px solid #111144;
	border-top: 2px solid #111144;
	border-bottom: 2px solid #555599;
	border-right: 2px solid #555599;
	background: #4444FF; }

div#Banner { margin: 0;
	display: block;
	color: #ffff4c;
	background-color: #111144;
	text-align: center;
	position: absolute;		/* Fallback if 'fixed' is not supported */
	top: 1ex;
	left: 1ex;
	border: 0px solid #444466; }

body>div#Banner {
	  position: fixed;  		/* Overrides 'absolute' above */
	  top: auto;
	  left: auto; }

div#CFA{ margin: 5px;
	display: block;
	color: #ffff4c;
	text-align: center;
	position: absolute;		/* Fallback if 'fixed' is not supported */
	bottom: 1ex;
	right: 1ex; 
	left: auto;
	width: 239px;
	height: auto;
	border-bottom: 0px solid #444466;
	border-top: 0px solid #444466; }


body>div#CFA{
	  position: fixed;  		/* Overrides 'absolute' above */
	  top: auto;
	  bottom: 10px;
	  right: auto;
	  left: 230px; }

  div#CFA a {
	  text-decoration: none;
  }

div#FB{ margin: 1px;
	display: block;
	color: #ffff4c;
	text-align: center;
	position: absolute;		/* Fallback if 'fixed' is not supported */
	bottom: 1ex;
	left: 1ex; 
	right: auto;
	height: auto;
	border-bottom: 0px solid #444466;
	border-top: 0px solid #444466; }


body>div#FB{
	  position: fixed;  		/* Overrides 'absolute' above */
	  top: auto;
	  bottom: 10px;
	  right: auto;
	  left: 1ex; }

  div#FB a {
	  text-decoration: none;
  }

div#copyright { margin: 0;
	display: block;
	color: #ffff4c;
	background: #222288;
	text-align: center;
	font-size: 8pt;
	font-family: Arial, Verdana, sans-serif;
	position: absolute;		/* Fallback if 'fixed' is not supported */
	top: 1ex;
	right: 1ex;
	left: auto;
	width: auto;
	padding: 0px;
	border: 1px solid #4444EE; }

body>div#copyright{
	  position: fixed; }		/* Overrides 'absolute' above */
}

div#copyright a { text-decoration: none;}

div#twentyfive { margin: 0;
	display: block;
	color: #ffff4c;
	background-color: #010000;
	text-align: center;
	font-size: 8pt;
	font-family: Arial, Verdana, sans-serif;
	position: absolute;		/* Fallback if 'fixed' is not supported */
	bottom: 1ex;
	left: 1ex;
	right: auto;
	width: auto;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	border: 10px white; }

body>div#twentyfive{
	  position: fixed; }		/* Overrides 'absolute' above */


@media print {

body { color: black; background-color: white; 
	font: 10pt Arial, Helvetica, Verdana, sans-serif;
	margin: 0; 
	padding: 0;}

.whitefont {color: black;}
.blackfont {color: black;}
a { color: black; background-color: white; }
div#Banner { display: none;}
div#FB     { display: none;}
div#links  { display: none;}
div#Header { display: none;}
div#Photos { display: none;}
div#content { overflow: visible; }
body>p.whoops { display: none; }
div#content>p.whoops { display: none; }
}