/* Layout styles */

html, body {height:100%}
body {
  padding:0;
  margin:0;
  background: white url(../images/main_bg.gif) repeat-x top;
  color: black;
  font: 12px Arial, Helvetica, sans-serif;
}

#outer {
	height:100%;
	padding: 0;
	margin: 0 0 -66px 0;
	color: black;
	background: url(../images/content_bg.jpg) right repeat-y;
}
 
html>body #outer {
	min-height: 100%;
	height: auto; 
}

/* HEADER & LOGO */
#header{
  position:absolute;
  top:0;
  left:0;
  margin: 0;
  padding: 0;
  width: 770px;
  height: 156px;
  background: url(../images/nv_bg.jpg) left no-repeat;
}

#header h1 {margin: 0; padding: 0;}
#header h1 a { display: block; margin: 0 0 0 14px; width: 130px; height: 156px; padding: 0;}
#header h1 span { display: none;}


/* MAIN NAV CONTAINER */
#left {
  position: absolute;/*ie needs this to show float */
  width: 180px;
  margin: 0;
  padding: 0;
  left: 0;
  top: 178px;
}

#right {
  display: none;
}

#footer {  } /* ---------------------------------------------------------------------------------- */

#footer {
	clear: both;
	height: 66px;
	background: url(../images/footer_img.gif) center top no-repeat;

/*  width:100%;
  clear:both;
  height: 66px;
  background: url(../images/footer_img.gif) 20px top no-repeat;
  position:relative;*/
}

* html #footer {/*only ie gets this style*/
  \height:66px;/* for ie5 */
  he\ight:66px;/* for ie6 */
}
#clearheader{height: 178px;}/*needed to make room for header*/
#clearfooter{ clear:both;height:50px;}/*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */

#centrecontent {
  margin: 0 50px 0 200px;
  padding: 0 20px;
}


#centrecontent img {
	border: 3px solid #95C5CA;
	clear: none;
	float: left;
	margin-right: 10px;
}

/* main links */

a:link		{color: #769CA0; text-decoration: none}
a:visited	{color: #769CA0; text-decoration: none}
a:hover		{color: #769CA0; text-decoration: underline}
a:active	{color: #769CA0; text-decoration: none}


#centrecontent h1 { display: none;}
#centrecontent h2 {
	font: 30px arial;
	color: #95C5CA;
	margin: 20px 0;
	padding: 0;
	display: block;
}

#centrecontent h3 {
	font: 18px arial;
	color: black;
	margin: 20px 0;
	padding: 0;
	display: block;
}

#centrecontent h4 {
	font: bold 14px arial;
	color: #999;
	margin: 20px 0;
	padding: 0;
	display: block;
}


.outerwrap {
  float: left;
  width: 99%;
}

/*  NAVIGATION STYLES */

#left #nav { width: 180px; margin: 0; padding: 0; }
#left #nav ul { margin: 0; padding: 0;  list-style-type: none; }
#left #nav li { margin: 0; padding: 0; display: block; }
#left #nav li a {
	color: #789FA2;
	font: bold 10px verdana;
	padding: 5px 0 5px 10px;
	margin: 0;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	width: 180px;
	border-bottom: 1px dotted #ccc;
	}
#left #nav li a:hover {color: black; text-decoration: underline;}
#left #nav li a.active {color: black;}
#left #nav li#navHome {display: none;}


/* Search form styles */
form { display: none; }


/* footer */

#footer ul#Credits {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	height: 25px;
}

#footer ul#Credits li {
	display: inline;
	margin: 0;
	padding: 0;
}

#footer ul#Credits li a{
	margin: 0;
	padding: 0;
}

#footer ul#Credits li a:hover {
	text-decoration: underline;
}

#footer ul#Credits li.ezpublish a{
	margin: 0 60px 0 0;
	padding: 0;
	width: 114px;
	height: 40px;
	background: url(../images/poweredbyez.gif) 0 0 no-repeat;
	float: right;
}

#footer ul#Credits li.ezpublish a span{
	display: none;
}

#footer ul#Credits li.DesignIT a{
	margin: 0;
	float: left;
	padding: 0;
	width: 231px;
	height: 35px;
	background: url(../images/webstamp_design_a_build.gif) 0 0 no-repeat;
}

#footer ul#Credits li.DesignIT a span{
	display: none;
}