@charset "utf-8";
/* CSS Document */

body {

/*background-image: url(images/Body-Background.gif);*/
background-image:url(images/Body-Middle-Repeat.gif);
background-color: #0095ca;
margin-top: 0px;
padding-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
font-size: 100%;

}

/*

#BannerContainer {
	position: relative;
	left: 240px;
	top: 37px;
	height: 50px;
	width: 744px;
	display: block;

}

*/

#TopContainer {

background-image:url(images/Body-Top.gif);
/*border: 1px solid red;*/
padding-left: 240px;
padding-top: 40px;
height: 110px;
display: block;

}

#TopContainer h1 {

font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 200%;
font-weight: Bold;
color: #e0c10e;
margin: 0px;
padding: 0px;

}

#TopContainer h1 b {

color: #3b92cc;

}

#TopContainer h1.subhead {

font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: Bold;
color: gray;
margin-top: 0px;
border-top: 1px solid gray;
width: 750px;

}

/*#MainContainer {*/

/*background-image:url(images/Body-Middle-Repeat.gif);*/
/*height: 900px;*/
/*display: block;*/
/*border: 1px solid black;*/
/*margin-top: 0px;

}*/

#Content-Top {

background-image:url(images/Content-Top.gif);
height: 20px;
margin-left: 23px;
background-repeat:no-repeat;

}

#BottomContainer {

background-image:url(images/Body-Bottom.gif);
height: 160px;

}

#MenuContainer {

position: absolute;
left: 35px;
top: 165px;
width: 180px;
/*min-height: 250px;*/
background-color: #e5e5e5;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;

}

#ContentContainer {

width: 695px;
margin-left: 260px;
/*border: 1px solid purple;*/
/*min-height: 700px;*/

}

#ContentContainer a, a:link, a:visited {

text-decoration: none;
color: #3b92cc;
font-weight: bold;

}

#ContentContainer a:hover, a:active {

text-decoration: underline;

}

#MenuContainer ul {

margin-left: 0px;
padding-left: 10%;
margin-top: 0px;

}

#MenuContainer li {

padding-bottom: 5%;
padding-top: 5%;
border-bottom: 2px dotted gray;
list-style-type: square;
color: #e0c10e;

}

#MenuContainer li b {

color: #3b92cc;

}

#MenuContainer a, a:link, a:visited {

text-decoration: none;
color: black;

}

#MenuContainer a:hover, a:active {

text-decoration: underline;

}

#ContentContainer h2 {

font-family: Arial, Helvetica, sans-serif;
font-size: 150%;
margin-top: 20px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
color: #3b92cc;

}

#ContentContainer h3 {

font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin-top: 15px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
color: #4d4d4d;
text-transform: uppercase;

}

#ContentContainer p, ul,ol, blockquote {

font-family: Arial, Helvetica, sans-serif;
line-height: 120%;
font-size: 100%;
margin-top: 5px;
margin-bottom: 20px;
padding-bottom: 5px;

}

#ContentContainer blockquote {

margin-right: 0px;
overflow: hidden;
/*font-size: 90%;*/

}

#ContentContainer p.highlight {

background-color: #ffff80;
padding: 6px;
/*border: 1px solid #d9d9d9;*/

}

#ContentContainer p.featured {

background-color: #ebebeb;
padding: 6px;

}

#ContentContainer li {

/*font-size: 90%;*/
margin-top: 10px;
margin-bottom:5px;

}

#ContentContainer li.highlight {

background-color: #ffff80;
padding: 4px;
/*border: 1px solid #d9d9d9;*/

}

.referencelink {

font-size: 85%;

}

ol.reference li, blockquote.reference {

font-size: 90%;
/* can't use width because list numbering gets messed up */
/* margin-left: 150px; */

}

#ContentContainer p.FeaturedText, div.FeaturedText {

background-color: #ebebeb;
padding: 15px;
padding-bottom: 16px;
margin-top: 10px;
margin-bottom: 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
display: block;

}

.nowrap {

white-space:nowrap;

}

#ContentContainer p.PictureWithCaption-CenterAlign {

width: auto;
/*margin: 15px;*/
margin-top: 10px;
margin-bottom: 20px;
clear: both;
border: 1px solid #e5e5e5;
padding: 10px;
font-size: 70%;
line-height: 100%;
text-align: center;
color: gray;

}

#ContentContainer p.PictureWithCaption-CenterAlign img {

padding-bottom: 6px;

}