/*      quiet theme */
/*      HTML TAGS AND PRESENTATION   */

div hr { display: none; } 
.hidden{ display: none; }
#search fieldset label { display: none; }       
.rss-img {display: none;}
/*#handheld-image {display: none;}   not currently used in handheld.css*/
.handheld-image {display: none;}
.filedunder { display: none; }

div.postnavigation span.previous,
div.postnavigation span.next { display: none; }

body {
  background: url(images/background-sky.png) fixed no-repeat bottom left;  
  margin: 0;
  padding:0;
	min-width: 86%;
	max-width: 1280px;
  font: small Fontin, Tahoma, Geneva, "Liberation Sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
/*	font: medium Georgia, "Times New Roman", "Times Roman", serif; */
  font-size: 100.01%;   /*fixes an Opera bug*/
/*  text-align:center;*/
  color: #000;

}
html, body{
	height: 100%;
}

		/*  -----  text & font-related ----------  */
		
small {
	font-family: "DejaVu Sans", Verdana, "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}
	
/*a {color: #000099; text-decoration: none;}
a:visited { color: #339933; border-bottom: 1px;}
a:active{color:#0000cc; border-bottom: #00c 1px solid;}
a:hover { border-bottom: 1px solid; }
*/
a { color: #000099; text-decoration: none;}
a:active{color:#0000cc;}
a:visited { color: #337733; }
a:hover { border-bottom: #00c 1px solid;}

h1 {color: #007;
	font-family: Gentium, georgia, times, serif; /*"DejaVu Sans", "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;*/
	font-size: 2em;		/*added*/
/*	line-height: 3em; */ 	/*added*/
/*	margin-bottom: 1.5em; */	/*added*/
/*	padding: 10px; */
}
h3 {color: #007;
	font-family: Gentium, georgia, times, serif; /*"DejaVu Sans", "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;*/ 
	font-size: 1.25em;		/*added*/
	line-height: 1.5em;	/*added*/
	margin-bottom: 1.5em;	/*added*/
	margin-left: 0.75em; /*2.8em;*/
/*	padding: 10px; */
}
h6 {color: #007; font-weight: bold; margin: 0.5em 0.75em; font-size: 1.125em; font-family: Gentium, georgia, times, serif;} /*margin: 0.5em 3em;*/
h2 {color: #007;
	 Gentium, georgia, times, serif; /*"DejaVu Sans", "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;*/
	font-size: 1.5em;		/*added*/
	margin-bottom: 1.5em;	/*added*/
	margin-left: 2em;
/*	padding: 10px; */
}
img {
 	border: 0; 
 	padding: 10px 0px 0px 10px;
}
.content-img {border: 0; padding: 1em 0 1em 0.5em; float: right;}
p {
   margin: 0.5em 3em;
   	font-size: 1em;		/*added*/
	line-height: 1.5em;	/*added*/
	margin-bottom: 1.5em;	/*added*/
}

code, pre, kbd, samp{
	font-family: "DejaVu Sans Mono", Monospace, "Courier New", Courier;
	font-size: 1em;
	color: #666;
	padding-left: 5px;
}
pre {
	font-size: 1em;
	display: block;
	padding: 5px 0;
	margin: 0;
}
blockquote {
	margin: 1em 6em;
	padding: 1em;
	border: 1px solid #666;
	line-height: 2em;
	background-color: #f9f9fd;
}
.toc {
  border: #00f solid 1px;
  float: right;
  font-size: .9em;
  margin: 1.2em 1em 5px 5px;
  padding: 5px;
/*  width: 25%;*/
}

.toc ul {
}

.toc li {
	list-style: square outside;
	margin-left: -1em; /*margin-left: -0.75em;*/
	padding: 0;
} 



		/*  ----- end  text & font-related ----------  */
		
		/*  -----  wrappers & spacers     note: title wrapper with titlebox ----------  */

#container {
	width: 100%;
	margin: 0;
	padding: 0;
}

#contentwrapper-title {
	width: 86%;
	margin: 0 auto;
	margin-left: 8%;
	padding: 0;
}

		/*contentwrapper-mid equivalent to "#main" in Summersun theme, I think...*/
#contentwrapper-mid {
	width: 86%;
	margin: 0 auto;
	margin-left: 8%;
	padding: 0;
}
#contentwrapper-main {
	width: 74%;
	margin: 0;
	padding: 0;
	float: left;
}
#contentwrapper-side {
	width: 24%;
	margin: 0;
	margin-left: 1.9%;
	margin-right: 0;				
	padding: 0;
	float: left;
}
#contentwrapper-foot {
	width: 86%;
	margin: 0 auto;
	margin-left: 8%;
	padding: 0;
	float: left;
}

