body 
{
	font-size: 62.5%;
	margin: 0em auto;
	padding: 0px;
	font-family: arial, tahoma,  verdana, sans-serif;
	background: url(../style/background.gif) top center repeat-y;
  /*	text-align: justify; */
}

.breadcrumb {
  margin-bottom:10px;
  font-family: arial, tahoma,  verdana, sans-serif;
  font-size: 11px;
  color: #969696;
}

.breadcrumb a:link, .breadcrumb a:visited {
  text-decoration: none;
  color: #969696;
}

.breadcrumb a:hover {
  text-decoration: underline;
  color: #969696;
}

.container 
{
  width: 780px; 
  margin: 0px auto; 
  padding: 0px; 
  border-left: solid 1px #969696;
  border-right: solid 1px #969696; 
  border-bottom: solid 1px #969696;
  background-color: #FFFFFF;
}

.errormsg { 
  font-weight: bold;
  color: #ff0000;
}

.nav-global-container 
{
  position: absolute; 
  z-index: 3; 
  width: 780px; 
  top: 5px; 
  background-color: transparent;
}

.nav-global 
{
  float: right; 
  width: 780px; 
  margin: 0px; 
  padding: 0px; 
  background-color: transparent;
}
	
.nav-global ul 
{
  float: right; 
  display: inline; 
  list-style: none;
  margin: 0px; 
  padding: 0px;
}	

.nav-global li 
{
  display: inline; 
  white-space: nowrap; 
  text-transform: none;
  color: rgb(100,100,100); 
}

.nav-global li a
{
  display: inline; 
  margin: 0px; 
  padding: 0px 4px 0px 4px; 
  /*border-left: solid 1px rgb(100,100,100); */
  color: rgb(100,100,100); 
  text-decoration: none; font-size: 100%;
}

.nav-global a:visited
{
  display: inline; 
  margin: 0px; 
  padding: 0px 4px 0px 4px; 
  /*border-left: solid 1px rgb(100,100,100); */; 
  color: rgb(100,100,100); 
  text-decoration: none; font-size: 100%;
}

.nav-global a:hover 
{
  background-color: rgb(255,255,255);
  color: rgb(0,0,0); 
  text-decoration: underline;
}

.logo
{
  clear: both; 
  float: left; 
  position: absolute; 
  z-index: 2; 
  width: 700px; 
  top: -10px; 
  margin: 0px; 
  padding-left: 17px; 
  background-color: transparent; 
  color: rgb(255,255,255); 
  font-weight: bold; 
  font-size: 20px;
 }
 
.header-image
{
  clear: both; 
  float: left; 
  width: 780px; 
  height: 100px; 
  margin: 0px; 
  margin-left: 0px; 
  padding: 0px;
}

.nav-main 
{
   font-size: 80%;
	clear: both;
	float: left;
	width: 780px;
	min-height: 2.0em;
	line-height: 2.0em;
	margin: 0px;
	padding: 0px;
	border-top: solid 1px rgb(84,111,144);
	border-bottom: solid 1px rgb(84,111,144);
	background-color: #2FAA30;
}

.nav-main ul 
{
  list-style: none; 
  margin: 0px; 
  padding: 0px; 
  font-weight: bold;
}
	
.nav-main li 
{
  float: left; 
  white-space: nowrap; 
  background-color: inherit;
}

.nav-main li a, .nav-main a:visited
{
  margin: 0px; 
  padding: 0px 10px 0px 10px; 
  border-right: solid 1px rgb(255,255,255); 
  color: rgb(255,255,255); 
  text-decoration: none; font-size: 13px;;
}

.nav-main a:hover, .nav-main a.selected 
{
	background-color: inherit;
	color: #8A2BE2;
	text-decoration: none;
}

.buffer 
{
  float: left; 
  width: 780px; 
  height: 10px; 
  margin: 0px; 
  padding: 0px; 
  background-color: rgb(255,255,255);
}

/* IE6 min-height Hack*/ 
* html .nav-main 
{
  height: 2.0em;
} 

/* IE6-hack for min-height*/
* html .nav-sub 
{
  height: 500px;
} 

/* IE6-hack for min-height.*/	
* html .nav-sub li.group a 
{
  height: 1.5em;
} 

/* IE6-hack for min-height*/
* html .nav-sub li a 
{
  height: 1.5em;
} 

