@charset "utf-8";
body {
	font: 100% Arial, Helvetica, sans-serif;
	color: #000000;
	background-image: url(../images/vert2.png);
	background-repeat: repeat-x;
	background-color: #AEBEC7;
	margin: 0 0;
}

.twoColElsLtHdr #container {
	width: 56em;
	background-color: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
	overflow: hidden;
}
.twoColElsLtHdr #header {
	padding: 0 0;
	margin: 0 auto;
} 

.twoColElsLtHdr #container #header img {
	padding: 1em 1.5em;
	border: none;
}

/*-----------------Top Navigation-----------------*/
.twoColElsLtHdr #container #header #navlist {
	margin: 0 0 1em 0;
	padding: 0 0 1.2em 1em;
	border-bottom: 1px solid #568DCA;
}

.twoColElsLtHdr #container #header #navlist ul, #navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

.twoColElsLtHdr #container #header #navlist a:link, #navlist a:visited {
	float:right;
	line-height: 14px;
	font-size:80%;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #3D4D5E;
}

.twoColElsLtHdr #container #header #navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
	border-bottom: 4px solid #568DCA;
	padding-bottom: 2px;
	font-size:80%;
	background: transparent;
	color: #568DCA;
}

.twoColElsLtHdr #container #header #navlist a:hover { color: #568DCA; }

.twoColElsLtHdr #sidebar1 {
	float: left;
	width: 12em;
	background: #FFF;
	padding: 0 0;
	margin-bottom: 30em;
}
.twoColElsLtHdr #container #mainContent #left .image img {
	border: 1px solid black;
}

.twoColElsLtHdr #sidebar_bar {
	margin: -1.25em 55px 0 55px;
	padding-bottom: 1em;
	border-top: 3px;
	border-top-style: solid;
	border-top-color: #568DCA;
}
	
.twoColElsLtHdr #sidebar1 h3 {
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 0.5em;
	border-bottom: solid;
	border-bottom-width: 2px;
	border-bottom-color: #568DCA;
	font: bold 95% Arial, Helvetica, sans-serif;
	color: #568DCA;
	text-align: center;

}
/*-----------------Sidebar Menu-----------------*/
.twoColElsLtHdr #sidebar1 #navcontainer2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #FFF;
	font-weight: bold;
	font-size: 85%
}

.twoColElsLtHdr #sidebar1 #navcontainer2 h3 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #FFF;
	background-color: #3D4D5E;
	font-weight: bold;
	font-size: 85%
}

.twoColElsLtHdr #sidebar1 #navcontainer2 ul ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #FFF;
	font-size: 92%;
	border-style: solid;
	border-color: #3D4D5E;
	border-width: 1px;
}

.twoColElsLtHdr #sidebar1 #navcontainer2 a {
	line-height: 18px;
	padding: 0.25em 2.5em;
	display: block;
	color: #3D4D5E;
	font-size: 85%;
	text-decoration: none;
}
.twoColElsLtHdr #sidebar1 #navcontainer2 a:link#current {
}

.twoColElsLtHdr #sidebar1 #navcontainer2 a:hover {
	font-weight: bold;
	color: #FFF;
	background-color:#568DCA;
}

.twoColElsLtHdr #sidebar1 #navcontainer2 ul li {
position: relative;
} 

.twoColElsLtHdr #sidebar1 #navcontainer2 ul li ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
}

div#sidebar1 #navcontainer2 ul li ul,
div#sidebar1 #navcontainer2 ul ul li:hover ul ul
{display: none;}

div#sidebar1 #navcontainer2 ul li:hover ul,
div#sidebar1 #navcontainer2 ul ul ul li:hover ul
{display: block;}

.twoColElsLtHdr #mainContent {
	margin: 2em 1.5em 15em 13em;
	padding: 0 0;
}
	
.twoColElsLtHdr #mainContent #content_nav ul, #mainContent #content_nav ul li, #content_nav ul li a {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 90%;
	font-weight: normal;
	display: inline;
	text-decoration: none;
}

img.banner {
	padding: 0.5em 0.5em;
	margin: 0.5em 0 0.5em 2.5em;
	border: #000000 1px dashed;
}
img.banner:link, a.borderlink:visited {
	padding: 0.5em 0.5em;
	margin: 0.5em 0 0.5em 2.5em;
	border: #000000 1px dashed;
}
img.banner:hover {
	padding: 0.5em 0.5em;
	margin: 0.5em 0 0.5em 2.5em;
	border: #568DCE 1px dashed;
}