.spacer {
  clear:both;        /*hr.clear replaces this, right?*/
}

hr.clear{
	visibility: hidden;
	margin: 0;
	padding: 0;
}

div.hr{
	background: url(images/hr.gif) no-repeat center center;
	height: 20px;
	margin: 5px 0 15px 0;
}

.clear{
	clear: both;
}

/*---- simple clearing ----*/

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
} 


		/*  -----  end wrappers & spacers  note: title wrapper with titlebox----------  */


		/* ----- begin  shadow divs ------- */

#shadow-container {
	/*   margin-right and -bottom necessary to avoid crazy slider bars which "overflow=auto" otherwise puts in.  */
	width: 100%;  /*necessary to fill out contentwrapper*/
	left: 5px; 
	top: 0px;
	margin:0 auto;
	margin-right: 5px;
	margin-bottom: 5px; 
	float: left;   /*using float on parent and child divs allows parent to shrink to child div dimensions.  necessary if using shadow divs for different sized elements.*/
}

/*content: position -1px moves it up and to the left from parent div. margin top & left -1px moves next div down and over by that amount. */
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
	margin-top: -1px;
	margin-left: -1px;
	background: white; 
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-top: 1px solid #b0b0b0;
	border-left: 1px solid #b0b0b0;  
	padding: 0px; 	
}

/*outermost lightest div, no top & left margin shift needed because no following shadow div*/
#shadow-container .shadow0 {
	position: relative;
	left: -1px;
	top: -1px;
	background: #d3d9d9;  
	border: 1px solid #d3d9d9;
} 
#shadow-container .shadow1 {
	position: relative;
	left: -1px;
	top: -1px;
	margin-top: -1px;
	margin-left: -1px; 
	background: #cecece; 
	border: 1px solid #cecece; 
}
#shadow-container .shadow2 {
	position: relative;
	left: -1px;
	top: -1px;
	margin-top: -1px;
	margin-left: -1px;
	background: #c3c3c3;
	border: 1px solid #c3c3c3; 
}

/*darkest, innermost shadow.  -1px moves down & right (!!) from parent (= .container) div.  */
#shadow-container .shadow3 {
	position: relative;
	left: -1px;
	top: -1px;
	margin-top: -1px;
	margin-left: -1px;
	background: #b0b0b0;
	border: 1px solid #b0b0b0;
	border-top: 1px solid #c3c3c3;
}

		/* -----end shadow divs ---------*/
		
		/* ----- forms  -------------*/

label, select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
	cursor: pointer;
} 

input, textarea, select{
	font-size: small;
	background: #fafffa;    /* pale turquoise.  also: #D9E8F8 */
	border: 1px solid #666;
	padding: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
textarea { width: 90%;}
/*
textarea { font-size: small; }	font-size adjustment no longer needed here
*/
input:focus, textarea:focus{
	background: #fff;
}

input:hover { background: #e2f4f9; color: #333; } 

fieldset{
	border: 0px solid #ccc;
	margin: 0;
	padding: 0px;
	margin-left:  0.5em;
	margin-right: 0.25em;
}

#searchform{
	width: 91%;
/*	float: left;
	margin-left: 1%;*/
}

#searchsubmit {
	width: 35px;
	margin: 2px;
	padding: 0px;
	float: right;
	margin-right: 6px;
}

		/*  ------ end forms ------  */

		/* ----- begin titlebox ------ */

#container-title {
	position: relative;
	/*   margin-right and -bottom necessary to avoid crazy slider bars which "overflow=auto" otherwise puts in.  */
	width: 100%;  /*necessary to fill out contentwrapper*/
	left: 0px; 
	top: 0px;
	margin:0 auto;
	margin-right: 5px;
/*	margin-bottom: 1.25em; */
	float-left;   
}

