body {
   background: #28568F url('images/background.png') repeat-y fixed 50% 0;
   margin: 0;
   padding: 0;
   align: center
}

#left {
   width: 178px;
   float: left;
}

h1 {
   width: 700px;
   height: 90px;
   text-indent: -9999px;
   background: url('images/header.png');
   margin: 0px auto;
   padding: 0;
}

#container {
   margin: 0px auto;
   text-align: left;
   width: 700px;
   position: relative;
}

#content {
   width: 485px;
   float: left;
   padding: 15px 5px 10px 15px;
   position: relative;
}

#content h2 {
   font: normal 24px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   background: url('images/bullet_title.png') no-repeat;
   width: 450px;
   height: 25px;
   padding: 0 0 0 30px;
   margin: 0;
}

#navcontainer {
   width: 178px;
   float: left;
   padding-bottom: 20px;
}

#navcontainer ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
   text-indent: 25px;
   letter-spacing: 1px;
   border-bottom: 1px solid #fff;
}

#navcontainer a {
   display: block;
   width: 178px;
   height: 22px;
   background: transparent url('images/nav-button_rollover.png') 0 0 no-repeat;
}

#navcontainer a:link, #navcontainer a:visited {
   background-position: 0 0;
   color: #333333;
   text-decoration: none;
}

#navcontainer a:hover {
   background-position: -178px 0;
   color: #ffffff;
   text-decoration: none;
}

#navcontainer li a#current {
   background-position: -178px 0;
   color: #A5003B;
   text-decoration: none;
}

#lower-right {
   position: fixed;
   bottom: 60px;
   left: 50%;
}

#footer {
   margin: 0px auto;
   position: relative;
   background-color: #28568F;
   border-top: 5px solid #000000;
   width: 700px;
   padding: 5px 0;
   clear: both;
}

#footer h2 {
   maring: 0;
   text-align: center;
   font: normal 10px Verdana, Arial, Helvetica, sans-serif;
   color: #D3D8C4;
}

#footer h2 a:visited, #footer h2 a:link {
   color: #D3D8C4;
   text-decoration: none;
   border-bottom: 1px dotted #D3D8C4;
}

#footer h2 a:hover {
   color: #F7F7F6;
   text-decoration: none;
   border-bottom: none;
   background-color: #000000;
}

#related {
   width: 163px;
   padding: 15px;
}

#related h2 {
   font: normal 14px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   margin: 0 0 10px;
   padding: 0;
}

#related ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.reltext {
   font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
   color: #28568F;
   padding: 0 5px;
   margin-bottom: 10px;
}

ul.extlinks li {
   background: url(images/bullet_extlink.png) no-repeat 0 18px;
   font: normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
   padding: 15px 0 0 15px;
}

.extlinks a:link {
   color: #EFEFEF;
   text-decoration: none;
   border-bottom: 1px dotted #EFEFEF;
}
   
.extlinks a:visited {
   color: #28568F;
   text-decoration: none;
}

.extlinks a:hover {
   background-color: #28568F;
   color: #EFEFEF;
   text-decoration: none;
   border-bottom: 1px solid #EFEFEF;
}

.text {
   font: 13px/18px Verdana, Arial, Helvetica, sans-serif;
   color: #0;
   padding: 0 5px;
   margin-bottom: 10px;
}

.text a:link {
   text-color: #28568F;
   text-decoration: none;
   border-bottom: 1px dotted #28568F;
}
   
.text a:visited {
   color: black;
   text-decoration: none;
   border-bottom: 1px dotted black;
}

.text a:hover {
   background-color: #28568F;
   color: #EFEFEF;
   text-decoration: none;
   border-bottom: 1px solid #28568F;
}

.imageright {
   float: right;
   padding: 0 0 10px 15px;
   background-color: #ececec;
}

.clear {
   clear: both;
}

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 12px Verdana;
width: 150px; /* Main Menu Item widths */
border: 1px solid #AAA
}

.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /* force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #012D58; /*background of links (default state)*/
}

.sidebarmenu ul li a.subfolderstyle:hover{
background: url(images/right.png) no-repeat 100% 50%;
background-color: #28568F;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 330px; /*Sub Menu Items width */
padding: 6px;
font: 12px Verdana;
top: 0;
visibility: hidden;
}

.sidebarmenu ul li ul a{
font: bold 12px Verdana;
}

.sidebarmenu a.subfolderstyle{
background: url(images/right.png) no-repeat 97% 50%;
}

/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: blue;
text-decoration: none;
font: bold 12px Verdana;
text-align: center;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -300px;
left: -150px; /*position where enlarged image should offset horizontally */
}