/***************/
/* General CSS */
/***************/

* {
 margin: 0;
 font-family: Arial, Trebuchet, Tahoma, sans-serif;
 font-size: 12px;
 color: #352809;
}


/*****************/
/* HTML Elements */
/*****************/

div {
 margin: 0 0 0 0;
}

div.divider {
 clear: left;
 margin: 30px auto 30px auto;
 border-top: solid 1px #bdc1ae;
}

div.top {
 margin-top: 20px;
}

h1 {
 font-size: 30px;
 line-height: 30px;
}

h2 {
 font-size: 14px;
 font-weight: bold;
}

.h2 {
 margin: 0;
 padding: 0;
}

p {
 font-size: 14px;
 color: #352809;
 line-height: 23px;
 padding: 0 0 15px 0;
 text-align: left;
}
a {
 color: #836f3f;
 font-weight: bold;
 font-size: 14px;
 text-decoration: none;
}
a:hover {
 color: #352809;
 text-decoration: underline;
}

small, .small {
 font-size: 12px;
 line-height: 17px 
}

.red {
 color: #cb2027;
}

.blue {
 color: #434d89;
}

.bold {
 font-weight: bold;
}

b {
 color: inherit;
}

.thinborder {
 border: solid 1px #a8a47a;
}





/********************/
/* Body and Wrapper */
/********************/

body, #body {
 width: 100%;
 height: 100%;
 padding: 0 0 40px 0;
 background-repeat: repeat-x;
 text-align: left;

 background-color: #795d16;
 background-image: url(/images/bg_olive.jpg);
}

#wrapper {
 width: 100%;
 margin: 0 0 0 0;
 padding: 0;
}








/**********/
/* Header */
/**********/

#header {
 width: 713px;
 height: 141px;
 margin: 0;
 padding: 0;
 background-color: transparent;
}

#header_ccl {
 width: 713px;
 height: 141px;
 float: left;
 background-color: transparent;
 background-image: url(/images/header_logo.gif);
 background-repeat: no-repeat;
}
#header_ccl a {
 display: block;
 width: 635px;
 height: 141px;
 margin: 0;
 padding: 0;
 
}

 

/***********/
/* Content */
/***********/

#content_wrapper {
 width: 860px;
 height: 552px;
 margin: 0;
 text-align: center;
}

.content {
 float: left;
 width: 650px; 
 height: 525px;
 text-align: left;
 margin: 0;
 padding: 25px 85px 0 55px;
 background-color: #e4e9ce;
}

#content_home_1, #content_home_2 {
 float: left;
 width: 650px;
 height: 550px;
 text-align: left;
 margin: 0 0 0 0;
 padding: 0;
 background-repeat: no-repeat;
}

#customers_imgs_wrapper {
 float: left;
 width: 650px;
 height: 396px;
 margin: 0 0 0 0;
 padding: 0;
 background-color: #fff;
}
#customers_img_1 {
 float: left;
 width: 650px;
 height: 396px;
 margin: 0 0 0 0;
 padding: 0;
 background-repeat: no-repeat;
}
#customers_img_1 {
}

.nopadding {
 height: 550px;
 padding: 0;
}

.content_inner {
 float: left;
 padding: 25px 0 0 30px;
 width: 400px;
}
.content_inner a {
 display: block;
}
.content_restaurants {
 float: left;
 font-weight: 300;
 width: 510px; 
 height: 545px;
 text-align: left;
 line-height: 15px;
 margin: 0 0 0 0;
 padding: 5px 85px 0 55px;
 background-color: #e4e9ce;
}

.content_restaurants a img {
 border: solid 1px #a8a47a;
}
.content_restaurants a {
 color: #352809;
 font-size: 11px;
 text-decoration: none;
}
.content_restaurants a:hover {
 color: #000;
 text-decoration: underline;
}







/**********/
/* Navbar */ 
/**********/ 
 
#rightsection {
 position: absolute;
 top: 141px;
 left: 563px;
 width: 296px;
 height: 552px;
 background-color: transparent;
 background-repeat: no-repeat;
}
 
#navbar_bg { 
 position: absolute; 
 top: 652px; 
 left: 0px; 
 width: 660px; 
 height: 40px; 
 padding: 0; 
 background-color: transparent; 
 background-image: url(/images/navbar.png); 
 background-repeat: no-repeat; 
} 
#navbar { 
 position: absolute; 
 top: 652px; 
 left: 0px; 
 float: left; 
 width: 660px; 
 height: 40px; 
 padding: 0; 
 background-color: transparent; 
 text-align: left; 
} 
 
#navbar a { 
 float: left; 
 height: 27px; 
 margin: 5px 0 0 0;
 padding: 0; 
 text-align: left; 
} 
 
#navbar a#navbar_home { 
 width: 54px; 
 margin-left: 38px; 
} 
#navbar a#navbar_aboutus { 
 width: 92px; 
 margin-left: 16px; 
} 
#navbar a#navbar_press { 
 width: 61px; 
 margin-left: 21px; 
} 
#navbar a#navbar_customers { 
 width: 154px; 
 margin-left: 20px; 
} 
#navbar a#navbar_recipes { 
 width: 78px; 
 margin-left: 21px; 
} 

/*********************/
/* Modules and Boxes */
/*********************/

