/*                      HTML element styles                                                       */
body {
	font: normal 100% Verdana, Arial, Helevetica, lucida, sans-serif;
	margin: 0em 0em 0em 0em;
	text-align:center;
	background:#ffe;
	}

h5	
{
	font: bold 70% Verdana, Arial, Helevetica, lucida, sans-serif;
	margin:  0em 0em 0em 0em;
}
a	
{
  color:#765;
   text-decoration:none;
}

a:visited 
{
  color:#876;
}


/*  */
/*                      MAIN FRAME                                                       */
/*		The main overall container block  	 */
/*  */

#frame {
	width:40em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0em;
	padding:  0em 0em 0em 0em;
	text-align: left;
	}
	

/*  */
/*                      HEADER                                                       */
/*  */
#header {
	width: 40em;
    height: 4em;
	border-bottom: 0.1em solid #ccc;
	padding: 0em 0em 0.5em 0em;
	background-color : #ffe;
	}
	
#header img {
	float: left;
	padding: 1em 1em 2em 0em;
}

#header h1 {
	margin: 0em 0em 0em 0em;
	text-align: center;
	color:#765;

}

/*  */
/*		The FOOTER block  	 */
/*  */

#footer {
	width: 40em;
	height:  auto;
	margin: 2em 0em 0em 10em;
	padding: 1em  1em  1em  1em;
	float: left;
	background: #ffe;
	font-size: 70%;
	color:#765;
	z-index: auto;
	 }

/*  */
/*                      SITE NAVIGATION                                                       */
/*  */

#sitenav {
	margin-left: 9em;
	width: 36em;
	height:1.2em;
	padding: 0em 0em 0em 0em;
	font-size: 80%;
	text-align:center;
	background: #eda;
	}

#sitenav ul {
	border: 0em;
	margin-right: auto;
	margin-left: auto;
	padding: 0em;
	list-style-type: none;
	text-align: center;
	height: 1em;
	width: 36em;
	}

#sitenav ul li {
	display: block;
	width: 6em;
	float: left;
	text-align: center;
	padding: 0em;
	margin: 0em;
	}

#sitenav ul li a {
	font-size: 80%;
	width: 6em;
	height: 1.5em;
	line-height: 1.5em;
	border-bottom: 0.1em solid #fff;
	border-right: none;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	color: #333;
	text-decoration: none;
	display: block;
	text-align: center;
	}

#sitenav ul li a:hover	{
	color: #204008;
	border-bottom: 0.1em dotted #662;
	}	
	
/*                      CONTENT LEFT                                                       */
#contentleft 
{
	font-size:70%;
	width:9em;
	height:30em;
	padding: 0em 0em 0em 0em;
	float:left;
	background: #ddd;
	}

#contentleft ul  {
	margin: 0em 0em 0.7em 0em;
	padding: 0em 0em 0em 0em;
	list-style-type: lower-roman;
	display: block;
	list-style-position:inside;
	}
#contentleft li  {
	margin: 0em 0em 0.7em 0em;
	}

#contentleft a {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	display: block;
	text-align: left;
	text-decoration: none;
	color: Blue;
	}

#contentleft li a:hover { 
	background:#eef;
}

/*                      CONTENT CENTRE                                                      */

#contentcenter {
	width: 30em;
	height: auto;
	margin: 0em 0em 0em 0em;
	padding: .1em .1em .1em .1em;
	float:left;
	background: #fff
	}
#contentcenter p 
{
	font-size:80%
}

/*                      CONTENT CENTRE  - Header                                                    */

#contentheader {
	background:#ffe;
	}
		
#contentheader h1 {
	padding:1em;
	margin: 0em 0em 0em 0em;
	}

/*                      CONTENT RIGHT                                                      */

#contentright {
	font-size:70%;
	width: auto;
	height: auto;
	padding:0em;
	margin:0;
	padding:0;
	float:left;
	border-left: 0.1 solid #ccc;
	background: #ffe;
	}
	
#contentright span
{
	display:block;
	margin: 0em 0em .3em 0em;
}

#contentright h2{ 
	font-weight:bold;
	margin: 0em 0em 0em 1em;
	padding: 0;
}

#contentright p { 
	font-weight:normal;
	margin: 0em 0em 0em 1em;
	padding: 0em 0em 0em 0em;
}

#contentright a { 
	text-decoration: none;
	border-bottom: 0.2em solid #fff;
}
#contentright a:hover { 
	background:#eee;
}


/*  */
/*               User Information styles             */
/* ================================================= */
/*  */

#userinfo {
	font-size:60%;
	background-color: #edb;
	width: 10em;
	height: 6em;
	margin:  -6em 0em 0em 0em;
	padding:  0.2em 0.2em 0.2em 0.2em;
	border: outset .2em #765;
	}
	
#userinfo p 
{
	margin: 0em 0em 0em 0em;
}


/*  */
/*               Page Component styles             */
/* ================================================= */
/*  */


/*  */
/*               Tab Group             */
/* from: http://www.alistapart.com/articles/slidingdoors/ */
/*  */

.tabgroup 
{
  display:block;
  float:none;
  /*background:#DAE0D2 url("bg.gif") repeat-x bottom;*/
  background-color: #eda;
  font-size:70%;
  line-height:normal;
  padding: 0em 0em 0em 0em;
  width:100%;
  border-bottom: solid 1px #765;
  }
  
.tabgroup ul {
  margin:0;
  padding:0px 10px 0;
  list-style:none;
  }
  
.tabgroup li {
  float:left;
  background:url("left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom: solid 2px #765;
  }
  
.tabgroup a {
  float:left;
  display:block;
  background:url("right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
  
 .tabgroup span 
 {  float:left;
  display:block;
	margin:0 0 0 10px;
 }
 
 
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.tabgroup a {float:none;}
/* End IE5-Mac hack */
.tabgroup a:hover {
  color:#333;
  }
.tabgroup .current {
  background-image:url("left_on.gif");
  }
.tabgroup .current a {
  background-image:url("right_on.gif");
  color:#333;
  }