/* This is the class used to wrap content and sidebar together */
.main 
{
  float: left; 
  width: 760px; 
  min-height: 500px; 
  margin: 0px; 
  padding: 0px 0px 20px 1px; 
  background-color: rgb(255,255,255);
}

.pagetitle 
{
  width: 100%; 
  margin: 0px 0px 10px 0px; 
  padding: 0px 0px 5px 0px; 
  background-color: transparent; 
  border-bottom: solid 0px rgb(200,200,200); 
  color: rgb(100,100,100); 
  text-transform: uppercase; 
  font-weight: bold; 
  font-size: 140%;
}

* html .main {height: 500px;}/* IE6-hack for min-height */ 

/* Define the content size and porpoties, the whole content is divided into multiple contentbox. */
.content {float: left; width: 730px; margin: 0px; padding: 0px 0px 0px 20px; background-color: transparent; color: rgb(75,75,75);} 
.contentbox-container {clear: both; float: left; width: 580px; margin: 0px 0px 10px 0px; padding: 0px;}
.contentbox-full {width: 580px; margin: 0px; padding: 0px;}
.contentbox-half-left {float: left; width: 280px; margin:  0px; padding: 0px;}
.contentbox-half-right {float: right; width: 280px; margin: 0px; padding: 0px;}
.contentbox-third-left {float: left; width: 180px; margin: 0px 10px 0px 0px; padding: 0px;}
.contentbox-third-middle {float: left; width: 180px; margin: 0px 10px 0px 0px; padding: 0px;}
.contentbox-third-right {float: right; width: 180px; margin: 0px; padding: 0px;}

.contentbox-title-shading-small {margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(167,211,127); color: rgb(75,75,75); font-weight: bold; font-size: 130%;}

.contentbox-noshading 
{
  margin: 0px; 
  padding: 0.7em 2px 2px 2px; 
  background-color: transparent;
}

.contentbox-shading 
{
  margin: 0px; 
  padding: 7px 10px 5px 10px; 
  background-color: rgb(233,232,244);
}

p 
{
  margin: 0px 0px 0.5em 0px; 
  padding: 0px; 
  line-height: 1.2em; 
  font-size: 133%; 
}

table
{
  font-family: arial, tahoma, verdana, sans-serif;
  font-size: 120%;
}

.content ul.noindent, .content2 ul.noindent 
{
  margin: 0px 0px 7px 15px; 
  padding: 0px; 
  list-style-type: disc; 
  list-style-position: outside; 
  font-size: 125%;
}

.content ul.indent, .content2 ul.indent 
{
  margin: 0px 0px 7px 15px; 
  padding: 0px 0px 0px 15px; 
  list-style-type: disc; 
  font-size: 125%;
}


.img-border {float: left; margin: 4px 7px 3px 0px; border: solid 1px rgb(150,150,150);}

.sidebar 
{
  float: right; 
  width: 140px; 
  margin: 0px; 
  padding: 3.1em 0px 0px 0px;
  background-color: rgb(255,255,255);
  text-align: left; 
  color: rgb(75,75,75);
} 

/* Handle the border, shading and the paragram of sidebar */
.sidebarbox-border {width: 130px; margin: 0px 0px 1.0em 9px; padding: 4px 4px 4px 4px; border: solid 1px rgb(200,200,200);}
.sidebarbox-title-shading {display: block; margin: 0px 0px 2px 0px; padding: 2px 5px 3px 5px; background-color: rgb(225,225,225); font-weight: bold; font-size: 110%;}
.sidebarbox-border p {margin: 0px 0px 0.4em 0px; padding: 0px; background-color: transparent; line-height: 1.2em; font-size: 110%;}

.barbox-border {margin: 0px 0px 1.0em 0px; padding: 4px 4px 4px 4px; border: solid 1px rgb(200,200,200);}

.footer 
{
  clear: both; 
  width: 780px; 
  height: 2.0em; 
  margin: 0px; 
  padding: 0.5em 0px 0.5em 0px; 
  border-top: solid 1px rgb(150,150,150); 
  background-color:  #2FAA30;
  color: rgb(255,255,255);
}

.footer p 
{
  margin: 0px; 
  padding: 0px; 
  text-align: center; 
  line-height: 1.3em; 
  font-size: 120%;
}

.box-on 
{
  float: left; 
  min-width: 0.5em; 
  margin-right: 0.2em; 
  padding-left: 0.3em;
}

