/* CSS Document */

/* CSS Document */
* {margin:0;padding:0}
p{margin-bottom:1em}
ul{margin-left:16px;margin-bottom:1em}
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

body {
	background-color:#FFF; /* fills the whole page, also the content part*/
	/* was background:#f2f2f2 url(leftcolbg.jpg) repeat-y left top; */
	color:#009;
	font-size:10pt;
	line-height:normal; /* was 15pt; */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(leftbg.jpg);
	background-repeat:repeat-y;
	background-position:left;
}

#outer {
	min-height:100%;
	margin-left:220px;
	margin-right:0px;
	border-left:20px solid #006; /* was 1px*/
	border-right:20px solid #006;
	margin-bottom:-52px;
	background-repeat:repeat-y;
	background-position:-50px;

}

legend {
	border-top-style:none;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;
	border-top-color:#FFF;
	border-right-color:#FFF;
	border-bottom-color:#FFF;
	border-left-color:#FFF;
}

.fieldset {
	border-top-style:none;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;
}

form {
	border-top-style:none;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;
}
 
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:127px;
	border-top:1px solid #006;
	/* border-bottom:1px solid #9FF; */
	overflow:hidden;
	color:#009;
	background-image:url(topbg.gif);
	background-repeat:no-repeat;
	background-position:left -1px;	/* background-image:url(images/headerbg.gif); */ /*VALIDATED WRONGLY:"-1px is not a background-position value :left -1px" */
}

#header vnavxxx { /* WAS:vnav */
	float:right;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-top:0px;
	z-index:500;
}

#header #vnav {
	position:relative;
	top:90px;
	float:right;
}

#left {
	position:relative;/*ie needs this to show float */
	width:220px;
	float:left;
	margin-left:-219px; /*must be 1px less than width otherwise won't push footer down */
	z-index:100;
	left:-1px;
	padding-top:20px;
	/* padding-left:-20px; /* purpose:to diminish left padding in menu, but doesn't work */
	color:#CCC;

	/*	line-height:normal; makes menu less high but then lacks breathing*/
	/* background-color:#006;*/
}

#left li {
	display:block;
	list-style-type:none;
	padding-top:0px;
	padding-right:0px;
	/* padding-bottom: -5; /*purpose ???*/
	padding-left:-10px; /* was 0px; */
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:-10px; /* VALIDATED WRONGLY:"Unlike margin properties, values for padding values cannot be negative."*/
}

#left li a:link {
	font-weight:bold;
	color:#FFF;
	text-decoration:none; /* is this needed ? */
}

#left li a:visited {
	color:#CCC;
	text-decoration:none;
	font-size:100%;
}

#left li a:active {
	font-size:120%;
	color:#FFF;
}

#left p, #right p {
	padding:300px; /* was 3px ; doesn't change; function??? */
}

#footer {
	width:100%;
	clear:both;
	height:52px; /* was#006; */
	background-color:#006;
	color:#009;
	text-align:center;
	position:relative;
	/* font-family:Verdana, Arial, Helvetica, sans-serif; set in body */
	font-size:80%; /* was font-size:11px; */
	border-top-width:1px;
	border-bottom-width:1px;
	border-top-style:solid;
	border-bottom-style:solid;
	border-top-color:#009;
	border-right-color:#009;
	border-bottom-color:#009;
	border-left-color:#009;
}

#clearheader{height:127px;}/*needed to make room for header*/

#clearfooter{clear:both;height:52px;}/*needed to make room for footer*/
* > html #clearfooter {float:left;width:100%;}/* ie mac styles */

#centrecontent { /* container of text; stops under last line*/
	width:100%;
	float:left;
	z-index:1;
	line-height:normal;
	position:relative;
	margin-top:0;
	margin-right:-1px;
	margin-bottom:0;
	margin-left:-1px;
}

#user {
	padding-left:20px;
	padding-top:15px;
}

#outer #centrecontent #content {
	padding-right:	20px;
	padding-left:	20px;
	padding-top:	20px;
}

@media all and (min-width:0px){
  #left a:hover span {
	top:150px;
  }
}

#footer span {
	display:none;	
}	

#footer a {
	font-weight:normal;
	text-decoration:none;
}

html>body #minHeight{float:right;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper */

#buttonnext, #lastupdated {
	clear:both;
	margin-top:1%;
	font-size:80%;
	text-align:right;
	color:#03F;
}

#lastupdated {
	color:#666;
}

#h1, #h2 {
	font-weight:bold;
/*	color:#006;*/
	text-align:left;
	clear:both;
	margin-bottom:1%;
}

#h1 {
	font-size:120%;
	margin-top:2%;
}

#h2 {
	font-size:150%;
}

#leftfoot {
	float:left;
	text-align:left;
	color:#666;
	width:60%;
	font-weight:normal;
  }

#rightfoot {
  float:right;
  text-align:right;
  font-weight:normal; /* was bold; */
  color:#666;
  width:40%;
  }

#rightfoot a {
	color:#FFF;
}

.row {
	padding-top:5px;
	padding-right:20px; /* was 15px */
	padding-bottom:10px;
	padding-left:20px; /* was 15px; */
}

#leon {
	background-image:url(leonardo.gif);
	height:70px;
	width:150px;
	background-color:#06F;
	position:relative;
	float:right;
	top:0px;
	right:20px;
}

#flag {
	border:1px solid #000;
}

#main {
	margin:5px 20px;
}

div.left1 {
	float:left;
	margin-right:20px;
	width:100px;
	margin-bottom:30px;
}

div.left1 p {
	text-align:center;
}

img {
	border:0px none;
}

div.center {
	width:600px;
}

.clear {
  clear :both;
}

#pictleftfloat {
	float:left;
	width:33%;
	margin-right:2%;
	padding-right:1%;
	padding-bottom:1%;
}

#pictrightfloat {
	float:right;
	width:33%;
	margin-left:2%;
	padding-left:1%;
	padding-bottom:1%;
}

#pictleftfloat img {
	border-right:thick dotted #00C;
	padding-right:10px;
	width:100%;
}

#pictrightfloat img {
	border-left:thick dotted #00C;
	padding-left:10px;
	width:100%;
}

#outer #centrecontent #content #pictrightfloat #picttext, #outer #centrecontent #content #pictleftfloat #picttext {
	margin-left:10px;
	padding-top:1px;
	font-size:90%;
	font-weight:bold;
	text-align:center;
}

table.VocMatTable {
	font-size:90%;
	width:100%;
	text-align:left;
}

caption.VocMatTable {
	font-weight:bold;
}

thead.VocMatTable {
}

th.VocMatTable {
	font-weight:bold;
	vertical-align:top;
}

tr.VocMatTable {
}

td.VocMatTable {
	font-family:Arial, Helvetica, sans-serif;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:DarkBlue;
	vertical-align:top;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:2px;
}

#thumbs {
	float:left;
	width:15%;
	margin-right:1%;
	clear:both;
}

#thumbs img {
	
	padding-right:6%;
	width:100%;
}

#banner{
	height: 60px;
	width: 468px;
	position: relative;
	float: right;
	top: 0px;
	right: 20px;
	margin-right:10px;
	margin-top:5px;
}