/**
 * $Id$
 * Website Baker template: allcss
 * This template is one of four basis templates distributed with Website Baker.
 * Feel free to modify or build up on this template.
 *
 * This file contains all CSS definitions required to display the template
 * in the Website Baker frontend. 
 *
 * LICENSE: GNU General Public License
 * 
 * @author     Ryan Djurovich, C. Sommer
 * @copyright  GNU General Public License
 * @license    http://www.gnu.org/licenses/gpl.html
 * @version    2.70
 * @platform   Website Baker 2.7
 *
 * Website Baker is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * Website Baker is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
*/

body {
margin:0;
padding:0;
font-family: Arial, Sans-Serif;
font-size: 12px;
color: #6F6F6F;
}

#wrapper {
width: 987px;
margin: 0 auto;
}

#header {
background-image: url('images/header.jpg');
width: 987px;
height: 130px;
}

#header a {
display: block;
width: 987px;
height: 130px;
}

#menubar {
background-image:url(images/menubar.jpg);
height:59px;
padding-left:20px;
width:967px;
}

#footer {
background-image:url(images/menubar.jpg);
height:37px;
padding-left:20px;
padding-top:22px;
width:967px;
}

#footer {
text-align: center;
}

#menubar ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#menubar ul li {
width: auto;
float: left;
padding-right: 3px;
}

#menubar ul li span a {
color: #fff;
text-decoration: none;
font-weight: bold;
display: inline-block;
height:37px;
padding-left:0px;
padding-right:10px;
padding-top:22px;
text-align:center;
}

#menubar ul li span {
display: inline-block;
height: 59px;
padding-left: 12px;
}

#menubar ul li span a.menu_current {
background-image: url('images/menubar_hover.jpg');
background-position: right top;
}

#menubar ul li span.menu_current {
background-image: url('images/menubar_hover_left.jpg');
background-position: left top;
}

#content {
background-image:url(images/bg.jpg);
background-position:center top;
background-repeat:no-repeat;
height:auto !important;
min-height:500px;
padding-left:20px;
padding-right:20px;
padding-top:25px;
width:947px;
}

#block {
background-image:url(images/block_bg.jpg);
width: 280px;
float: left;
}

#block_top {
background-image:url(images/block_top.jpg);
width: 280px;
height: 35px;
}

#block_main {
background-image:url(images/block_bottom.jpg);
background-position: center bottom;
background-repeat: no-repeat;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
width:250px;
height: 35px;
min-height:399px;
height:auto !important;
height:399px;
}

#block_main h2 {
color: #30727E;
margin: 0;
padding: 0;
}

#main {
float:left;
width:655px;
padding-top:9px;
}

.textfield, .email, .textarea, .captcha {
background-image:url(images/field.jpg);
background-position:50% 50%;
border-color:#7F7F7F #D4D0C8 #D4D0C8 #7F7F7F;
border-style:solid;
border-width:1px;
font-size:12px;
height:18px;
}

.textarea {
background-image: none;
background-color: #F8F8F8;
height: auto;
}

.submit  {
background-image:url(images/buttons.gif);
background-repeat:no-repeat;
border:medium none;
height:23px;
margin:2px;
width:115px;
}

.submit:hover {
background-position:0 -23px;
}

.submit:active {
background-position:0 -46px;
}


.done {
font-weight: bold;
text-align: center;
color: #009F16;
margin: 0 auto 8px auto;
}