/*** Based on the piefecta design from                       ***/
/*** http://www.positioniseverything.net/piefecta-rigid.html ***/

body 
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:100.1%; /*** Don't change this setting. Make all other font-sizes in % (preferred) or ems ***/
	color:#000000;
}

strong, b 
{
	font-weight: bold;
}
hr 
{
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #343399; /* for ie */
	background-color: #343399; /* for everyone else */
	height: 5px;
}
p
{
	font-size: 90%;
	line-height: 1.1em;
	margin-top: 1.5em;
	margin-bottom: 1.5em; 
}
li
{
	font-size: 90%;
	line-height: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.2em; 
}
ul 
{
	margin-top: 1.0em;
	margin-bottom: 1.0em; 
}
td 
{
	font-size: 90%;
}
hr 
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
img 
{
	border: 0;
}

div,p{margin:0}

.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
}

/***
The following fixes prevent justified italic text
from destroying the layout in IE/win. 
***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}
/* */

html,body{
  margin:0;
  padding:0;
  border:0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
body{
  background:#EEEEEE;
  min-width:750px;
  text-align:center;
}
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0}
#fullheightcontainer{
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  width:750px;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#wrapper{
  min-height:100%;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
  background:#FFFFFF;
}
#wrapp\65	r{
  height:auto;
}
/* \*/
* html #wrapper{
  height:100%;
}
/* Last style with height declaration hidden from Mac IE 5.x */
#outer{
  z-index:1;
  position:relative;
  margin-left:185px;
  width:565px;
  background:#FFFFFF;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#left{
  width:186px;
  float:left;
  display:inline;
  position:relative;
  margin-left:-185px;
}
*>html #left{width:185px;}
#container-left{
  width:185px;
}
/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */
#center{
  width:565px;
  float:right;
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
}
#clearheadercenter{
  height:120px;
  overflow:hidden;
}
#clearheaderleft{
  height:120px;
  overflow:hidden;
}
#clearfootercenter{
  height:50px;
  overflow:hidden;
}
#clearfooterleft{
  height:50px;
  overflow:hidden;
}
#footer{
  z-index:1;
  position:absolute;
  clear: both;
  width:750px;
  height:30px;
  overflow:hidden;
  margin-top:-30px;
}
#subfooter1{
  background:#FFFFCC;
  text-align:center;
  height:30px;
}
#subfooter2{
  background:#FFE7AA;
  text-align:center;
  height:10px;
}
#header{
  z-index:1;
  position:absolute;
  top:0px;
  width:750px;
  height:120px;
  overflow:hidden;
}
#subheader1{
  background:#FFFFCC;
  text-align:center;
  height:100px;
}
#subheader2{
  background:#DED9C5;
  text-align:center;
  height:20px;
}
#topmargin
{
  height:0px; /*** top margin height ***/
}
#gfx_bg_middle{
  top:0px;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:565px;
  margin-left:185px;
  background:#FFFFFF;
}
* html #gfx_bg_middle{
  display:none;
}

/*zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz*/
/*zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz*/
/*zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz*/
/*zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz*/
/*zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz*/

/*** added by pph ***/

a 
{
	text-decoration: none;
	font-weight: bold;
	outline: none;
	color:#343399;
}
a:visited 
{
	color:#343399;
}
a:active 
{
	color:#343399;
}
a:hover 
{
	text-decoration: underline;
	color:#343399;
}
#right
{
  display:none;
}
#topmargin
{
  height:0px; /*** top margin height ***/
}
.bottomtopmargin
{
  background:#EEEEEE; /*** Background Color of Body ***/
  width:750px; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders +
Both External Borders ***/
  overflow:hidden;
}
.outer_horiz_border, .sb_outer_horiz_border
{
  height:0px;
  overflow:hidden;
  font-size:0px;
}
div.spacer
{
	background-color:#343399; 
	height:30px;
	width:100%;
	text-align:center;
	color:white;
	font-weight:bold;
	font-size:small;
}
div.banner
{
	padding: 5px;
	text-align: center;
	background-color:white; 
}
img.banner
{
	border: 0px;
}
div.menu
{
	padding: 0px;
	border: 0px;
	text-align: center;
}
img.menu
{
	border: 0px;
}
div.item
{
	padding: 1em 1em 1em 1em;
	border-bottom: 1px solid #343399;
}
div.item_title
{
	text-align:center;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	color: #343399;
}
div.item_date
{
	float:right;
	background-color:#DDFFFF;
	border: 1px solid #343399;
	margin-left:5px;
	padding: 0px 2px 0px 2px;
}
div.item_img
{
}
div.item_html
{
}
div.item_file
{
}
div.itemlist
{
}
div.sectionheader
{
	padding:5px;
	margin:5px;
	border:3px solid #343399;
}
#container-left
{
  padding:0em;
}

#wrapper
{
}

#subfooter1
{
  background-color:#343399;
  color:white;
  text-align:right;
  padding:0.5em;
}
#subfooter2
{
  display:none;
}
#subheader1
{
  background-image: url(../img/arkos_header.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
#subheader2
{
  text-align:left;
}

/*** /added by pph ***/