#titlebox {
	/*width: 100%;*/ /*not necessary for it to expand to fill parent (shadow-container) prob because img is specified at 100%*/
	position: relative;
	float-left;
	top: 5px;
	left: 0px;
	height: 10em;
	margin: 0 auto;
	margin-left: -5px;
	margin-right: 7px;
	padding: 0;
	margin-bottom: 1%;
	
/*	background: url(http://molvray.com/images/imagebanner/rotate.php) center bottom no-repeat; */
/*	 border-left: 2px solid #333; 
	border-top: 2px solid #333; 
	border-bottom: 3px solid #f0f0f0; 
	border-right: 3px solid #f0f0f0;
*/
}

#titlebox img-title {
	float: left;
	width: 10.5em;
	margin-top: -1.75em;
	margin-left: -1em;
}

.img-title {
	float: left;
	margin-top: -1em;
	margin-bottom: 1em;
}
.left-top { 
	float: left;
	position: absolute;
	margin-top: -1em;
	top: 0px;
	left: 145px;
}

.rss-img2 {
	width: 12px;
	height: 12px;
	border: 0;
	margin: 0;
	margin-top: 15px;
	margin-left:20px;
	padding: 0;
	float: left;
}

.blogtitle {
	font-size:2em; 
	font-family: "DejaVu Sans", "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; /*georgia, times, serif; */
		float: left;  
	text-align: left;
	margin-top: 0.5em;
	margin-left: 0;
	margin-bottom: 0.5em;
/*	margin-top: 4.25em;
	margin-left: 18%;
	margin-right: 18%;  these settings: center bottom of header*/
}
#pagebox {
/*	margin-left: 65%;*/
	float: left;
	margin-top: -0.5em;
}
.pagetitle {
	font-size: small; 
	text-align: left;				
}
/*.blogtitle span {
	position: absolute;  
	bottom:0.5em; 
	center:-2px; 
	color: #007; 
	margin-left: -3.5%;
} */
/*
.blogtitle:before {
	content:attr(title); 
	position: absolute; 
	bottom:0.52em; 
	center:1px; 
	color:#fff; 
	margin-left: -3.45%; 
}
*/
.blogtitle a {
	text-decoration: none;
}
.blogtitle a:hover span {
	color: #89d;
	text-decoration: underline overline;
}

      /* ----- end titlebox ------- */


      /* ----- begin navtabs ----- */
      
.skiplink { 
	display: inline;
 	float: right;      /*Earlier:  IE stretches margin all the way to left side & pushes all other divs down.  2009-01-15: now it needs it!  go figure*/
	margin-left: 0;
	margin-bottom: 0;
	margin-top: -3em;
	margin-right: 3px;
	padding: 2px;
	font-size: small;
	border: 1px solid #aaa; /*#ece0ea;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.skiplink a { 
	padding: 0;
	color: #007;
	float: right;
/*	margin-right: 10px;   
	margin-top: 5px;	*/		/*and "align=right" specified in header.php.  deleted out 2009-01-15 */
}

        /* ------ begin main content  --------*/
        /* ------ begin main blog window --------*/

#content {           
	width: 100%;
	margin: 0;
	padding: 0;
  	text-align:left;
  	background: white;
	overflow: auto; /*apparently needed to overflow a stripe at div bottom...*/
}

#blogs p{							
	padding: 5px 10px;
	margin: 0;  /*has to be margin: 0; on site*/
}

#blogs .fullcontent{
	padding: 0 20px 0 20px;
	background: #fff;
}


/* POST =STORY
---------------------------------------------------*/

div.postnavigation{
	margin: 0;
	padding: 0.5em 1em;
}

.storytitle, .storytitle a:visited, .storytitle a, .storytitle h3, .storytitle h2, .storytitle h1, .storycontent h4{
	font-size: 1.25em; 
	padding: 0 1.2em;  /*padding: 0 1em; */
}
.storytitle{
	background: url(images/icon_post.gif) no-repeat 0.5em 0; /*5px 0px; */
}

.storytitle a:hover{
	text-decoration: none;
}

.storytitle {
	margin-left: -0.5em;
}

.storycontent{
	position: relative;
	margin: 0;
	margin-bottom: 1.5em;  /*added*/
	padding: 0 3em; /*padding: 5px 0 20px 0;*/
	padding-top: 1.5em;
	background: #fff;  /* url(images/bg_blu.gif) repeat-y top left;*/
}

.date, .meta{
	font-size: small;  /*1.0em;  */
}

