/* 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(leftbg1.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
#vnav { /* WAS: vnav; difference with previous ??? */
	display: none;
}
#outer{
	min-height:100%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:-52px;
	background-color:#FFF; /*spreads over header zone too*/
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
 
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:126px;
	border-top:0px solid #006;
	/* border-bottom:1px solid #9FF; */
	overflow:hidden;
	color: #FFFFFF;
	background-image: url(vocmatprint.jpg);
}

#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;
	display: none;
	/*	line-height: normal; makes menu less high but then lacks breathing*/
	/* background-color:#006;*/
}

#left li {
	display: block;
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	/* padding-bottom:  -5; /*purpose ???*/
	padding-left: -10px; /* was 0px; */
}

#left li a {
	font-weight: bold;
	color: #FFF;
/* font-family: Verdana, Arial, Helvetica, sans-serif; set in body */
	text-decoration: none; /* is this needed ? */
}

#left li a:visited {
	color: #CCC;
	text-decoration: none;
}

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

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

#footer {
	width:100%;
	clear:both;
	height:50px; /* was#006; */
	background-color: #FFFFFF;
	color: #000000;
	text-align:center;
	position:relative;
	/* font-family: Verdana, Arial, Helvetica, sans-serif; set in body */
	font-size:70%; /* was font-size: 11px; */
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: none;
	border-top-color: #9FF;
	border-bottom-color: #9FF;
	font-style: italic;
}

#clearheader{height:80px;}/*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;
	position:relative;
	z-index:1;
	margin:0 -1px;/* moz fix*/
	/* font-family: Verdana, Arial, Helvetica, sans-serif; set in body */
	background-color:#FFF;
	font-size: 9px;
	line-height: 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 {
	font-size:80%;
	text-align:right;
	color: #03F;
	display: none;
}

#lastupdated {
	color:#666;
}

#h1, #h2 {
	font-weight: bold;
	color: #000000;
}

#h1 {
	font-size: 120%;
}

#h2 {
	font-size: 150%;
}

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

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

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