/**
 * $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,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
body {
	background-color: #18191b;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	margin-bottom: 50px;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
a:link, a:visited, a:active {
	color: #b6d2da;
  text-decoration: none;
}
a:hover {
	color: #d5f4ff;
	text-decoration: none;
}
.nav {
	margin: 0 auto;
	width: 980px;
	padding-top: 10px;
  padding-bottom:10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	height: 55px;
}
.nav a {
	color: #d6dde7;
	padding: 10px;
	margin-right: 10px;
  display:block;
  float:left;
}
.nav a:hover {
	background-color: #46586e;
	color: #FFF;
}
.nav ul {
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.nav li {
	list-style: none;
	list-style-type: none;
	float:left;
	margin: 0px;
	padding: 0px;
}
.nav ul li ul li .menu_default .menu_default {
	display: block;
	width: 200px;
	background-color: #F00;
}
.lang {
	margin: 0 auto;
	width: 980px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	margin-top:20px;
	margin-bottom:20px;
	padding-left: 10px;
}
.lang a {
	color: #d6dde7;
	padding: 5px;
	margin-left: 5px;
}
.lang a:hover {
	background-color: #fff;
	color: #003;
}
.content-container {
	width: 960px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}
.content {
	background-color:#394755;
	padding: 20px;
	width: 920px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;

}
.content-container .content .petition table tbody tr td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}
.content-container .content table tr td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;

}
.left {
	position: absolute;
	width: 700px;
	background-color:#060;
}
.logo-container {
	position: absolute;
	margin-left: 20px;
	width: 350px;
	height: 162px;
	background-color: #000;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	text-align: center;

}
.logo {
	position:absolute;
	height:162px;
	width:350px;
	text-align:center;
	margin-left:20px;
	padding-top: 33px;
}
.share {
	padding-top:15px;
}
.sponsors {
	margin: 0 auto;
  width: 960px;
  padding-top: 5px;
  text-align: right;
}
.sponsors a img {
  margin: 15px;
}
.footer {
	padding: 20px;
	width: 920px;
	margin: 0 auto;
	background-color: #0c0c0d;
	border-top: solid 1px #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #b6d2da;
}
.footer a {
	color: #0044ba;
	margin-left: 3px;
	margin-right: 3px;
}
.footer a:hover {
	text-decoration: underline;
}

/* Easy Slider */
	#slider {
    overflow:hidden;
  }
	.slider-container {
		margin: 0 auto;
		width: 960px;
    overflow:hidden;
	}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
    overflow:hidden;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:300px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		top: 330px;
		}														
	#prevBtn a{  
		margin-left: 790px;
		margin-top: -75px;
		position: absolute;
		padding: 25px;
		background:url(images/prev.png) no-repeat 0 0;
		}
	#nextBtn a, #slider1next a{ 
		background:url(images/next.png) no-repeat 0 0;
		padding:25px;
		position:absolute;
		margin-left: 850px;
		margin-top: -75px;
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


/* BUTTON */

/* REQUIRED BUTTON STYLES: */		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:2em; 
	text-align: center; 
	background: transparent url(images/btn_blue_sprite.gif) no-repeat right -140px; 
}
	
button.submitBtn span {
	padding: 13px 0 0 15px; 
	height:37px; 
	background: transparent url(images/btn_blue_sprite.gif) no-repeat left top; 
	color:#fff; 
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -70px;
}
h1, h6 {
	margin: 0;
  padding: 0;
  z-index: 100;
}
h6 {
  margin-bottom: 15px;
}
h1 {
  font-size: 18px;
}
h5 {
  color: #818285;
  margin: 0;
  padding: 0;
}
.content a:link, .content a:active, .content a:visited, .content a:hover {
  font-weight: bold;
  text-decoration: underline;
}
select {
  border: 1px solid rgb(170, 170, 170);
  width: 200px;
  background-color: rgb(221, 221, 221);
}