.thecontent{
	margin: 0 2em 0 4em; /*has to be margin: 0 2em; on site*/
}

.thecontent p{	
/*  margin-bottom: 4em;  not doing anything...*/
   margin-bottom: 1em !important;
   line-height: 2em;
   font-size: 1em;
   font-weight: 500;
   letter-spacing: 0.1px;
}

.thecontent h6, .thecontent h3 {padding-top: 1em;}
.thecontent h3 {margin-left: 0.66em;} 
.thecontent h3 {
	margin-top: 1em; /*0.25em;*/
	margin-bottom: 0.5em; /*0.1em;*/
}

.thecontent p a { color: #000099; text-decoration: none; border-bottom: 1px dotted #009;}
.thecontent p a:active{color:#0000cc;}
.thecontent p a:visited { color: #337733; border-bottom: 1px dotted #373; }
.thecontent p a:hover { border-bottom: 1px #009 solid;}

#details_box {
       width: 30%; 
        border: 1px solid #555; 
        margin:1em 2em 1em 0; 
        padding: 1em; 
        font-family: "DejaVu Sans", Verdana,  "MS Trebuchet", Trebuchet, sans-serif; 
        font-size: 0.75em; 
        line-height: 1.15em; 
        text-align:left;  
        float: left;
/*        width: 30%; 
        border: 1px solid #555; 
        margin:10px 20px 10px 0px; 
        padding:10px; 
        font-family: "MS Trebuchet", Trebuchet, Verdana, sans-serif; 
        font-size: 0.85em; 
        line-height: 1.25em; 
        text-align:left;  
        float: left; */
        }
.examplebox {
       width: 40%; 
        border: 1px solid #ccc; 
        margin: 0 0 1em 1em; 
        padding: 0.5em; 
/*        font-family: "DejaVu Sans", Verdana,  "MS Trebuchet", Trebuchet, sans-serif; */
        font-size: 0.92em; 
        color: #444;
        line-height: 1.25em; 
        text-align:left;  
        float: right;
        }

table.info {
	 width=85% 
	 border: 1px solid gray;
	 border-collapse: separate;
	 border-spacing: 0.25em;
}

table.info p {
	 font-size: 0.85em;
}

body#page #blogs p{ margin-left: 0; padding: 5px 0;}

body#page .storytitle{
	margin: 7px 10px 0 20px;
}

.storycontent ul, .storycontent ol{
	margin-left: 5em; /*not doing anything!!*/
	padding: 0;
	/*list-style: square outside;*/
}

.postmeta{
	background: #eff5fb url(images/fade_blue.gif) repeat-y top right; 
}

.date{
	float: left;
	margin-top: 6px;
	color: #336699;
	text-indent: 12px;
}


.filedunder{
	float: right;
	text-indent: 12px;
	margin-top: 6px;
	margin-right: 15px;
}

.filedunder a{ font-weight: bold; }
.filedunder a:visited, .filedunder a, .filedunder{ color: #336699;}
.filedunder a:hover{ color: #036; }
.filedunder, .date, #sidebar h3{ line-height: 1.5em; }

.meta li.permalink{
	background: url(images/icon_permalink.gif) no-repeat 0 2px;
	padding-left: 11px;
}

.meta li.comments{
	background: url(images/icon_comment.gif) no-repeat 0 2px;
	padding-left: 11px;
	margin-left: -3px;
}

.meta{  
/*	margin: 0 0 0 50px;*/
	margin: -2em 0 -2.5em 0;  /*0 0 1.5em 0   changed 2010-05-08*/
	float: right;
}

.metahr {width: 100%; visibility: hidden; height: 0px; border: 1px green solid; margin: 0 0 -2em 0;}/* added in single.php below meta div*/

.meta ul{
	list-style: none;
	padding: 0;
	width: 100%; 
 /*margin: 0;*/
}

.meta ul li {
	list-style: none;
	display: inline;
	/*padding: 0 5px 0 0; */
 /*	margin: 0; */
}


/* COMMENTS =feedback
----------------------------------------*/

.feedback{
	width: 80%;
	clear: both;
	margin: 30px 20px 0px 55px;
}

h3.comments {
	margin: 0;
	margin-top: 13em;
	padding: 5px 0;
}

.commentlist{
	list-style: none;
	margin: 0;
	padding: 0;
}
ol.commentlist li {
	list-style: none;  /*finally gets rid of stupid bullet point on comments*/
	margin: 0 auto;
		width: 95%;
}
.commentlist .gravatar{
	border: 1px solid #ccc;
	width: 40px;
	margin: 5px;
}

.comment-head{
	background: none; /* url(images/comment_head.gif) no-repeat left center;*/
	height: 5px; /*15px;*/
}

.fullcomment{
	width: 90%;
	background: none; /* url(images/comment_foot.gif) no-repeat bottom left;*/
	padding-bottom: 40px;
	margin: 15px 0 0 15px;
}

.comment-wrapper{
	width: 95%;
	background: #fafaff;  /*pale blue*/
}

.comment-content{
	clear: both;
	width: 89%;
	padding: 0 7px;
}

        /* ------  end main content ----------  */
        
        /* ------  ordered lists,  link styles -------  */

ul {
	list-style: none;
	margin: 1%;
	padding: 0;
}
li {
	list-style: square inside;
	margin: 1%;
	padding: 0;
} 

#sidebar ul{
	list-style: none;
	margin: 0 1em;
	padding: 0;
/*	padding-left: 0.25em;*/
}

#sidebar li{
	list-style-type: none;
	background: url(images/0194_diamond7.png) no-repeat 0 2px;
	margin: 0;
	padding: 0 1em;
	line-height: 1.5em;
	} 

#blogs ul{
	list-style: square outside;
	margin: 0 6em;  /*last specification of #blogs ul  & this one is used!!*/
	padding: 0;
}

#blogs ol { margin-left: 28px; }
#blogs dl { padding-left: 10px; }
#blogs dt { font-weight: bold; }

#blogs dl dd{
	margin: 0;
	padding: 2px 2px 4px 12px;
}