/*green background Set */
.bg-green01 {background-color: rgb(237,246,229);}
.bg-green02 {background-color: rgb(220,238,204);}
.bg-green03 {background-color: rgb(202,229,178);}
.bg-green04 {background-color: rgb(185,220,153);}
.bg-green05 {background-color: rgb(167,211,127);}
.bg-green06 {background-color: rgb(149,203,102);}
.bg-green07 {background-color: rgb(132,194,76);}

.clear {clear: both;}

br {clear: none;}

.red {color: Red;}

ul
{
	font-size: 130%;
	list-style: none;
}

ul.b
{
	font-size: 155%;
	list-style: disc;
	text-align: justify;
}

ol
{
	font-size: 135%;
}


/* Slide Out Menu Style*/
#menubar {
position:absolute;
width:153px;
left:1px;
top:90px;
padding:2px;
}
#menubar a {
padding-left:5px;
padding-right:5px;
text-decoration:none;
}
#menubar a.active {
border-bottom-color:#CCC599;
border-right-color:#CCC599;
border-left-color:#FFFFFF;
border-top-color:#FFFFFF;
}
.menu .options {
margin-right:1px;
margin-bottom:1px;
border:1px solid #AD5800;
background-color: rgb(220,238,204);
}
.menu a {
color:#AD5800;
display:block;
padding:2px 10px;
text-decoration:none;
background-color:transparent;
}
.menu a:hover {
background-color: rgb(167,211,127);
color:blue;
}
#about {
position:absolute;
left:5px;
top:200px;
}

div.default-form {
  font-family: arial, tahoma,  verdana, sans-serif;
  font-size: 12px;
}
div.default-form legend {
  font-weight: bold;
  color: rgb(75,75,75);
}

div.default-form fieldset {
  width: auto;
  text-align:left;
  margin-bottom: 10px;
}

div.default-form label {
  width: 120px;
  float: left;
  margin: 4px;
}

div.default-form input, div.default-form select, div.default-form textarea {
  margin: 2px;
}

div.default-form span { margin: 4px; }

div.default-form br {
  clear: left;
}

table.resulttable {
  border-spacing: 0px;
}

table.resulttable th {
  border-bottom: 1px solid #000;
  padding: 4px;
  padding-right: 8px;
  text-align: left;
}

table.resulttable td {
  padding: 4px;
  padding-right: 8px;
}

table.resulttable tr.light {
  background-color: #edf6e5;
}

table.resulttable tr.dark {
  background-color: rgb(202,229,178);
}

a.selectlink, a.selectlink:visited {
  color: #000;
  text-decoration: none;
}

a.selectlink:hover {
  color: #000;
  text-decoration: underline;
}

a.bluelink, a.bluelink:visited {
  color: #0000ff;
  text-decoration: underline;
}

a.bluelink:hover {
  color: #0000ff;
  text-decoration: underline;
}

div.folder {
  background: url(../style/folder.gif) no-repeat;
  padding-bottom: 15px;
  padding-top: 4px;
  padding-left: 32px;
  font-family: arial, tahoma,  verdana, sans-serif;
  font-size: 12px;
}

div.folderp {
  background: url(../style/folderp.gif) no-repeat;
  padding-bottom: 15px;
  padding-top: 4px;
  padding-left: 32px;
  font-family: arial, tahoma,  verdana, sans-serif;
  font-size: 12px;
}

a.buttonlink, a.buttonlink:visited {
  color: #000;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  border: 1px solid #000;
}

a.buttonlink:hover {
  color: #000;
  border: 1px solid #000;
  background-color: #ffffcc;
}

a, a:visited {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #888;
  text-decoration: none;
}

hr.dashy {
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px dashed #000;
  height: 1px;
}

div.leafback {
 background: url('../images/leaf2.png') no-repeat bottom right; 
 min-height: 500px;
}

* html div.leafback {height: 500px;}/* IE6-hack for min-height */ 

table.selectList {
  border-collapse: collapse;
  border: 1px solid #000;
  font-family: arial, tahoma,  verdana, sans-serif;
  font-size: 12px;
}

table.selectList th {
  background-color: #edf6e5;
  text-align: left;
  padding: 2px;
}

table.selectList th.card {
  background-color: #A7D37F;
  text-align: left;
  padding: 2px;
}

table.selectList th.cardright {
  background-color: #A7D37F;
  text-align: right;
  padding: 2px;
}

table.selectList td {
  padding: 2px;
}

table.selectList td.card {
  padding: 2px;
  font-weight: bold;
}

