body {
	background-color: #B6BFCE;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin: 0px;
	padding: 0px;
	font-family:Arial;
	font-size: 100%;
}

/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer{
position:relative;
top:-28px;
left:0px;
width:73%;
height:28px;
color:#656565;
background:transparent;
font-family:Arial;
}
#dolphinnav{
height:25px;
font-size:13px;text-transform:uppercase;
font-weight:normal;
background:#fff url(../img/buttonbar_1x25_orig.gif) repeat-x top left;
padding:0 0 0 10px;
}
#dolphinnav ul{
margin:0;padding:0;list-style-type:none;width:auto;float:left;
}
#dolphinnav ul li{
display:block;float:left;margin:0 0px;
}
#dolphinnav ul li a{
display:block;float:left;
color:#434343;text-decoration:none;
padding:0 0 0 10px;height:25px;
}
#dolphinnav ul li a span{
padding:6px 10px 0 0;
height:21px;float:left;}


#dolphinnav ul li a:hover
{
color:#fff;
background:transparent url(../img/buttonbar_1x25_dark.gif) repeat-x bottom left;
border-right:none;
border-bottom:3px #860513 solid;
}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover {
color:#fff;
background:url(../img/buttonbar_1x25_dark.gif) repeat-x bottom left;
border-bottom:3px #656565 solid;
padding-top:0px;
}
#dolphinnav ul li a.current span{
display:block;
color:#b03d3d;
padding:6px 10px 0 0;
width:auto;background:#blue url(../img/dolphin_right-ON2.gif) no-repeat top right;
}
/* ---------------------- END Dolphin nav ---------------------- */



/* ---- END sub menu nav ----- */
#horizon   {
	color: #656565;
/*	text-align: center;*/
	position: absolute;
	top: 30px;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}
#maincontainer {
  z-index: 1;
	margin-left: -376px;
	position: absolute;
	top: 0px;
	left: 50%;
	width: 750px;
	height: 610px;
}
#headnav {
	height: 17px;
	text-align: right;
	margin-right: 7px;
	font-size: 60%;
	font-weight: normal;
	color: #CCCCCC;
	font-family: Arial;
}
#headnav img {
	vertical-align: text-top;
	border-style: none;
}
#headnav a {
	color: #CCCCCC;
	text-decoration: none;
}
#header {
	background-image: url(../img/header.gif);
	background-repeat: repeat-x;
	height: 135px;
	text-align: left;
}
#logo {
	height: 50px;
	width: 187px;
	margin-top: 0px;
	margin-left: 25px;
	border-style: none;
}
#request {
	float: right;
	height: 37px;
	width: 226px;
	margin-right: 20px;
	border-style: none;
}
#mainbody {
	background-image: url(lightbodyimage.gif);
        background-color:#dedede;
	background-repeat: repeat-x;
	height: 480px;
	text-align: left;
	padding-right: 0px;
}

a {
	color: #656565;
	text-decoration: underline;
}
a:hover {
	color: #990000;
	text-decoration: none;
	
}

h1 { 
 font-weight: bold;
 font-size:22px;
 color: #990000; /* burn red */
 padding:0 0 0 5px;
 margin:0;
 border-bottom:2px solid #990000;

}
h2 { 
 font-weight: bold;
 font-size:18px;
 color: #990000; /* burn red */
 padding:0 0 0 5px;
 margin:5px 0;
 border-bottom:2px solid #990000;
}
h3 { 
 font-weight: bold;
 font-size:18px;
 color: #990000; /* burn red */
 padding:0 0 0 5px;
 margin:0;
}
img.floatLeft {
  float:left;
  margin:4px;
}
img.floatRight {
  float:right;
  margin:4px;
}
div#copyright li{
	
	text-decoration:none;
	display:inline;
	width: auto;
}
#copyright {

  width: 750px;
  height: 26px;
  background-color: #DEDEDE;
  font-size: 10px;
  color: #656565;
  padding: 5px 0px;
  margin:0px 0px 0px 0px;
  clear:right;
	/*background-color:blue;*/
}
#footer {
     background-image: url(../img/botttom.jpg);
     background-repeat: no-repeat;
     height: 38px;
     background-position: center top;
     margin-top: 0px;
	
}
#mainnav {
	left: -10px;
	position: absolute;
	margin-top: 0px;
}
.subnav {
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.subnav a {
	background-image: url(../img/bluedash.gif);
	display: block;
	width: 106px;
	margin-bottom: 2px;
	margin-left: 27px;
	padding-bottom: 1px;
	border-bottom: 1px solid #8C8E93;
	background-repeat: no-repeat;
	color: #E1E1E0;
	text-decoration: none;
	padding-left: 19px;
	font-size: 85%;
}
.subnav a:hover {
	background-image: url(../img/greendash_over.gif);
	background-repeat: no-repeat;
	color: #99ccff;
	text-decoration: underline;
}
.copy {
	font: 10px Arial, Helvetica, sans-serif;
    color: #E7EAEF;
    text-decoration: none;
}
.copy a:link, .copy a:visited {
	font: 10px Arial, Helvetica, sans-serif;
      color: #545454;
      text-decoration: none;
}
.copy a:hover {
	font: 10px Arial, Helvetica, sans-serif;
      color: #990000;
      text-decoration: underline;
}
div#content select {
 font-size:16px;
 margin:10px;
}
div#content {
 float: left;
 background-color: #fff;
 color: #656565;