#mainContent .mainExpand { cursor: pointer;}
#mainContent #a1, #mainContent #a2, #mainContent #a3 { margin: -1em 0; }

#mainContent div.clicker ul { list-style-type: none; }

#mainContent div.clicker ul li a {
	margin: 0 0;
	padding: 0 0 0 1em;
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	color: #3D4D5E;
	line-height: 1.4;
}

#mainContent div.texter ul { list-style-type: none; }

#mainContent div.texter ul li a {
	margin: 0 0;
	padding: 0 0 0 1em;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #3D4D5E;
	line-height: 1.4;
}
#mainContent div.texter ul li a:hover {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
}

#mainContent .header_div {
	margin: 0 3.5em 0 2.5em;
	padding: 0 0;
	border-bottom: 7px solid #3D4D5E;
}
#mainContent .header2_div {
	margin: 0 3.5em 0 2.5em;
	padding: 0 0;
	border-bottom: 1px solid #3D4D5E;
}

#mainContent img.big {
	margin: 0 4em 0 4em;
	padding: 0 0; }

#mainContent .header3_div {
	margin: 0 3.5em 0 2.5em;
	padding: 0 0;
}
h1.choose {
	padding: 0.5em 0 2px 0;
	margin: 1em 0 0 0;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #3D4D5E;
	font-weight: bold;
}
h2.choose2 {
	padding: 0 0 2px 0;
	margin: 1em 0 0 0;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	color: #3D4D5E;
}
h3.choose3 {
	padding: 0.5em 0 2px 0;
	margin: 0 0 1.5em 0;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #3D4D5E;
	font-style: italic;
}
h4.choose4 {
	padding: 0.5em 0 2px 0;
	margin: 0 0;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: italic;
	text-align: right;
}

a.regular, p.regular {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	color: #3D4D5E;
	line-height: 1.6;}
	
p.regular2 {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	color: #26303B;
	line-height: 1.6;}

@media screen, projection {
/* exploit a parsing bug so rules will be visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
.IE5IsQuirky1 { /* WinIE 5.0 gets wierd without something after font-family hack */
}
.thumbs {             /* container for all thumbs */
  width: 90%;         /* an explicit width is required for WinIE, or it screws up badly */
  margin: auto;     /* correctly center block element */
  padding: .5em;
  text-align: center;
}
.thumbs ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.thumbs li {        /* test these rules with various fonts, may need adjusting */
  height: 9.5em;    /* high enough for image plus 2-line caption */
  width: 9.5em;     /* wide enough for widest image with a bit of padding */
  float: left;      /* as many as can fit in window width */
  text-align: center;
  padding: .5em;
  margin: .3em .3em 3em .3em;
  font-family: "\"}\""; /* hide correct dimensions from WinIE 5.x */
  font: 70% Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  color: #3D4D5E;
  width: 8.5em;
  height: 8.5em;
}

.thumbs li a {        /* test these rules with various fonts, may need adjusting */
  font: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  color: #3D4D5E;}

.IE5IsQuirky2 { /* WinIE 5.0 gets weird without something after font-family hack */
}
.thumbs img#desc {        /* test these rules with various fonts, may need adjusting */
	display:block;
	text-align: center;
	border-top: 1px dashed;
	border-right: 1px dashed;
	border-bottom: 1px dashed;
	border-left: none;
	margin: 0 auto .3em auto;
	padding: .5em .5em .5em 1.6em;
}
.thumbs img#centenary {          /* image resized in ems to maintain proportions */
  display: block;      /* prevent text from flowing on the side */	
  text-align: center;  /* center for IE */
  border-top: 1px dashed;
  border-left: 1px dashed;
  border-bottom: 1px dashed;
  border-right: none;
  margin: 0 auto .3em auto; /* center for non-IE */
  padding: .5em;
}
.thumbs li#cent_li {
	padding-right: 0;
}
.thumbs li#desc_li {
	padding-left: 0;
}
.thumbs img {          /* image resized in ems to maintain proportions */
  display: block;      /* prevent text from flowing on the side */	
  text-align: center;  /* center for IE */
  border: 1px solid;
  margin: 0 auto .3em auto; /* center for non-IE */
  padding: .5em;
}
span.getback { padding: 5em}
hr {                   /* see note about hr in HTML below */
  clear: both;
  height: 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
}
}
.twoColElsLtHdr #footer {
	padding: 0 10px;
	background:#FFF;
	border-top-color: #568dca;
	border-top-style: solid;
	border-top-width: 1px;
} 
.twoColElsLtHdr #footer p {
	margin: 0;
	padding: 10px 0;
}

/* Miscellaneous classes for reuse */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}