/* Standard font family for site */

body, table, tr, td, a, p, h1, h2, h3, h4, h5
{
  font-family: Helvetica, Arial, sans-serif;
}


/* Page body style */

body
{
	margin: 0;
	padding: 0;
  color: #231f20;
	background: #2b8672;
  line-height: 1.0em;
}

html, body
{
	height: 100%;
}


/* Standard paragraph style */

p, ul, ol
{
	font-size: 0.8em;
	margin-top: 0;
	margin-bottom: 18px;
}

ul ul, ul ol, ol ul, ol ol
{
  font-size: 1em;
  margin-bottom: 1em;
}

ul
{
  list-style-type: square;
}


/* Standard list item style */

li
{
  margin-bottom: 1em;
}


/* Links */

a:link, a:active
{
	color: #739eb8;
	background-color: inherit;
	font-size: 1.0em;
}

a:visited
{
	color: #855ba4;
	background-color: inherit;
	font-size: 1.0em;
}

a:hover
{
  text-decoration: none;
}


a.back:before
{
  content: "More ";
}


/* Headings */

h1
{
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 0;
	padding-top: 0;
  color: #409986;
}

h2
{
	font-weight: bold;
	font-size: 0.9em;
	margin-top: 26px;
  color: #409986;
}

h3
{
	font-weight: bold;
	font-size: 0.8em;
	margin-top: 18px;
}

body#home h1 {
  padding-top: 10px;
}


/* Logo */

#logo
{
  position: absolute;
  z-index: 3;
	padding-top: 10px;
	padding-left: 30px;
}

/* Menu */

ul#menu
{
  list-style: none;
  width: 720px;
  padding: 8px 0 6px 30px;
  margin: 0;
  background: #855ba4 url(../images/menu_bg.gif) repeat-x 0 0;
}

ul#menu li
{
  display: inline;
  text-transform: lowercase;
  padding: 0 16px 0 21px;
  margin: 0;
  background: transparent url(../images/menu_separator.gif) no-repeat left 45%;
}

ul#menu li, ul#menu li a
{
  color: #fff;
  text-decoration: none;
}

ul#menu > li:first-child
{
  padding-left: 0;
  background-image: none;
}


/* Container for page */

#container
{
	margin: 15px auto 0 auto;
	position: relative;
	width: 750px;
}


/* Page header area */

#page-header
{
	background: transparent url(../images/header_bg.jpg) no-repeat right 0;
	width: 750px;
	height: 82px;
}


/* Page footer area */

#page-footer
{
	width: 750px;
	margin: 0 auto 20px auto;
  padding-bottom: 15px;
}

#page-footer-content
{
  width: 100%;
	margin: 0;
	padding: 0;
  color: #FFFFFF;
  background: #845AA4 url(../images/menu_bg.gif) repeat-x 0 0;
}

#page-footer-content p
{
  padding: 7px 0 5px 28px;
  margin: 0 0 0 30px;
	margin-right: 30px;
  font-size: 0.75em;
  background: transparent url(../images/yin-yang.png) no-repeat left 45%;
}

#page-footer-content a:link, #page-footer-content a:active, #page-footer-content a:visited
{
  color: #fff;
}


/* Page body (menu + content) */

#page-body
{ 
  width: 750px;
  background-color: #fff;
}


/* Page content area */

#page-content
{ 
  float: left;
  width: 690px;
	padding: 20px 30px 0 30px;
}


/* Standard images */

img
{
	border: none;
}

img.heart
{
  float: left; 
  width: 20px; 
  height: 20px; 
  padding: 5px 5px 2px 1px;
}

/* Main page boxes style */

.main-box-photo
{
  float: left;
  width: 127px;
}

.main-box-photo img
{
  width: 127px;
  height: 114px;
}

.main-box-rightcol
{
  margin-left: 60px;
}

.main-box-text
{
  float: left;
  width: 178px;
  margin-left: 10px;
  font-size: 0.9em;
}

.main-box-text h2
{
  margin-top: 4px;
  margin-bottom: 12px;
}

.main-box-text h2 a
{
  color: #409986;
  text-decoration: none;
}

.main-box-text a
{
  font-weight: bold;
}

/* Main page body text */

.main-body
{
  background: transparent url(../images/rule_bg.gif) no-repeat top center;
  width: 690px;
  padding: 15px 100px 0 0;
}

#main-left
{
  float: left;
  width: 320px;
  margin-right: 50px;
}

#main-right
{
  float: left;
  width: 320px;
}


/* Sub-page left column */

#leftcol-sub
{
  float: left;
  width: 220px;
  margin-right: 30px;
  padding-top: 20px;
}

/* Sub-page right column */

#rightcol-sub
{
  float: left;
  width: 440px;
  padding-top: 20px;
}

/* Clearing element */

.clear
{
  position: relative; clear: both; height: 1px; line-height: 1px;
}

/* Forms  */

form {
  width: 440px;
}

.row {
  clear: both;
}

.buttons {
  margin-left: 130px;
}

.req {
  font-weight: bold;
  color: #000000;
}

label {
  float: left;
  color: #409986;
  width: 130px;
  margin-top: 5px;
  text-transform: uppercase;
}

.note {
  text-align: right;
  color: #409986;
  font-style: italic;
}

.formfield {
  float: left;
  width: 305px;
  margin-top: 0.5em;
}

input.text, textarea {
  background-color: #FFFFFF;
  width: 305px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 110%;
  color: #231f20;
}

input.text:focus, textarea:focus {
  background-color: #ddeadc;
}

textarea {
  height: 10em;
  line-height: 120%;
}

.button {
  background-color: #409986;
  color: #FFFFFF;
  text-transform: uppercase;
}

/* --------------------------------------------*/
/* ------------- Styles for tinyMCE -----------*/
/* --------------------------------------------*/

.mceContentBody {
   background-color: #FFF;
   background-image: none;
   padding: 2px;
   font-size: 1em;
}

.mceContentBody a {
	color: #739eb8 !important;
}