/* border:3px solid #656565;*/
 padding:0px 0px 0px 0px;
 margin:0px 0px 2px 20px;
 width:650px; height:480px;
 margin: 0px 5px 0px 15px; 
 overflow:auto
}

div#content h1.staff {
 text-decoration:none;
 text-transform:capitalize;
 font-size:24px;
 color:#656565;
 border:none;
}
div#content h2.staff {
 text-decoration:none;
 text-transform:capitalize;
 font-size:20px;
 color:#656565;
 border:none;
}
div#content p.content {
 text-decoration:none;
 text-indent:30px;
}

#centerdiv {
 float: left;
 background-color: #DEDEDE;
 color: #656565;
 /*border:3px solid #656565;*/
 padding:0px 0px 0px 0px;
 margin:0px 0px 2px 20px;
 width:710px; height:450px;
 margin: 0px 5px 0px 15px; 
 overflow:auto
}
#leftdiv {
	float: left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 2px 20px;
        width:200px; height:380px;
	margin: -20px 5px 0px 15px; 
	overflow:auto;
}

#leftdiv ol {
  font-size:0.8em;
  margin:4px 0 0 6px;
  padding: 0 0 10px 0;
}

#leftdiv li {
  font-family:arial, helvettica;
  margin: 0 0;
  padding:0 0 0 7px;
}

#leftdiv li.due {
 color:#343434;
}
#leftdiv li.due a {
 color:#343434;
}

#leftdiv p {
	text-align:justify;
	margin: 10px 5px;
	padding-bottom: 2px;
	border-bottom: 1px solid #b03d3d; /* dark red */
	text-decoration: none;
	font-size:smaller;
	}
	
#leftdiv a {
        font-family:arial, helvettica;
	background-image: url(../img/right.gif);
	background-repeat: no-repeat;
	display: block;
	color: gray;
	text-decoration: none;
}
#leftdiv a:hover {
        margin-left:-7px;
        padding-left:4px;
	background-image: url(../img/right_over.gif);
	background-repeat: no-repeat;
	color: #990000;
        border-left:3px solid #656565;
}

#rightdiv {
  background:url(../img/logo_watermark.gif) 83% 90%;
  background-repeat:no-repeat;
  
/**  border:2px gray dashed; */
  width: 500px; height:460px;
  margin: -20px 5px 0px 15px; 
  float:left;
  overflow:auto;
  vertical-align:top;
}
#rightdiv img {
         
 margin-bottom: 10px;
}

#sub_right {
   /* background-color:red; */
  position:relative; 
  top 0px; left: 0px;
  width:500px; height:460px;
  margin-top:-460px;margin-left:0px;
  z-index: 1;
  overflow:hidden;
}

#rightdiv p { 
margin:10px 5px 0 0; padding: 0; 
text-indent: 20px;
font-size:14px;
font-family:arial;
}

#rightdiv i { 
 padding-top:5px;
text-indent: 10px;
}

#sub_right2 {
  visibility: hidden;
  width: 500px; height:460px;
  z-index: 1;
  text-align: justify;
  overflow:auto;
}


/* TRANSITION STYLE */


/* CROSS-FADE: default opacity for IE */
img#slideshow {
        width:480px; height:180px;
        filter:alpha(opacity=101);
        }

/* CROSS-FADE: duplicate image positioning */
img.idupe {
        position:absolute;
        z-index:30000;
        visibility:hidden;
        }