body {
	text-align: center;
	background: url(images/voxnabg.jpg) repeat;
}

/*- 
*********************
Main Menu in Header 
*********************
*/

 /* This styles the unordered list element to remove bullets and align the text */
ul#nav {
	list-style-type: none;
	text-align: left;
	position: absolute;
   	top: 107px;                  /*- 127px */
   	left: -29px;
   	text-transform: uppercase;
   	font-size: 0.8em;
   	font-family: Arial, Verdana;
   	margin-top: 0px;
	z-index: 3;
}

ul#nav li {
	width: 101px;
   	float: left;
   	margin-bottom: 10px;  /* This is only necessary for IE6 else the link margins will collapse on hover */
}

    /*
  This styles the links. It’s a block-level link and the text is positioned
  with padding. Other styles are defined: width, colors, text attributes, etc.
 */
ul#nav a {
   	padding: 3px 0px 4px 5px;
   	background:url(images/voxnanavbutton.png) no-repeat ;
   	color: #FFF;
   	font-weight: bold;
   	font-style: none;
   	display: block;
	text-decoration: none;
 }

ul#nav a.rss {
   	background: url(images/rss.jpg) no-repeat 2px 2px;  /* This gives the “rss” class link a background image */
   	padding: 3px 0px 4px 25px;
   	color: #000;
   	font-weight: bold;
   	font-style: none;
   	display: block;
   	text-decoration: none;
 }

 /*
  Now to offer some hover and focus styles. Further specification of focus/active styles
  could be added but I didn’t do it in this example. I didn’t feel it was needed
 */
 ul#nav a:hover, ul#nav a:focus, ul#nav a:active {
   	background: url(images/voxnanavbuttonactive.png) no-repeat ;
   	background-color: #FFF;
   	color: #000;
 }

 /* This offers up a hover/focus state image for the “rss” class link */
 ul#nav a.rss:hover, ul#nav a.rss:focus {
   	background: url(images/rss_on.jpg) no-repeat 2px 2px;
   	color: #3faee5;
 }

 /*
  This style the single state of the “current_page_item” class link. Not needed for
  the “rss” class link since that target page won’t display the menu
 */
 ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover,
 ul#nav li.current_page_item a:focus, ul#nav li.current_page_item a:active {
   	background: url(images/voxnanavbuttonactive.png) no-repeat ;
   	color: #000;
   	cursor: default;
   	text-align: left;
 }

/*- 
**********************************
Vertical and Horizontal Centering
**********************************
*/

#horizon {
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -313px;
	text-align: center;
	min-width: 950px; 
}

#wrapper {
	display: block;
	width: 950px;
	height: 625px;
	margin: 0px auto;
	position: relative;
	text-align: left;
}

/*- 
**********************************
Header and Footer
**********************************
*/

#header {
	background: url(images/voxnaheader.png);
	width: 950px; 
	height: 130px;
        position: absolute;
        top: 0px;
}

#footer {
	background: url(images/voxnafooter.png);
	width: 950px; 
	height: 81px;
	position: absolute;
       	top: 544px;
}

/*- 
**********************************
Content and Sidebar
**********************************
*/

#content {
	background: url(images/voxnacontent.jpg);
	width: 950px; 
	height: 414px;
	position: absolute;
       	left: 0px;
       	top: 130px;
}

#sidebar {
	position: absolute;
       	left: 755px;
       	top: 140px;
}

#both {
	clear: both;
}

.text {
	position: absolute;
	left: 27px;
	top: 20px;
	z-Index: 1;
	font-size: 1em;
	border-style: none;
	width: 725px;
	height: 375px;
	text-align: justify;
	overflow-y: auto;
	font-family: Calibri, Verdana, Arial;
} 

.text2 {
	padding-right: 15px;

} 

.side {
	position: absolute;
	left: 25px;
	top: 12px;
	z-Index: 1;
	font-size: 0.9em;
	border-style: none;
	width: 145px;
	height: 370px;
	text-align: justify;
	overflow-y: auto;
	font-family: Calibri, Verdana, Arial;
} 

.title {
	font-size: 11pt;
	font-family: verdana;
	font-weight: bold;
}
.p9   {
	font-size: 2em;
        font-family: calibri, verdana, arial;
        font-variant: small-caps;
        font-weight: 500;
        color: #647798;
        letter-spacing: 1.5px;
}

A, A:link, A:visited, A:active  {
	color: #647798;
}

A:hover {
	color:#ffd822;
}

#fleur {	
position: absolute;	
top: -45px;	
left: -52px;	
z-index: 2;}