.boxmodule {
 margin: 0;
 padding: 45px 25px 0 25px;
 background-color: transparent;
 background-repeat: no-repeat;
 line-height: 1.3em;
}
.boxmodule, .boxmodule p {
 text-align: left;
 color: #fff;
}
.boxmodule p {
 padding: 15px 0 0 0;
}
.boxmodule a, .boxmodule a:hover {
 float: right;
 margin: 5px 0 0 0;
 color: #1a1851;
}
.boxmodule a {
 text-decoration: none;
}
.boxmodule a:hover {
 text-decoration: underline;
}
.boxmodule ul {
 margin: 0;
 padding: 15px 0 0 0;
}
.boxmodule li {
 margin: 0 0 10px 0;
 padding: 0;
 list-style-position: inside;
}
.boxmodule ul li a, .boxmodule ul li a:hover {
 float: none;
 margin: 0;
}

.newsmodule {
 width: 245px;
 height: 185px;
 margin-bottom: 12px;
 background-image: url(/images/newsmodule_bg.jpg);
}

ul.news {
 margin: 0;
 padding: 15px 0 0 0;
 height: 125px;
 overflow: hidden;
}
ul.news li {
 height: 6px;
 overflow: hidden;
 margin: 0 0 5px 0;
 padding: 0 10px 10px 0;
 white-space: nowrap;
 font-size: 12px;
 line-height: 16px;
}
ul.news li a {
 overflow: hidden;
 margin: 0;
 padding: 0;
}

.invitemodule {
 width: 244px;
 height: 78px;
 padding-top: 15px;
 background-image: url(/images/invitemodule_bg.jpg);
}
.invitemodule .submit_orange {
 margin-top: 9px;
}

.alexandermodule {
 width: 193px;
 height: 187px;
 margin-bottom: 11px;
 padding-right: 195px;
 background-image: url(/images/alexandermodule_bg.jpg);
}

.donationsraisedmodule {
 width: 353px;
 height: 75px;
 padding-top: 25px;
 padding-right: 35px;
 background-image: url(/images/donationsraisedmodule_bg.jpg);
}














/********************/
/* Forms and Inputs */
/********************/

form {
 margin: 0 0 0 0;
 padding: 20px 0 0 0;
}

form fieldset {
 padding: 10px;
 border: solid 1px #bbbbcc;
}

form div {
 clear: both;
 width: 304px;
 margin: 0 0 5px 0; /* This appear to affect only IE */
 padding: 0;
}
form#contact div {
 width: 454px;
}
form#apply fieldset div {
 width: 100%;
}

input, label, span.example {
 float: left;
 margin: 0;
 padding: 0;
}

label {
 clear: left;
 width: 100px;
 margin: 2px 0 0 0;
}

input {
 width: 200px;
 margin: 0 0 5px 0; /* This appears to affect all browsers other than IE */
}

input.checkbox {
 clear: left;
 width: 15px;
 margin-right: 5px;
}

input.submit, input.submit_orange {
 float: right;
 height: 30px;
 margin: 0 0 0 10px;
 padding-left: 10px;
 padding-right: 10px;
 border-top: solid 1px #fff;
 border-right: solid 1px #ccc;
 border-bottom: solid 1px #ccc;
 border-left: solid 1px #fff;
 background-color: transparent;
 background-repeat: repeat-x;
 background-position: 0px 0px;
 cursor: pointer;
}

input.submit {
 background-image: url(/images/button_bg.gif);
 color: #ffda56;
}
input.submit_orange {
 background-image: url(/images/button_bg_orange.gif);
 color: #434d89;
 font-weight: bold;
}

input.small {
 height: 25px;
 margin: 3px 0 0 0;
 background-position: 0px -2px;
}

input.unhighlight {
 color: #ccac45;
}

textarea {
 width: 450px;
 line-height: 1.25em;
 height: 6.25em;
}

.invalid {
 background-color: #ef7975;
}

span.example {
 clear: none;
 margin: 0 0 0 5px;
 font-size: 11px;
 font-style: italic;
}

form#apply textarea {
 clear: both;
 float: none;
 width: 450px;
 line-height: 1.25em;
 height: 6.25em;
}











/************************/
/* Standardized outputs */
/************************/

div.error, div.notice, div.response {
 position: relative;
 width: auto;
 background-position: 30px 50%;
 background-repeat: no-repeat;
 border: solid 1px #666;
 padding: 3px 60px 3px 60px;
 margin: auto auto 10px auto;
 color: #fff;
 font-size: 12px;
 font-weight: bold;
}

div.error p, div.notice p {
 padding: 0px;
 margin: 3px;
}

div.error {
 background-color: #F00A00;
 background-image: url(/admin/images/icon_error.gif);
}
div.notice {
 background-color: #FFD800;
 background-image: url(/admin/images/icon_notice.gif);
 color: #000;
}
div.response {
 background-color: #009900;
 background-image: url(/admin/images/icon_success.gif);
 color: #fff;
}

div.response p {
 padding: 0px;
 margin: 3px;
}

.invalid {
 background-color: #ef7975;
}

.printonly {
 display: none;
}







/**********/
/* Footer */
/**********/

#footer {
 float: left;
 width: 660px;
 height: 20px;
 margin: 0;
 padding: 20px 0 0 25px;
 text-align: left;
 color: #b89c59;
}

#footer, #footer a {
 color: #b89c59;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 1px;
}
#footer a:hover {
 color: #ffda56;
 text-decoration: underline;
}





/***********/
/* Credits */
/***********/

#credits {
 padding-bottom: 20px;
}

#credits, #credits a {
 clear: left;
 float: left;
 width: auto;
 height: 50px;
 margin: 0;
 padding: 0 0 0 25px;
 text-align: center;
 color: #5c4711;
 font-size: 9px;
 font-weight: normal;
 text-decoration: none;
 letter-spacing: 4px;
}

#credits a {
 padding: 5px 0 5px 0;
}

#credits a:hover {
 color: #ffda56;
}