/*****************Top Dynamic Menu******************/

.menucontainer{
 background: #fff url(images/bgOFF.gif) top left repeat-x;
 }

/*.menu {float:left;font-family: "Trebuchet MS",arial,verdana,sans-serif;width:100%;position:relative;font-size:11px;font-weight:bold;
background:url(images/bgOFF.gif) repeat-x;}*/

.menu {
 float:left;
 font-family: Helvetica,arial,verdana,sans-serif;
 width:708px;
 position:relative;
 font-size:11px;
 font-weight:bold;
 background: #cfcfcf;
 z-index:10; 
 border:solid #91908F; 
 border-width:0 1px 0 1px;
 }

.menu ul {
 padding:0; 
 margin:0;
 list-style-type: none;
 }
 
.menu ul li {
 float:left;
 position:relative;
 }
 
.menu ul li a, .menu ul li a:visited {
 float:left;
 display:block;
 text-decoration:none;
 color:#000;
 width:auto;
 color:#034895;
 border:1px solid #fff;
 border-width:0 1px 0 0;
 padding:0px 16px 0px 16px;
 line-height:25px;
 text-transform:uppercase;
 }

* html .menu ul li a, .menu ul li a:visited {
 width:auto;
 w\idth:auto;
 }

.menu ul li ul {
 display: none;
 }
 
table {
 margin:-1px;
 border-collapse:collapse;
 font-size:11px;
 }

/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li a:hover {
 color:#fff;
 background:#ccc url(images/bgON.gif) top left repeat-x;
 }

.menu ul li:hover ul,
.menu ul li a:hover ul {
 /*display:block; 
 position:absolute; 
 top:3em;
 margin-top:1px;
 left:0; 
 width:150px;*/
 display:block; 
 position:absolute;
 top:24px;
 margin-top:1px;
 left:0;
 width:100%;
 border-top:1px solid #fff;
 }
 
* html .menu ul li a:hover ul {
 margin-top:0;
 marg\in-top:0px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
 visibility:hidden; 
 position:absolute; 
 height:0; 
 width:0;
 }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
 /*display:block; 
 background:#faeec7; 
 color:#000; 
 height:auto; 
 line-height:1.2em; 
 padding:5px 10px; 
 width:129px*/
 display:block;
 background:#E9E9E9;
 color:#000;
 height:auto;
 line-height:16px;
 padding:2px 16px 2px 16px;
 width:120px;
 }
 
* html .menu ul li a:hover ul li a {
 width:150px;
 w\idth:129px;
 }

.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
 background:#c9c9a7 url(../../graphics/drop.gif) bottom right no-repeat;
 }

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
 background:#896296;color:#fff;
 }

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
 visibility:visible; 
 position:absolute; 
 left:15px; 
 top:0;
 width:150px;
 }

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
 left:-150px;
 }
/*****************************************************/


/*******************Dynamic Side Menu****************************/

/* common styling */
/*.menu {
 font-family: arial, sans-serif;
 width:106px; 
 height:150px; 
 position:relative; 
 font-size:11px; 
 margin:5px 0;
 }
 
.menu ul li a, .menu ul li a:visited {
 display:block; 
 text-decoration:none; 
 color:#000; 
 width:104px; 
 height:20px; 
 text-align:center; 
 border:1px solid #fff; 
 border-width:1px 1px 0 0; 
 background:#c9c9a7; 
 line-height:19px; 
 font-size:11px;
 }
 
.menu ul {
 padding:0; 
 margin:0;
 list-style-type: none; 
 }
 
.menu ul li {
 float:left; 
 margin-right:1px; 
 position:relative;
 }
 
.menu ul li ul {
 display: none;
 }

/* specific to non IE browsers */
/*.menu ul li:hover a {
 color:#fff; 
 background:#b3ab79;
 }
 
.menu ul li:hover ul {
 display:block; 
 position:absolute; 
 top:0; 
 left:105px; 
 width:105px;
 }

.menu ul li:hover ul li a.hide { 
 background:#dfc184; 
 color:#000;
 }
 
.menu ul li:hover ul li:hover a.hide {
 width:150px;
 }
 
.menu ul li:hover ul li ul {
 display: none;
 }
 
.menu ul li:hover ul li a {
 display:block; 
 background:#b3ab79; 
 color:#000; 
 width:104px;
 }
 
.menu ul li:hover ul li a:hover {
 background:#dfc184; 
 color:#000;
 }
 
.menu ul li:hover ul li:hover ul {
 display:block; 
 position:absolute; 
 left:151px; 
 top:0; 
 color:#000;
 }
 
.menu ul li:hover ul li:hover ul li a {
 display:block; 
 width:200px; 
 background:#dfc184; 
 color:#000;
 }
 
.menu ul li:hover ul li:hover ul li a:hover {
 background:#bd8d5e; 
 color:#fff;
 }*/
