/***************************************************************************************************
  Global Block Elements
***************************************************************************************************/
body {
  margin: 0 auto;
  color: #777;
  font: 14px Arial;
  line-height: 24px;
}
#wrapper {
  text-align: center;
}
#container {
  width: 860px;
  /*width: 560px;*/
  margin: 40px auto;
  text-align: left;
}
#logo {
  float: left;
  width: 483px;
  /*width: 333px;*/
  text-align: right;
  margin-bottom: 10px;
}
#logo img {
  
}
.content {
  text-align: left;  
  color: #fff;
  padding: 28px 28px 14px 28px;
}

/***************************************************************************************************
  Navigation
***************************************************************************************************/
#callout-register {
  float: left;
  width: 227px;
  text-align: center;
}
#callout-register a {  
  height: 27px;
  width: 105px;
  display: block;
  padding-top: 3px;
  margin-top: 55px;
  margin-left: 272px;
  /*margin-left: 122px;*/
  background: url(../images/bg-btn-register.gif) top left no-repeat;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
}
#nav-container {
  height: 54px;
  width: 860px;
  /*width: 560px;*/
}
#nav {
  height: 38px;
  font-family: Arial, Verdana, Helvitica, sans-serif;
  font-size: 13px;
  background: #719442 url(../images/bg-nav-bottom.gif) bottom left repeat-x;
}
#nav ul {
  margin: 0 38px;
  padding: 0 0 4px 0;
  list-style-type: none;
}
#nav ul li {
  display: block;
  float: left;
}
#nav ul li:hover,
#nav ul li.on {
  background: url(../images/bg-nav-el-on-left.gif) top left no-repeat;
}
#nav ul li span {
  display: block;
  float: left;
  height: 32px;
  padding: 0 15px;
}
#nav ul li span:hover,
#nav ul li.on span {
  background: url(../images/bg-nav-el-on-right.gif) top right no-repeat;
}
#nav ul li a {
  color: #bfe295;
  text-decoration: none;
  height: 32px;
  line-height: 32px;
}
#footer {
  text-align: center;
  margin-top: 30px;
  border-top: 1px solid #cecece;
  padding-top: 5px;
}
#footer p {
  color: #777;
  font-size: 10px;
}
#footer a span {
  padding: 0 6px;
}
#footer a {
  color: #777;
  text-decoration: none;
  font-size: 10px;
  border-right: 1px solid #b6b6b6;
}
#footer a.last {
  border: none;
}
#footer a.on,
#footer a:hover {
  color: #88b065;
}

/***************************************************************************************************
  Typography
***************************************************************************************************/
h1 {
  margin: 0 0 10px 0;
  font-size: 24px;
  line-height: 32px;
  font-family: 'Arial', 'Tahoma';
}
h2 {
  margin: 0 0 10px 0;
  font-size: 20px;
  line-height: 26px;
  font-family: 'Arial', 'Tahoma';
}
ul {
  margin: 0 0 0 3em;
  padding: 0 0 1em 0;
  list-style: disc;
}
ol {
  margin: 0 0 0 3em;
  padding: 0 0 1em 0;
  list-style: decimal;
}
p {
  padding-bottom: 1em;
}
small {
  font-size: 10px;
  line-height: 14px;
}
xsmall {
  font-size: 9px;
  line-height: 9px;
}

/***************************************************************************************************
  Misc
***************************************************************************************************/
.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/***************************************************************************************************
  Forms
***************************************************************************************************/
input, 
select, 
option {
  font-weight: normal;
  width: 220px;
}
input, 
select {
  margin-right: 10px;
}
textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  width: 450px;
  height: 80px;
}
form label {
  color: #666;
  font-size: 11px;
  line-height: 15px;
  display: block;
  margin-top: 12px;
}

form span.error {
  color: red;
  font-size: 11px;
}
form span.required {
  color: #99cc66;
  line-height: 18px;
}