html, body {margin:0px; padding:0px; background: white; font-family:verdana; font-size:12px;}
/* The header and footer */
.header {
display:block; 
height:25px; 
background: green;
text-align:center; 
padding:5px;
font-size:20px;}
/* This bit does all the work */
#container {position:relative; display:block; background: white; border-left: 200px solid #ff7fff; border-right: 200px solid #8081ff;}
#inner {display:block; margin-left:-200px; margin-right:-200px; padding:5px;}
#left {float:left; position:relative; width:200px; left:0px;}
#right {float:right; position:relative; width:190px; right:0px;}
#center {margin-left:200px; margin-right:200px; position:relative; display:block; height:1%;}
.clear {clear:both;}
/* Just to extend each column */
/* #inner a:visited, a {color:#000; text-decoration:none; cursor:default;} */
/* #inner a span {display:none;} */
/* #inner a:active, #inner a:focus {color:#fff; text-decoration:none; background:transparent; cursor:default;} */
#inner a:active span, #inner a:focus span {display:block;}
/* a:visited, a {text-decoration:underline; cursor:pointer;} */
a:hover {text-decoration:none; cursor:pointer;}
em {font-weight:bold;}

/** Top Menu and drop downs start **/
#MainMenu 
{
	height:32px;
	background: url(images/Green/bmid_072.gif);
	border:0;
	margin:0;
}
#tab 
{
	top:0;
	height:0;
	background:repeat-x top;
	margin:0;
}
#tab ul 
{
	list-style:none;
	float: left;
	margin: 0px;
	padding:0;
}
#tab li 
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tab a 
{
	background:#000 url(images/Green/bright_072.gif) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#tab a span 
{
	display:block;
	background:url(images/Green/bleft_072.gif) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:700;
	line-height:32px;
	padding:0 15px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#FFF;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv 
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0;
	background:url(images/Green/bmid_072.gif);
	color:#FFF;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	list-style:none;
	margin:0;
	padding:0;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited 
{
	width: auto;
	display:block;
	border:0;
	color:#FFF;
	background:url(images/Green/bleft_072.gif) no-repeat left top;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	margin:0;
	padding:0;
}
.dropmenudiv a span 
{
	display:block;
	line-height:32px;
	background:url(images/Green/bright_072.gif) no-repeat right top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	float:none;
	padding:0 15px;
}
.dropmenudiv a:hover 
{
	border:0;
	background-position:left bottom;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	color:#FFF;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#FFF;
	font-weight:700;
}
/** End Top Menu and drop downs end **/


/*** New blue side buttons ***/
#menu {
width:172px;
float:left;
margin: 1px 0px 0;
}


a.item {
background: url(images/Green/green.png) no-repeat;
max-width: 172px;
height:31px;
display:block;
padding: 8px 0 0 8px;
font: bold 13px Tahoma,verdana, arial, sans-serif;
color: black;
text-decoration:none;
line-height:26px;
 max-width: 172px;
}

/*
good practice of background offset rollovers to avoid javascript preload. 
Im using max-width, BG pos. and Padding instead of margin and smaller-than 
container width, to get pop-out effect cause of a left-edge bug that makes 
the menu jump. -ubik
*/
a.item:hover {
background-position:0px 0px;
padding: 6px 0 -4 0px;
font: bold 15px Tahoma,verdana, arial, sans-serif;
color: black;
 text-decoration: underline;
}

/*** Content wrap ***/

#wrap {
	clear: both;
	font-size: 0.9em;
	padding: 0;
}

/*** Sidebars ***/

/*** Sidebars ***/

#leftside,#rightside {
margin:0;
padding: 0 1px 2px;
width:173px;
}

#leftside {
float:left;
margin-right:3px;
}

#rightside {
float:right;
margin-left:1px;
}

#leftside h1,#rightside h1 {
color:#505050;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}

#leftside h2,#rightside h2 {
font-size:1.1em;
margin:0 0 20px;
}

#leftside p,#rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}

.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}

.linklist li {margin-bottom:0.7em;}

/*** Sidebar menu ***/

.nav {
background:#e8e9ea;
border:1px solid #b0b0b0;
border-color: white black black white;
color:#606060;
display:block;
margin-top:8px;
padding:5px 4px 4px 10px;
position:relative;
text-transform:uppercase;
width:140px;
}

.nav:hover,.active {
background: #f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}

.sub {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}


/*** End New blue side buttons ***/

#footer {
   clear: both;
	background-color: #ffffff;
	background-repeat: repeat;
	height: auto;
	width: auto;
	text-align: center;
	font-size: 10px;
}
a {
	color: black;	
	text-decoration: none;
}
a:hover {
	color: #00F;
	text-decoration: underline;
}

    #tabs {
      float:left;
      width:100%;
      font-size:93%;
		font-weight: bold;
      line-height:normal;

      }
    #tabs ul {
	margin: 0;
	padding: 2px 10px 0 5px;
	list-style: none;
}
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color: black;
		
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#6B78A9;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }

      #tabs #current a {
              background-position:0% -42px;
      }
      #tabs #current a span {
              background-position:100% -42px;
      }