/* for post links */
.postlist li{
	line-height: 1.25 em; 
	padding: 0 0 0 8px; 
}

/* for external links */
#blogs .linklist li, 
#sidebar .linklist li, 
#sidebar .linklist dt{
	list-style: none;
	background: url(images/0194_diamond7.png) no-repeat 0 2px;
	padding: 3px 0 1px 20px;
}

/* for archived links */
#sidebar ul.archivelist li{
	background: url(images/0194_diamond7.png) no-repeat 0 2px;
	padding-left: 8px; 
 /*	line-height: 1.5em;  20px; */
}

#sidebar ul.linklist li{
	margin: 0 0 5px 0;
	background: url(images/0194_diamond7.png) no-repeat 0 2px;
}

#sidebar ul.linklist br{
	line-height: 1em;
}

#sidebar dl.linklist dd{
	color: #666;
	padding: 0;
	margin: 3px 0 5px 17px;
}

        /* ------  end ordered lists,  link styles -------  */

        /* ------ begin sidebar  --------*/

#sidebar {
	width: 100%;
	margin: 0;
	padding: 0;
  	background: white;
  	text-align: left;
	overflow: auto; 
	font-size: 0.9em;
	color: #555;
	line-height: 1.25em;
}

#sidebar p.subhead {
	color: #555; 
	font-family: georgia, times, serif; /*"DejaVu Sans", Verdana, Arial, sans-serif; "Trebuchet MS", Trebuchet*/
	margin: 0 1em;
	font-size: 1.12em;
}
#sidebar p a { color: #000099;  border-bottom: 1px dotted #009;}
#sidebar p a:active{color:#0000cc;}
#sidebar p a:visited { color: #337733; }
#sidebar p a:hover { border-bottom: #00c 1px solid; }

#sidebar h1, #sidebar h2, #sidebar h3{
	margin: 0 1em;
	padding: 0;  
	font-size: 1.25em;
}

          /* "tagline" seems to be heading for search results page  */
h2.tag, h2.tagline{
	text-align: center;
	color: #036;   /* navy blue */
	margin-left: 1%;
}

h2.tag     { font-size: 1.4em; }
h2.tagline { font-size: 1.1em; }

#sidebar ul.sideblocks>li ul.children{
	margin: 0;
	padding: 0 0 0 5px;
}

#sidebar ul.sideblocks { margin: 10px; }
#sidebar ul.sideblocks>li { 
	margin: 10px 0; 
	font-size: 1.0em;
	line-height: 1.4em;
	font-family: "DejaVu Sans", Verdana, Arial, sans-serif; 
	}

