/* 
	Reset styles via:
	http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }

body { line-height: 1.4; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0; }

body, td, th {
	/* Suggested arial font list */
	font-size: 62.5%;
	font-family: "Helvetica Neue", arial, helvetica, sans-serif; }

/* Keep superscript tags from breaking line-height */
sup {
	font-size: smaller;
	vertical-align: baseline;
	position: relative;
	bottom: 0.33em; }

/* From simplebits, use the prettiest ampersand possible */
span.amp {
	font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style: italic;
	font-size: 110%;  }

.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;  }
.clearfix { display:inline-block; }
* html .clearfix { height: 1px; }

body {
	text-align: center;
	background: #fff; }

#frame {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	background: #fff url(../images/shadow.gif) repeat-y; }

#header {
  height: 376px;
  background: url(../images/header.jpg) no-repeat;
  position: relative; }
  #header h1 {
    display: none; }
  #header p {
    position: absolute;
    right: 20px;
    top: 25px;
    font-size: 1.1em; }
    #header p a {
      font-weight: bold;
      color: #949494; }

#container {
  background: url(../images/content_background.gif) repeat-y; }
  #container .wrapper {
    background: url(../images/content_top.gif) no-repeat; }
	#container .wrapper2 {
    background: url(../images/content_bottom.gif) no-repeat 0 bottom;
    padding: 0 0 25px 0; }

#left {  
  padding: 0 0 0 42px;
  width: 525px;
  float: left;
  display: inline; }
  #left h6 {
    font-size: 1.4em;
    font-weight: bold;
    color: #000;
    padding: 20px 0 25px 0; }
  #left ul {
     }
    #left ul li {
      font-size: 1.2em;
      float: left;
      display: inline;
      width: 240px;
      padding: 0 0 7px 13px;
      background: url(../images/arrow.gif) no-repeat 0 4px; }
      #left ul li a {
	      color: #008066; }

#right {
  width: 130px;
  float: right;
  display: inline;
  padding: 22px 25px 0 0; }
  #right h6 {
    font-size: 1.2em;
    font-weight: bold;
    color: #008168;
    padding: 0 0 15px 0; }
  #right p {
    font-size: 1.3em;
    font-weight: bold;
    color: #000;
    background: url(../images/div.gif) no-repeat;
    padding: 20px 0 0 0; }

#footer {
  height: 130px;
  background: url(../images/footer.gif) no-repeat 0 bottom; }
  #footer p {
    font-size: 1.0em;
    color: #666;
    padding: 15px 0 35px 45px; }
    #footer p.link {
      padding-bottom: 43px;
      font-size: 1.1em; }
		#footer p a {
      font-weight: bold;
      color: #949494; }