html {
	overflow: -moz-scrollbars-vertical;
}

body   {
	margin-left: auto;  /* .10em .1em .2em 15em ;*/
	margin-right: auto;
	text-align: left;
	/*padding: 0em 0em 0em 0em;      /* 1.5em 0 0 0 */
	font-family: georgia, times, times new roman, serif;
	font-size: 85%;  /* 80 */
	background: url(../pic/bgrnd-5apx.png) fixed;
	background-repeat:repeat-x;
	width: 900px;
	/* [disabled]background-position: fixed; */
	/* [disabled]margin: 0 auto; */
}

#container {
	/* [disabled]margin: .1em 0 0 0; */         /*   .1em 0 0 0 5%     */
	/* [disabled]padding: 2px 2px 2px 2px; */
}

.header {
	width: 100%;               /* 50% */
    background: transparent;
	color:#ffffff;
}

.headerbox {
	margin: 0;
	padding: 0 0 .7em 0;
	background: transparent;
	text-align:center;
}

.layout {
	/* [disabled]width: 100%; */
}

#green {
	/* [disabled]margin: .1em 0 0 0 5%; */
	color: #00CC66;
}

.linkpanel {
	float: left;
	width: 18%;
 }
  
.linkbox {
	/* [disabled]margin: 0 2px 2px 2px; */
	/* border: 1px solid black; */
 	/* [disabled]padding: 0 8px 0 8px; */
	background: transparent;
}
/* IE doesn't always add percentages up correctly, so one column is slightly less */

.mainpanel {
	float: left;
	width: 59%;   /*67.9%*/
	position: inherit;
}

.mainbox {
	/* height: 100%; */
  	/* [disabled]margin: 0 0 8px 0; */
	/*border: 1px solid black;*/
  	padding: 8px 8px 8px 8px;
	background: transparent;
}
/* The last column doesn't really need a float left *?
/* Or you could use float right */


.adspanel {
	float: right;
	width: 19%;
 }
 
.adsbox {
	/* [disabled]margin: 0 2px 2px 2px; */
	/* border: 1px solid black; */
  	/* [disabled]padding: 0 8px 0 8px; */
	background: transparent;
}

.footer {
    clear: both; width: 100%;
    font-size:0.800em;
	background-color:#7895a7;
   /* border-left: 1px solid #000;   */
}    /*100     */

.footerbox {background-color:#7895a7;}

	
h1, h2, h3 {font-weight: normal;}
	
.back {
		text-align: center;
		text-decoration:none;	  	
}

.back:hover {color: #a0b8cc;}
/* .back a { color:#666;} */
	
a:link {color: #ffffff;}
a:link {text-decoration: none;}
a:visited {color: #000000;}
a:hover {
	text-decoration: underline;
	color: #a0b8cc;
}

       /* navigation */

#navcontainer ul{
	padding: .8em 0 ;
	margin: 2.5px;
	list-style-type: none;
	background-color: transparent;
	color: #ffffff;
	width: 59.6%;
}

li {
	display: inline;
}

li a: {
	text-decoration: none;
	background-color:  transparent;
	color: #ffffff;
	padding: 0 0 0 0;
	text-align: center;
}
/*
li a:hover {color: #a0b8cc;}

li	a:visited {color: #000000}*/

/* end navigation */

#text2{
  	font-size: 1.3em; /* optional. just to increase the font size. */
 /*	display: block;
	line-height: 1em; */
	/* color: #ffffff; - origianl */ /* shadow color */
	color: #ffffff;
  	background-color: transparent;
	/* white-space: nowrap; /* wrapping breaks the effect */
}

.rounded-corners {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

/*
.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
} */

/*
.thumbnail span{   */ /*CSS for enlarged image*/ /*
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px dashed white;
	visibility: hidden;
	color: black;
	text-decoration: none;
} */

/*
.thumbnail span img{  */ /*CSS for enlarged image*/
/*	border-width: 0;
	padding: 2px;
}  */
/*
.thumbnail:hover span{ */   /*CSS for enlarged image on hover*/
/*	visibility: visible;
	top: -50px;
	left: -50px;  }       */            /*position where enlarged image should offset horizontally */


/* end thumb nails */
#sitemap {
	text-align: left;
	clear: both;
}
#sitemap li{
	display: block;
}

.current_page_item a {
	color: #FF0
}

