/* ----------------------------------------
Site Name: The Lost Crusade: 2009 Mongolia Charity Rally
Author: Randall Tate
Author URL: http://www.randalltate.com/rally
--------------------------------------------*/
/*--General Styles--*/
body {
       padding: 0;
       margin: 0;
       background:  #fff url(images/content-back.gif) repeat-y center;
       text-align: center;
       font-size: 90%;
       color: #333;
}
h4, p, address, body {
       font-family: Arial, Helvetica, sans-serif;
 }
p {
       font-size: 1em;
       line-height: 130%;
}
address {
       font-size: 1em;
       color: #666;
       margin: 0;
       padding: 0;
       text-align: left;
}
h1 {
       height: 0;
       width: 0;
       overflow: hidden;
       position: absolute;
       }
h2 {
       background:  #333;
       color: #fff;
       font: 1.4em "Century Gothic", Arial, Helvetica, sans-serif;
       text-align: left;
       padding: 5px 10px;
       margin-top: 0px;
}
h2 a {
       color: #fff;
       text-decoration: none;
}
h2 a:hover {
       color: #fff;
       text-decoration: underline;
}
h3 {
       font: 1.6em "Century Gothic", Arial, Helvetica, sans-serif;
       color: #666;
       padding: 0;
       margin: 0;
}
h4 {
       font-size: 1em;
}
a {
       color:  #1A92C6;
       text-decoration: underline;
}
a:hover {
       color: #1A92C6;
       text-decoration: none;
}
img {
       border: none;
}
input, textarea {
       border: 1px solid #ccc;
       background: #fff;
}
.submit {
       margin: 10px;
}
.clr {
       clear: both;
}
.floatleft, .floatright {
       margin: 10px;
}
.floatleft {
       float:left;
}
.floatright {
       float: right;
}
.caption {
       font-size: .8em;
       width: 140px;
}
.small {
       font-size: .8em;
}
blockquote {
       margin: 10px;
}
/*--Layout Styles--*/
#bar {
       background: url(images/menu-back.gif) repeat-x;
       height: 43px;
       overflow: hidden;
}
#wrapper {
       width: 750px;
       margin-left: auto;
       margin-right: auto;
       text-align: center;
}
#header {
       height: 152px;
       margin-top: 10px;
       margin-bottom: 10px;
}
/*--Middle Area Boxes--*/
#middle {
       background:  #eee;
       padding: 0;
       margin: 0;
       text-align: left;
       height: auto!important;
       height: 1px;
}
#middle p {
       margin: 10px;
       text-align: left;
}
#middleleft {
       float: left;
       width: 49%;
}
#middleleft ol {
       padding: 20px 0px 0px 10px;
       margin: 0;
       width: 95%;
}
#middleleft li {
       height: 45px;
       list-style-type: none;
}
#middleleft dl {
       margin: 5px;
}
#middleleft dt {
       padding-left: 35px;
       margin: 5px;
       font-weight: bold;
       height: 23px;
       white-space: nowrap;
}
#middleleft dd {
       font-size: .9em;
}
#middleleft span {
       padding-left: 35px;
       display: block;
       height: 23px;
       padding-top:3px;
       border-bottom: 1px dotted #CCCCCC;
}
#middleright {
       text-align: right;
}

/*--The Lost Crusade--*/
#main .floatleft {
      border: 1px solid #333;
      margin-right: 20px;
}
#about-us #middleleft {
     padding-left: 10px;
}
#about-us #middleleft p {
     margin: 0 0 10px 0;
}
#about-us #middleright {
      float: right;
      width: 49%;
}
#about-us ul {
      margin: 0 0 10px 0;
      padding: 0;
}
#about-us li {
       margin: 0 0 0 0;
       padding: 0px 0px 0 15px;
       list-style: none;
       height: auto;
}
#team {
       text-align: left;
       padding: 0 10px 10px 10px;
}
#about-us h4 {
       text-align: left;
       font-size: 1.1em;
       margin: 0 0 10px 0;
       padding: 0;
}
#team dl {
       margin: 0;
       padding: 0;
}
#team dt {
       margin: 0;
       font-weight: bold;
       padding: 5px 0px 0px 15px;
}
#team dd {
       margin-left: 15px;
}
/*--Services--*/
#services {
       padding-bottom: 5px;
}
#services ul {
       list-style: none;
}
#services li a {
       padding-left: 15px;
}