#sidebar h3 {color: #999;}
#sidebar h3 a { color: #007; } 
#sidebar h3 a:hover { color: #0f0; }

#sidebar h4{ color: #555; margin: 0 3%; padding:0; text-align: left;}

#sidebar p{
	margin: 1em;
	padding: 0%;
	font-size: small;
}
#sidebar #calendar{ padding: 10px 0 0 0; }

#sidebarmotto {      
	 margin: 5px 10px;
	background: #eff5fb;
	padding: 5px;
	border: 1px solid;
}

        /* ------  end sidebar  ----------  */

           /* ----- begin footer-related ------- */

#acidtest-footer {
	margin: 0;
	padding: 1%;
  	background: white;
  	color: #555;
	overflow: auto; 
	zoom: 1;  /*needed for IE6 to enclose p.footer*/
}

p.footer {
	font-size: small;
	text-align: left;
	border: 0;
	padding: 2px; 
}
#footer-nav-box {
	display: inline;
	margin: 0;
	float: right;
	zoom: 1;
}
.footer-nav { 
	margin: 0.5em;
	padding: 0.5em;
	border: 1px solid blue;
	float: right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

		/*  -----  end footer-related -------  */


/* NAVI =PAGENAV
-------------------------------------*/

.page-navi{
	text-align: right;
	font-weight: bold;
	font-size: 0.9em;
	color: #999999;
	margin: 12px 10px;
}

.page-navi a{
	padding: 0 4px;
	color: #ccc;
	border: 1px solid #ccc;
}

.page-navi a:hover{
	border-color: #999;
	background-color: #999;
	color: #fff;
	text-decoration: none;
}

.page-navi .pageoff{
	padding: 0 4px;
	border: 1px solid #666;
	background-color: #666;
	color: #fff;
}


/* ALIGN		used inside some of the blog-specific css
-------------------------------------*/

.alignleft{
	float: left;
}

.alignright{
	float: right;
}

div.aligncenter{
	margin: 0 auto;
	text-align: center;
}


/* Navtabs		
-------------------------------------*/

#adhoc {
	float: left;
/*	width: 50%; */
	margin-left: -1em; 
	margin-top: -1em;
}

#navtabs {
	float: left;
	display: inline;
/*	width: 100%; */
	overflow: hidden;
	position: relative;
	margin-left: 0em;
	padding-top:2px;
	margin-right: 25%;
	position: absolute;
	top: 35px;
	left: 145px;
}
#navtabs ul, #navtabs ul li {
	list-style: none;
	margin: 0;
	padding:0;
}
#navtabs ul {
	text-align: left; /*text-align: center;*/
}
#navtabs ul li {
	display:  inline-block;  /*  use this instead of display:inline; this allows margins & padding to work*/
 /*	_display: inline; for IE 6*/
	margin-right: 0.5em;
	margin-bottom: 0.75em;
	font-family: "DejaVu Sans", "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
/*	_font-size: 0.8em;  for IE 6*/
/*	font-size: medium;
*/
}

#navtabs li a {
	margin: 0.75em 0.25em;   
	padding: 0.1em;
	color: #00f;
	font-size: 0.85em;
	text-decoration: none;
	border-top: 1px solid #b0b0b0; 
	border-left: 1px solid #b0b0b0; 
	border-right: 2px solid #808080;
	border-bottom: 2px solid #808080;
	border-radius: 3px 3px;	/* round corners with CSS3 compliant browsers */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
 /*	_border: none;   for IE 6*/
}

#navtabs ul li a {
	margin: 0.75em 0.25em;
}

/*#navtabs ul li a span{
	margin: 0.75em 0.25em;
}*/
#navtabs ul li a:visited {
   background-color:  transparent;   /*  #ece0ea;*/
   color: #339933; 
}
#navtabs ul li a:focus {
  	text-decoration: none;
   background-color:  white !important; 
}
#navtabs ul li a:hover {
  text-decoration: underline;
}
#navtabs ul li a:active {
  	text-decoration: none;
   background-color:  white !important; 
}

.handheldbox {
	display:block;
	border-width: 1px solid #666;
	padding:1px;
	margin-top:5px;
	margin-bottom: 10px;
	margin-left: 10px;
	width:90%;
	height:100%;
	overflow:scroll;
	}