/**********************************************************/

body {
 margin:20px;
 background-image:url(images/tanbground.gif);
 color: #333333;
 text-align: center;
 padding:0;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 }

h3 {
 margin-left:10px;
 margin-top:20px;
 height:auto;
 width:200px;
 font-size: medium;
 color:#330066;
 background-image:url(images/h3bground.gif);
 border:solid 1px #666666;
 text-align: center;
 padding-top: 5px; 
 }

p {
 margin:0;
 padding:15px;
 } 

h4 {
 margin:0; 
 padding: 5px 0;
 }
 
#container {
 text-align:left;
 border-top: 1px solid #91908F;	
 width:760px;
 margin:auto;
 }

#header {
 background-image:url(images/bentonheader1.gif);
 color: #333333;
 border:solid #91908F;	
 border-width:0 1px 0 1px;
 height: 109px;
 }
 
#pcapple {
 width: 121px;
 height: 60px;
 position:relative;
 float:right;
 top:41px;
 right: 84px;
 }

#bodyblock {
 position:relative;
 background: #C3B7D5;
 color: #333333;
 width:759px;
 border:solid #91908F;	
 border-width:0 0 0 1px;
 padding:0;
 }
 
/********drop shadow*******/ 
.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
  
.in {
  text-align:center; 
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }
  
.ltin {
  left:-5px;
  }
  
.tpin {
  top:-5px;
  }
  
.narrow {
 width:8em; /* change to suit */
 } 
 
/*h4 {
 font-weight:bold; color:#000;
 }*/
/**************************/

#leftcolumn {
 margin-top:30px;
 float:left;
 background:#C3B7D5;
 color: #333333;
 width:144px; 
 text-align:left;
 }
 
#leftcolumn h4 {
 text-align:center;
 color:#333333;
 } 

#leftcolumn a {
 padding-left:8px;
 text-decoration:none;

 }
 
#leftcolumn a:link, a:active {
 color:#50317E;
 }

#leftcolumn a:hover {
 color:Navy;
 background-color: #CEE0D3;
 }


#content {
 width:610px;
 background:#ffffff;
 color: #333333;
 border:solid #91908F;	
 border-width:0 1px 0 0;
 text-align:left;

 }


#footer {
 height:auto;
 padding-top: 3px;
 padding-bottom: 3px;
 background:#CEE0D3;
 color: #333333;
 border:solid #91908F;
 border-width:1px 1px 1px 1px;
 margin:0;
 }
 
#footerimage {
 float:left;
 width:45px;
 height:46px;
 background-image: url(images/bcsfooterimage.gif);
 position:relative;
 top:0px;
 left:45px;
 }
 
#footer2 {
 position:relative;
 width:760px;
 padding-bottom:3px;
 padding-top:3px;
 }
 
#footerleft {
 width:380px;
 float:left;
 font-size:9px;
 }

#footerright {
 width:380px;
 float:right;
 font-size:9px;
 }