/*--Arrows--*/
#tourarrow {
       padding-top: 10px;
       text-align: center;
   float: right;
   width: 50%;
}
#contactarrow {
       text-align: left;
       padding-top: 20px;
}
#cake {
       height: 320px;
       text-align: center;
}
/*--Home Page--*/
#home1 {
       text-align: center;
}
#home1 p {
       font: 2.8em "Century Gothic", Arial, Helvetica, sans-serif;
       color: #666;
       line-height: 100%;
       text-align: center;
       padding: 20px 0px;
}
#middle-home {
       background:  #eee;
       margin: 0 0 10px 0;
       text-align: left;
       height: auto!important;
       height: 1px;
       padding: 10px;
}
#news {
       float: right;
       background: #f3f6f7 url(images/thumb.jpg) no-repeat left 208px;
       width: 343px;
       padding: 10px;
}
#news h3 {
       border-bottom: 1px solid #ccc;
}
#news h4 {
       font-family: Century Gothic, Arial, Helvetica, sans-serif;
       font-weight: normal;
       font-size: 17px;
       margin: 0 0 25px 0;
       float: right;
       padding: 0;
}
#news h4 a {
       color: #333;
}
.news-box {
       height: 130px;
       padding: 0 0 10px 10px;
       background: url(images/news-box-back.gif) repeat-x bottom;
       margin-top: 21px;
}
.news-box p {
       padding: 0 10px 10px 0;
       font-size: 13px;
       margin: 25px 0 0 0;
 clear: right;
}
.news-box img {
       float: left;
       margin-right: 10px;
}
.news-box a {
       color: #893332;
       text-decoration: none;
}
.news-box a:hover {
       text-decoration: underline;
}
#home-left {
       background: url(images/home-left-back.jpg) repeat-y left top;
       color: #fff;
       font-size: 1em;
}
#home-left h3 {
       margin: 10px 0 0 10px;
       font-size: 1.2em;
       color: #fff;
}
#home-left ul {
       margin: 10px 0;
       padding: 0;
       list-style: none;
}
#home-left li {
       padding-left: 15px;
       margin: 0 0 0 10px;
       background: url(images/arrow.gif) no-repeat left center;
}
#home-left a {
       color: #86cfef;
       text-decoration: none;
}
#home-left a:hover {
       color: #86cfef;
       text-decoration: underline;
}
.home-divider {
       background: url(images/home-left-divider.gif) repeat-x;
       height: 2px;
       display: block;
}
#home-left form {
       margin: 0;
       padding: 0;
       font-size: 1em;
       padding-bottom: 10px;
}
#home-left form textarea {
       width: 220px;
       height: 50px;
}
#home-left form fieldset {
       border:none;
       margin: 0;
       padding: 0;
}
#home-left form legend {
       display: none;
}
#home-left form p {
       margin: 5px 0 0 0;
}
#home-left label {
        width: 7em;
       float: left;
       text-align: right;
       margin-right: 0.5em;
       display: block;
}
#home-left form input, #home-left form textarea {
        margin-left: 1.5em;

}
#home-left .zemSubmit {
       margin: 10px 0 0 300px;
}


/*--Bottom Boxes--*/
.left, .right {
       text-align: left;
       padding: 0;
       margin: 0;
}
.left {
       float: left;
       width: 50%;
}
#boxleft, #boxright {
       background:  #4B4B4B;
       height: 140px;
       width: 368px;
       border: 1px solid #333;
       overflow: hidden;
}
#boxleft {
       margin: 0px 5px 10px 0px;
}
#featured {
   background: url(../images/featured.jpg) no-repeat left bottom;
   padding-left: 50%;
   height: 132px;
}
#boxright {
       margin: 0px 0px 10px 5px;
}
#boxleft img {
       float: left;
       margin-right: 5px;
}
#boxleft h4 {
       color: #fff;
       font-size: 1em;
       margin: 10px;
       font-weight: bold;
}
#boxleft p {
       line-height: 100%;
       color: #fff;
       font-size: 0.9em;
       margin: 0px 5px 5px;
}
#boxleft blockquote {
       color: #fff;
       font-size: 1em;
       margin: 10px;
}
#boxright ul, #boxleft ul {
       margin: 0;
       padding: 10px 30px;
       list-style: none;
}
#boxright li, #boxleft li {
       list-style: url(images/arrow.gif);
}
#boxleft a, #boxright a {
       color: #86cfef;
       text-decoration: none;
}
#boxleft a:hover, #boxright a:hover {
       color: #86cfef;
       text-decoration: underline;
}
#footer {
       width: 100%;
       text-align: center;
       font-size: 0.9em;
}
/*--Top Navigation--*/
#menu {
       padding: 19px 0px 5px 5px;
       width: 750px;
       margin-left: auto;
       margin-right: auto;
       text-align: center;
       background-position: 0 15px;
}
#menu ul {
       margin: 0;
       padding: 0;
       list-style: none;
}
#menu li {
       margin: 0;
       padding: 0;
       display: inline;
       list-style: none;
}
#menu a {
       text-transform: uppercase;
       color: #fff;
       font: 1em "Century Gothic", Arial, Helvetica, sans-serif;
       text-decoration: none;
       line-height: 18px;
       height: 35px;
       padding: 8px 5px;
}
#menu a:hover {
       background: #7f2013 url(images/menu-hover.gif) repeat-x;
}
#menu .active {
       background: #7f2013 url(images/menu-hover.gif) repeat-x;
}