table.selectListPadding {
  border-collapse: collapse;
  border: 1px solid #000;
  font-family: arial, tahoma,  verdana, sans-serif;
  font-size: 12px;
}

table.selectListPadding th {
  background-color: #edf6e5;
  text-align: left;
  padding: 4px;
}

table.selectListPadding td {
  padding: 4px;
  vertical-align: top;
}

table.selectList tr.over {
  background-color: #ffffcc;
}

#tabbed-menu {
  position: absolute;
  width: 600px;
  height: 24px;
 
}

#tabbed-menu ul {
  font-family: arial, tahoma,  verdana, sans-serif;
  font-size: 12px;
  margin: 10px;
  margin-left: 15px;
  padding: 0px;
}

#tabbed-menu li {
  display: inline;
}

#tabbed-menu li a {
  padding: 3px;
  border-top: 1px solid #000;
  border: 1px solid #000;
  margin: -2px;
}

#tabbed-menu li a:active {
  padding: 3px;
  border-top: 1px solid #000;
  border: 1px solid #000;
  margin: -2px;
}

#tabbed-menu li a.selected {
   border-bottom: 1px solid #fff;
}

#tabbed-menu li a:hover {
  border: 1px solid #000;
  border-bottom: 1px solid #fff;
}

#menu-box {
  border: 1px solid #000;
  margin-top: 28px;
  padding:0px;
}

#menu-box p {
  padding:5px;
}

* html #menu-box {margin-top: 48px;} /* IE6-hack */ 

div.quest-form {
  font-family: arial, tahoma,  verdana, sans-serif;
  font-size: 12px;
}
div.quest-form legend {
  font-weight: bold;
  color: rgb(75,75,75);
}

div.quest-form fieldset {
  width: auto;
  text-align:left;
  margin-bottom: 10px;
  border: 1px solid #fff;
  border-top: 1px solid #777;
}

div.quest-form label {
  width: 160px;
  float: left;
  margin: 4px;
}

div.quest-form input, div.quest-form select, div.quest-form textarea {
  margin: 2px;
}

div.quest-form span { margin: 4px; }

div.quest-form br {
  clear: left;
}

div.tickboxes {
  display: block;  
  margin-top: 3px;
  margin-left: 170px;
}

div.tickboxes input {
  margin: 2px;
}

div.tickboxes label {
  margin: 0px;
  width: 200px;
}

p.normaltext {
  font-family: arial, tahoma,  verdana, sans-serif;
  font-size: 12px;
}

table.datatable {
 width: 95%; 
 margin-left: 20px;
 border-collapse: collapse;
}
table.datatable td, table.datatable th {
 border: 1px solid #000;
}

div.labels {
  font-family: arial, tahoma,  verdana, sans-serif;
  font-size: 12px;
  width: 200px;
  font-weight: bold;
  float: left;
  padding-right: 10px;
  margin-left: 17px;
}

span.answer {
  font-family: arial, tahoma,  verdana, sans-serif;
  font-size: 12px;
  width: 200px;
  font-weight: normal;
}

div.tipbox {
   font-family: verdana;
   border: 1px solid #000;
   background: #ffffcc;
   font-size: 12px;
   text-align: left;
   margin: 3px;
   padding: 2px;
   width: 420px; 
 }
 
 div.tipbox p {
   font-size: 12px;
 }
 
 div.caution {
   background: #ffffcc url(../images/caution.png) no-repeat;
   height: 60px;
   width: 70px;
   margin: 5px;
   float: left; 
 }
 
 div.tipbox div.message {  
   margin-left: 75px;
   margin-top: 10px;
   
 }
 

ul.errorlist {
  list-style-type: disc;
  font-weight: bold;
  font-size: 12px;
  color: red;
  padding-left: 20px;
  margin-bottom: 14px;
}

ul.errorlist li {  padding-left: 0px; }

a.classic {
  font-size: 12px;
  color: black;
  text-decoration: underline;
}

table.topictitle {
  border-collapse: collapse;
  font-family: arial, tahoma,  verdana, sans-serif;
  font-size: 14px;
}

table.topictitle tr {
  border: 1px solid #000;
  text-align: left;
}

table.topictitle td {
  border: 1px solid #000;
  padding: 2px;
  text-align: left;
}

ol.roman {
  list-style-type: lower-roman;
}

div.topic h2 {
  font-family: arial, tahoma,  verdana, sans-serif;
  font-size: 15px;
}

div.topic h1 {
  font-family: arial, tahoma,  verdana, sans-serif;
  font-size: 20px;
}