/* ------------------------------------------------------------
 * Global Styles
 * Changes to this document will apply to the entire site
 ------------------------------------------------------------ */
* {
 padding: 0;
 margin: 0;
}
body {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #666666;
background-color: #688b9a;
font-size: 11px;
}

a {
	color: #1081b9; /* the color of the right angle quote */ /*changed*/
	text-decoration: none;
}
a:hover {
	/*background: transparent; /* needed for IE to allow hover on sub elements */
	text-decoration: underline;
}
a:hover span {
	text-decoration: underline;
}
h1 {
	font-size: medium; /*feed to IE 5.5*/
	f\ont-size: large; /*feed to compliant browsers*/
}
h2 {
	font-size: small; /*feed to IE 5.5*/
	f\ont-size: medium; /*feed to compliant browsers*/
	font-weight: bold;
}
h3 {
	font-size: x-small; /*feed to IE 5.5*/
	f\ont-size: small; /*feed to compliant browsers*/
	text-transform: uppercase;
}
h3 img { /* TEMP HACK FIX */
	margin: 3px 0 2px 0;
}
h4, h5, h6 {
	font-size: xx-small; /*feed to IE 5.5*/
	f\ont-size: x-small; /*feed to compliant browsers*/
	text-transform: uppercase;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

/* ------------------------ Start Images -----------------*/
img {
 	display: inline;
}
img.block {
 display: block;
}
img.float {
 float: left;
 margin: 0px 14px 10px 0px;
}
/* ------------------------ End Images -----------------*/


/* Our outer div */
#container, .container {
  width: 785px;
  margin: 0 auto;	
  background-image: url(images/container_bg.png) repeat-y;
	background: #E5E5E5;
  text-align: left; /* Recover from hack */
	voice-family: "\"}\""; /* Tantek's Box Model Hack: http://www.tantek.com/CSS/Examples/boxmodelhack.html*/
	voice-family: inherit;
	width: 785px;
}
html>body #container { /* Be nice to Opera 5 */
	width: 785px;
}
* html #container {height:40px} /* IE Min-Height Hack */

/* Used to clear the floats: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */
/* This gets applied to the clearing div added to #domfix via the Javascript fix for IE/Mac */
.mac-clearfix {
	clear:both;
	height:0;
	overflow:hidden;
}


/* ------------------------ Start Header -----------------*/
.header {
 margin: 2px 0px 0px 0px;
}
* html #header {height:40px} /* IE Min-Height Hack */

/* ------------------------ End Header -----------------*/


/* ------------------------ Start Navigation Bar -----------------*/
#nav-bar {
 color: #fff;
 font-weight: bold;
 margin: 0px 0px 0px 0px;
 background-image: url(images/menu.jpg);
 background-repeat: repeat-x;
 width: 480px;
 height: 50px;
 padding: 0px 0px 0px 0px;
}

* html #nav-bar {height:50px} /* IE Min-Height Hack */

/* ------------------------ End Navigation Bar -----------------*/


/* ------------------------------------------------------------
 * 2 column layout styles
------------------------------------------------------------ */

#content { /* The content section */
	width: 485px;
	float: right;
	margin: 5px 0px 0px 0px;
	min-height: 40px;
}
* html #content {height:40px} /* IE Min-Height Hack */
/* ------------------------ End Left Columns -----------------*/

#sidebar { /* The sidebar */
	margin: 5px 0px 0px 0px;
  width: 300px;
	float: left;
	min-height: 40px;
}
* html #sidebar {height:40px} /* IE Min-Height Hack */
/* ------------------------ End Left Columns -----------------*/



#content {
	line-height: 1.4em;
}
#wrap { /* content wrapper */
	margin-left: 10px;
}
#content .intro {
	font-size: 100%;
   font-weight: bold;
	line-height: 1.6em;
}
/* Sidebar styles */
#sidebar h4 {
	font-size: 100%;
	margin-bottom: 0;
}







/* ------------------------------------------------------------  1 column layout styles------------------------------------------------------------ */

#fullcontent { /* The content section */
	width: 785px;
	float: right;
	margin: 5px 0px 0px 0px;
	min-height: 40px;
}
* html #fullcontent {height:40px} /* IE Min-Height Hack */

#fullcontent {
	line-height: 1.4em;
}

#fullcontent .intro {
	font-size: 100%;
   font-weight: bold;
	line-height: 1.6em;
}

/* ------------------------------------------------------------  content box styles------------------------------------------------------------ */
 /* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(images/greenbody_r.jpg) no-repeat right bottom;
	font-size: 100%;
}
.boxhead {
	background: url(images/greenhead_r.jpg) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead h2 {
	background: url(images/greenhead_l.jpg) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(images/greenbody_l.jpg) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}



/* ------------------------ Footer Styles -----------------*/



/* The footer styles, basic stuff here */
#footer {
	color: #fff;
	width: 758px;
	height: 167px;
	background: url(images/bottom.gif) no-repeat bottom; /* bottom.gif is larger (taller) than necessary, to allow text to resize */
	line-height: 2.2em;
   text-align: center;
	margin: 0 auto;
	padding: 5px 30px;
	voice-family: "\"}\""; /* Tantek's Box Model Hack: http://www.tantek.com/CSS/Examples/boxmodelhack.html */
	voice-family: inherit;
	width: 698px;
}
html>body #footer { /* Be nice to Opera 5 */
	width: 698px;
}
#footer a { /* Set up our footer links */
	color: #fff;
	font-weight: normal;
	font-size: xx-small; /*feed to IE 5.5*/
	f\ont-size: x-small; /*feed to compliant browsers*/
}
#footer a:hover {
	text-decoration: underline;
}