html, body {font-family:Verdana, Arial, Helvetica, sans-serif;color:#333;margin:2px 0 0 0; padding:0; border:0;background-color:#555;text-align:center;}
body {font-size:62.5%;}
#preload img
{
height: 0; width: 0; border-width: 0;
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
}
h1{ color:#333399; background:transparent url('square.gif') no-repeat; background-position:0 10px; padding: 11px 0px 4px 28px;margin: 0px;  font-family: arial, sans-serif; font-size: 185%; font-weight: normal;}
h2{ color: #666699;background:transparent; font-size: 140%; letter-spacing: -1px; background-image: none; padding: 0 0 0 0; font-weight: normal; margin: 0;}
h3, h4, h5 {font-family:arial, sans-serif;letter-spacing:-1px;color:#7675f9;background-color:#fff;border-bottom:2px solid #ccc;background-position: 99% 1% ;background-repeat:no-repeat;margin:6% 3% 2% 4%;}
h3 {font-size:130%;line-height:1em;}
h4 {font-size:120%;}
h5 {font-size:115%;}
h6 {font-size:110%;}
.hme { display:none }
q { margin:0px 0px 0px 10px;padding:12px;background-image: url('/images/oquotes.png');background-position: left top;background-repeat: no-repeat;font-weight:bold; }
p { margin: 5px 0 2px 0; line-height:1.2em; }
.notate {cursor: help; border-bottom: 1px dotted #333;}
abbr {cursor: help; border-bottom: 1px dotted #333;}
acronym {cursor: help; border-bottom: 1px dotted #333;}
label { color: inherit; background-color: inherit; font-weight: normal; width:13em; display: block; float:left; text-align:left}
.doubleheight {line-height:200%;}
.pad li {margin:10px 0 10px 0;} 
.pad { margin-right:15px; }
img { border:0; }
textarea {background-color:#dad8ff;color:#333;}
input {background-color:#dad8ff;color:#333;}
textarea:focus {background:#eee;color:#333;}
select:focus {background:#eee;color:#333;}
input:focus {background:#eee;color:#333;}
textarea:hover {background:#eee;color:#333;}
select:hover {background:#eee;color:#333;}
input:hover {background:#eee;color:#333;}
code { font-size: 100%; background-color: inherit; color: #333333; font-weight: bold;}
a:link { color: #333399; background-color: inherit; text-decoration: underline; border: 0;}
a:visited {color:#333399; background-color:inherit; text-decoration:underline;}
a:focus { color: #333399; background-color: inherit; text-decoration: none;}
a:hover {color:#336666; background-color:inherit; text-decoration:none;}
a:active {color:#336666; background-color:inherit; text-decoration:none;}
blockquote {margin:4% 0% 0% 0%;	padding:0px;border:0;background-image: url('oquotes.png');	background-position: left top;background-repeat: no-repeat; background-color:transparent;color:#333; font-style:italic; text-align:center; font-size:90%}
blockquote p {text-align: left; text-indent:22px;border:0; margin:0; padding:0 0 0px 0; }
blockquote p {background: transparent url('quotes.png');background-position: right bottom;background-repeat: no-repeat;}
.blurbbox blockquote p{text-indent:22px;border:0; margin:0; padding:0 0 0px 0; font-size:120%; text-align: left }
em {font-weight:bold;color:#4947B0; background-color:inherit; font-size:100%;font-style:normal;}
pre {margin-left:50px;border: 1px #666699 dashed;font-weight:bold;color:#4947B0; background-color:inherit; font-style:normal; padding:10px; white-space: pre-wrap; /* css-3 */}
cite {color:#4947B0;background-color:inherit;font-style:normal;font-size:90%; font-family: Arial, sans-serif; padding:0 0 6px 0; float:right; text-align:right }
.codeblock {border:4px ridge #ccc;color:#333;background-color:#fff;margin:0% 2% 0% 2%;padding:0% 2% 2% 2%;}
.pagebox { width:200px; padding:0 0 0 10px }
.pagebox2 { margin:0 auto;width:80%; padding:0 0 0 0;  }
.lineheight { line-height:1.4em }
.padl { padding-left:10px }
.padr { padding-right:10px }

#container {padding:0 0 0 0; width:80%;margin:auto; text-align :left; background-color:#fff;color:#555; min-height:570px; min-width:728px; max-width:1100px }
/* heading block with picture and text */
#topholder {  background:#555 url('top.jpg') repeat-x; width:100%; height:150px;padding:0; margin: 0;}
#headleft { background:transparent url('bgc.gif') no-repeat;
 background-position:left top; min-width:263px; display:block;
color:#fff; height:150px;font-family:verdana, arial, sans-serif;padding:0; margin: 0; overflow:hidden;float:left;width:40%}
#headright { background:#555 url('top.jpg') repeat-x; height:150px;width:60%;float:right;padding:0; margin: 0; }
#headright h2{color:#fff;background-color:transparent;font-size:165%;font-style:italic;font-weight:normal;text-align:right;padding:0 0 3px 0;margin:0 0 0 0; line-height:40px}
/* Navigation for accessibility at the top */
#accessbar {font-size:90%;font-weight:normal; text-align:right;list-style-type:none;margin:auto; padding:0 0 0 0;background:#555;height:35px;}
#accessbar li {display:inline;margin:0 0 0 3px; line-height:22px}
#accessbar ul {display:inline;margin:0 0 0 0px;}
#accessbar li a:link {padding:3px 0 0 0;margin-left:0px;text-decoration: none;color:#dad8ff;border-bottom: 2px #5f6afc dotted;background-color:inherit;}
#accessbar li a {padding:3px 0 0 0;margin-left:0px;text-decoration: none;color:#dad8ff;border-bottom: 2px #5f6afc dotted;background-color:inherit;}
#accessbar li a:visited {padding:3px 0 0 0;margin-left:1px;text-decoration: none;color: #dad8ff; border-bottom: 2px #5f6afc dotted;background-color:inherit;}
#accessbar li a:active {background-color:#555;color: #fff;border-bottom: 2px #dad8ff dotted;background-image: none;text-decoration: none;}
#accessbar li a:hover { background-color: #555; color: #fff; border-bottom: 2px #dad8ff dotted;background-image: none;text-decoration: none;}
#accessbar li a:focus {background-color:#555;color: #fff; border-bottom: 2px #dad8ff dotted;background-image: none;text-decoration: none;}
#accessbar li.pic a { border:0 }
/* for the tooltips on the switcher */
#info {margin:2% 0% 0% 0%;}
a.info{position:relative; /*this is the key*/font-weight:bold;z-index:24; background-color:inherit; color:#333; border:0}
a.info img{border:0;}
a.info:active{z-index:25;}
a.info:hover{z-index:25;}
a.info:focus{z-index:25;}
a.info span{display:none;}
a.info:active span{ /*span will display just on :hover state*/ position: absolute; display: block; top: 30px; left: -65px; width: 100px; background-color: #DAD8FF; color: #333; border: 2px #5F6AFC solid; padding: 5px; font-size: 110%; text-decoration:none}
a.info:hover span{ /*span will display just on :hover state*/ position: absolute; display: block; top: 30px; left: -65px; width: 100px; background-color: #DAD8FF; color: #333; border: 2px #5F6AFC solid; padding: 5px; font-size: 110%;text-decoration:none}
a.info:focus span{ /*span will display just on :hover state*/ position: absolute; display: block; top: 30px; left: -65px; width: 100px; background-color: #DAD8FF; color: #333; border: 2px #5F6AFC solid; padding: 5px; font-size: 110%;text-decoration:none}
/* Hide switcher for current style */
.default {display:none;}
.high-vis {display:inline;}
.small { display:inline }
/* Shaped Link Bar */
#shapeholder,#shapes,#shape1,#shape2,#shape3,#shape4 { background-color:transparent; border-color:#fff; }
#shapeholder{ margin:0 auto ; width:100%; padding:0;height:329px;min-height: 329px; max-height:329px;font-size:110%; text-align:center; }
#shapes { position: relative;margin:0 auto ; width:728px; padding:0;height:329px; min-height: 329px; max-height:329px;font-size :110%; text-align:center; background: transparent url('opaque.jpg') no-repeat; background-position: 6px bottom; }
#shape1,#shape2,#shape3,#shape4 { width:173px; height:160px; float:left; border-left: 6px #fff solid;border-right: 3px #fff solid;border-top: 2px #fff solid;border-bottom: 2px #fff solid; padding:0;}
#shape1 span,#shape2 span,#shape3 span,#shape4 span { padding:5px 8px 0px 8px; line-height:28px; border-bottom:2px #fff dotted }
#shape1 a:link,#shape1 a:visited {display: block;margin: 0; padding:0;width:100%; height:100%;overflow:hidden;text-align:left;color:#02005A; text-decoration:none;background:#fff url('1b.jpg');background-position: 0 0;}
#shape1 a:hover,#shape1 a:active {display: block;margin: 0; padding:0;width:100%; height:100%;overflow:hidden;text-align:left;background:#fff url('1b.jpg');background-position: 0 -173px; color:#ceccf1;}
#shape2 a:link,#shape2 a:visited {display: block;margin: 0; padding:0;width:100%; height:100%;overflow:hidden;text-align:right;color:#4947B0; text-decoration:none;background:#fff url('2b.jpg');background-position: 0 0;}
#shape2 a:hover,#shape2 a:active {display: block;margin: 0; padding:0;width:100%; height:100%;overflow:hidden;text-align:right;background:#fff url('2b.jpg');background-position: 0 -173px; color:#ceccf1;}
#shape3 a:link,#shape3 a:visited {display: block;margin: 0; padding:0;width:100%; height:100%;overflow:hidden;text-align:left;color:#02005A; text-decoration:none;background:#fff url('3b.jpg');background-position: 0 0;}
#shape3 a:hover,#shape3 a:active {display: block;margin: 0; padding:0;width:100%; height:100%;overflow:hidden;text-align:left;background:#fff url('3b.jpg');background-position: 0 -173px; color:#ceccf1;}
#shape4 a:link,#shape4 a:visited {display: block;margin: 0; padding:0;width:100%; height:100%;overflow:hidden;text-align:right;color:#4947B0; text-decoration:none;background:#fff url('4b.jpg');background-position: 0 0;}
#shape4 a:hover,#shape4 a:active {display: block;margin: 0; padding:0;width:100%; height:100%;overflow:hidden;text-align:right;background:#fff url('4b.jpg');background-position: 0 -173px; color:#ceccf1;}
/* horizontal navigation bar */
#hnavbar {clear:both;background-color:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:115%;font-weight:normal;color:#555;margin: 0 0 0 0 ;padding:0 0 0 0;text-align:right}
#hnavbar li {display:inline;margin:0 4px 0 0; line-height:21px}
#hnavbar ul {display:inline;margin:0 4px 0 0;}
#hnavbar a:visited {padding:0px 0px 0px 11px;text-decoration:none;background: #FFFFFF url(unselect_1.png) no-repeat; color: #333399;border-bottom:2px #dad8ff dotted; font-weight:normal}
#hnavbar a:link {padding:0px 0px 0px 11px;text-decoration:none;background: #FFFFFF url(unselect_1.png) no-repeat; color: #333399;border-bottom:2px #dad8ff dotted; font-weight:normal}
#hnavbar a:active {	background: #FFFFFF url(select_1.png) no-repeat; color: #53434B;border-bottom:2px #5F6AFC dotted;font-weight:normal;text-decoration:none;}
#hnavbar a:hover {background: #FFFFFF url(select_1.png) no-repeat; color: #53434B;border-bottom:2px #5F6AFC dotted;font-weight:normal;text-decoration:none;}
#hnavbar a:focus {background: #FFFFFF url(select_1.png) no-repeat; color: #53434B;border-bottom:2px #5F6AFC dotted;font-weight:normal;text-decoration:none;}
/* Current page indicator	*/
.breadcrumb p{ margin:0 0 0 0; padding:0 7px 0 0; font-size:90%; }
/* main content block */
#contentblock {position:relative;color:#555;background-color:transparent;width:100%;clear:left;margin: -167px auto 0 auto;padding:0 0 0 0; }
/* left inner content */
.blurbbox {float:left;width:71%;color: #555;background-color:transparent;  
font-size:110%;font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
padding:0 0 10px 10px;margin:0;text-align: justify;overflow:hidden;}
.blurbbox h1{ color:#333399; background:transparent url('square.gif') no-repeat; background-position:0px 10px; padding: 11px 0px 4px 28px;margin: 0px;  font-family: arial, sans-serif; font-size: 185%; font-weight: normal;}
.blurbbox h2{ color: #4947B0; background:transparent; font-size: 150%; letter-spacing: -1px; background-image: none; padding: 8px 0 0 30px; font-weight: normal; margin: 0;font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;}
.blurbbox h3, h4, h5 {letter-spacing:-1px;color:#7675f9;background-color:transparent;border-bottom:1px dashed #ccc;margin:1% 0% 1% 5%; }
.blurbbox h3 {font-size:130%;line-height:1em;font-weight: normal;}
.blurbbox h4 {font-size:120%;}
.blurbbox h5 {font-size:115%;}
.blurbbox h6 {font-size:110%;}
.blurbbox dl {padding: 0% 5% 0% 5%;}
.blurbbox p {padding: 0% 0% 0% 6%;}
p.bigger { font-size:130%; color:#333399; text-align:center; padding-bottom:1% }
.blurbbox ul {list-style-position:inside;}
.blurbbox li {padding: 0% 5% 1% 5%;}
.blurbbox dt {color:#4947B0;background-color:inherit;margin:0 0 5px 0; font-size:120%;}
.blurbbox dt a:link, .blurbbox dt a:visited{  font-size:140%; letter-spacing:-1px;  background:transparent url('squaresm.gif') no-repeat; background-position:0px 0px; padding: 0px 0px 0px 20px;margin: 0px;  }
.blurbbox dd {padding:0 0 5px 0;}
.blurbbox form {padding: 3% 5% 1% 5%; margin-top:0}
.blurbbox fieldset {border:1px #CDCEFD solid; width:100%; padding:8px;}
.blurbbox legend {font-size:140%; color:#333399; font-style:italic}
#contskip { color: #333;background-color:#fff;}
dt strong { color : #009900;background-color:inherit;}
/* Start table structure */
caption {font-size:140%}
#Summary {width: 28em;}
.tablestyle {width: 90%;margin: 2% 0% 2% 5%;border: solid #666699;	border-width: 1px 0 0 1px;border-collapse: collapse;}
.tablestyle td {border: dashed 1px #666699;	padding: 0.3em;}
.tablestyle th {border: solid 1px #666699;	padding: 0.6em;}
/* End table structure */
/* Start table colour scheme  */
.tablescheme td {border-color: #666;}
.tablescheme th {border-color: #666;}
.tablescheme {border-color: #666;}
.tablescheme .even {background-color: #dfc; color:inherit;}
.tablescheme thead td {	background-color: #B1B1B1;color:#fff;}
.tablescheme th {background-color: #B1B1B1;color:#fff;}
.tablescheme th.firstColumn {background-color: #D1D1D1; color:inherit;}
/* End table colour scheme  */
/* right content column */
#rightbar {float:right;width:22%;color: #555;font-size:120%;background-color:#fff; text-align:left;margin:0% 2% 0% 0%;padding:10px 0px 0px 0px;}
.pale { background-color:transparent;color:#dad8ff }
dl.sidebaritem {text-align: left;border: none;background:#666699 url(leftc.jpg) top left no-repeat; margin: 10px 0px 0px 0px; padding:5px 0px 0px 0px; }
dl.sidebaritem dt {background:transparent url(logosquare.gif) top right no-repeat; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size:160%;letter-spacing:-1px;padding: 13px 0 32px 0px;font-weight:normal;margin:0 0 0 10px; color:#dad8ff}
dl.sidebaritem dd {padding: 0px 0px 12px 14px; margin:0; }
dd.lastside {background:transparent url(rightbotc.jpg) bottom right no-repeat; height:23px }
.sidebaritem a,.sidebaritem a:link,.sidebaritem a:visited { background: transparent url(unselect.jpg) no-repeat; color: #dad8ff; border-bottom: 2px #6694FF dotted; text-decoration: none; padding-left: 11px;}
.sidebaritem a:hover,.sidebaritem a:active { background: transparent url(select.jpg) no-repeat; color: #fff;border-bottom:2px #fff dotted;text-decoration:none;padding-left:11px}
dl.sidebaritem2 {text-align: left;border: none;background:#dad8ff url(leftc2.gif) top left no-repeat; margin: 10px 0px 0px 0px; padding:5px 0px 0px 0px; }
dl.sidebaritem2 dt {background:transparent; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size:160%;letter-spacing:-1px;padding: 13px 0 0px 0px;font-weight:normal;margin:0 0 0 10px; color:#666699}
dl.sidebaritem2 dd {padding: 0px 5px 3px 5px; margin:0; clear:right }
dd.lastside2 {background:transparent url(rightbot2.gif) bottom right no-repeat;  }
dd.lastside2 cite { padding-bottom:14px }
.sidebaritem2 a,.sidebaritem2 a:link,.sidebaritem2 a:visited { color: #4947B0; text-decoration:underline}
.sidebaritem2 a:hover,.sidebaritem2 a:active { color: #5F6AFC;text-decoration:underline;}
/* footer */
#footer{ float: left; padding: 0 0 0 0 ;  width: 100%;  text-align: left;  height: 62px; line-height:30px; }
#footer a { background-color: transparent; color: #dad8ff; border-bottom: 2px #dad8ff dotted;text-decoration:none;}
#footer a:hover { background-color: transparent; color: #FFFFFF; border-bottom: 2px #fff dotted;text-decoration:none;}
#footp { height:62px; width:100% }
#footcont { height:62px; width:100% }
#footlog { margin:0 auto; width:100%; height:62px; padding:0;}
#footer { background: transparent url(foot.jpg) repeat-x; color: #dad8ff;}
#footp { background: transparent url(footcrnr.jpg) no-repeat; background-position:right bottom;}
#footlog { background: transparent url(footlogo.jpg) no-repeat; background-position: center top; }
.marg { margin:30px 0 0 0; }
.clrl { clear:left }
.clrr { clear:right }
.clrb { clear:both }
.lef { float:left; padding-left:15px }
.floatl { float:left }
.third { width:33% }
.rig { float:right; padding-right:35px }
.righ { float:right }
#base a:hover {text-decoration: none;}
#base a {text-decoration: none;}
#base { clear:both; line-height:24px; text-align:center;background-color: #555; color: #CDCEFD; height:100%}
#base a { background-color: #555; color: #dad8ff; border-bottom: 2px #5F6AFC dotted;}
#base a:hover { background-color: transparent; color: #FFFFFF; border-bottom: 2px #dad8ff dotted;}
/* Contact Form */
/* Why? link style */
small.whythis a { text-decoration : underline; font-size : 0.95em;}
/* hide the Why? text span */
small.whythis a span { color: #333; position : absolute; top : -9000px; left : -9000px; display : inline; width : 17.1em; height : auto; border : 1px solid #333; background-color: #DAD8FF; padding-left : 2px;}
/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:active span {position : absolute; top : 0; left : 6em; }
small.whythis a:focus span {position : absolute; top : 0; left : 6em; }
small.whythis a:hover span {position : absolute; top : 0; left : 6em; }
#zoom{float:left; position:relative; width:100px; padding-right:10px}
#zoom a img{ border: 1px #666666 solid; margin-bottom: 6px;}
#zoom a.p1:hover{background-color:transparent}/* IE6sp2 needed this to open the large image */
#zoom a .large{position:absolute; width:0px; border:0 none}
#zoom a.p1:hover .large{ border: 1px #666666 solid; position: absolute; top: -70px; left: 150px; width: 336px;}
.holder{width:auto; margin:0px; padding:0em; border:0px none}
.holder h2{text-align:left}
.holder p{margin-bottom:4px; margin-top:0px}
a.hid{text-decoration:none; outline-style:none; font-style:italic;}
a.hid em{display:none}
a.hid:hover{text-decoration:none}
a.hid:focus{background:transparent}
a.hid:active{background:transparent}
a.hid:focus span{display:none}
a.hid:active span{display:none}
a.hid:focus em{display:block; width:98%; font-style:normal; cursor:default; font-weight:normal; }
a.hid:active em{display:block; width:98%; font-style:normal; cursor:default; font-weight:normal}
.wd{font-family:Wingdings; font-size:medium; color:green}
.wd2{font-family:Wingdings; font-size:medium; color:red}
#enlarge {padding:0; margin:0 auto; list-style-type:none; width:462px; height:35px;}
#enlarge li {display:block; float:left; width:72px; height:15px; position:relative;padding:10px 10px 10px 10px}
#enlarge li a {display:block; width:72px; height:15px; background:transparent; overflow:hidden; position:relative; border-bottom:none}
#enlarge li a:hover img {width:100%; height:100%; border:0;}
#enlarge li a:hover {position:absolute; left:-54px; top:2px; width:143px; height:30px; z-index:100;border-bottom:none}