/**
 * $Id$
 * Website Baker template: simple
 * 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,td,th,p,div,span {
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	font-size: 11px;
	
	scrollbar-face-color: #DCDCDC;
	scrollbar-highlight-color: #FCFCFC;
	scrollbar-3dlight-color: #FCFCFC;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-arrow-color: #FF0000;
	scrollbar-track-color: #FCFCFC;

}
td,th,p,div,span {
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	font-size: 11px;
}
body {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	height: 100%;
	text-align: center;
	overflow-x: hidden;
	background: url(images/bg.gif) no-repeat center -200px;
	background-color: #f2f2f2;
}
a:link, a:visited, a:active {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #e70000;
	text-decoration: none;
}
a.menu-current:link, a.menu-current:visited, a.menu-current:active {
	color: #e70000;
	font-weight: bold;
	text-decoration: none;
}
a.menu-current:hover {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

form {
	margin: 0;
}
h1, h2, h3, h4, h5 {
	margin: 5px 0px 5px 0px;
}
h1{
	font-size: 1.3em;
	font-variant:small-caps;
}


#wrapper{
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	
}
#innerwrapper{
	width: 1000px;
	/*width: 100%;*/
	height: 100%;
	margin: auto;
	margin-top: 26px;
	text-align: left;
	background-color: #fff;
}
*html #innerwrapper{
	width: 700px;
}
#header{
	width: 988px;
	height: 62px;
	
	text-align: center;
	background-color: black;
	clear: both;
	padding: 6px;
}
#lan, #lan a:link, #lan a:active, #lan a:visited, #lan a:hover{
	float: right;
	color: #e70000;
	text-decoration: none;
}
#nav{
	width: 100%;
	margin: auto;
	height: 30px;
	
	padding: 6px 65px 6px 65px;
	text-align: center;
}
#nav ul{
	display: block;
	margin: auto;
	margin-left: -10px;
	/*width: 60em;*/

	padding: 0px;
}
#nav li{
	display: block;
	float: left;
}
#nav a:link, #nav a:active, #nav a:visited, #nav a:hover{
	display: block;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0.02em;
	font-size: 13px;
}
#nav a.menu-current:link, #nav a.menu-current:active, #nav a.menu-current:visited, #nav a.menu-current:hover,
#nav a.menu-parent:link, #nav a.menu-parent:active, #nav a.menu-parent:visited, #nav a.menu-parent:hover{
	color: #e70000;
}

#col2 li a:link, #col2 li a:active, #col2 li a:visited, #col2 li a:hover{
	display: block;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	font-weight: normal;
	
}
#col2 li a.menu-current:link, #col2 li a.menu-current:active, #col2 li a.menu-current:visited, #col2 li a.menu-current:hover,
#col2 li a.menu-parent:link, #col2 li a.menu-parent:active, #col2 li a.menu-parent:visited, #col2 li a.menu-parent:hover{
	color: #e70000;
}
#col2 ul{
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 5px;
}
#col2 li{
	font-size: 11px;
	list-style-image: url(images/bullet.gif);
	border-bottom: 1px solid #ccc;
}



#main{
	width: 910px;
	margin: auto;
		
	padding: 30px 5px 0px 65px;
	margin-top: 0px;
}
#row1, #col1, #col2, #col3, #row2 {
	height: auto;
	float: left;
	overflow: auto;
	padding-right: 10px;
	
}
#col1, #col2, #col3 {
	overflow-x: hidden;
	height: 100%;
}
#row1{
	width: 100%;
}
#col1{
	width: 400px;
}
#col2{
	width: 280px;
	margin-left: 15px;
}
#col3{
	width: 160px;
	margin-left: 15px;
}
#row2{
	margin-top: -60px;
	width: 100%;
}
#bottom{
	width: 976px;
	height: 44px;
	
	text-align: center;
	background-color: black;
	clear: both;
	padding: 12px;
	
	margin-top: 15px;
	font-size: 32px;
	color: white;
	padding-top: 18px;
}
#bottom p, #bottom th, #bottom span, #bottom div{
	margin: 0px;
	padding: 0px;
	font-size: 32px;
	color: white;
}
#footer{
	text-align: center;
	width: 988px;
	margin: auto;
	padding: 6px;
	font-weight: bold;
	height: 30px;
	bottom: 45px;
	letter-spacing: 0.1em;
	background-color: #f2f2f2;
}

.rot{
	color: #e30115;
}