/* 
	
	CSS Document - Mobile stylesheet
*/
* { 
 cursor: default;
 font-family: Helvetica, Arial, sans-serif;
 margin: 0;
 padding: 0;
}
body {
 background-color: #9ea716;
 margin: 0 auto;
 width: 90%;
}
a { 
 color: #fff;
 text-decoration: none;
}
/*---- HEADER ----*/
div#header { 
 margin-top: 0;
 padding: 2% 0 2% 1%;
 width: 99%;
}
div#header h1, div#header h2 {
 color: #fff;
 padding: 0.5% 0;
}
div#header h1 a {
 color: #fff;
 text-decoration: none;
}
div#header h1 a:hover {
 color: #f0f0f0;
}
div#header h3 {
 color: #000;
}
/*---- NAVIGATION ----*/
div#navigation {  
 background-color: #333;
 border-bottom: 1px solid #555;
 padding: 1.5% 0;
 width: 100%;
}
div#navigation span {
 border-bottom: 1px solid #fff;
 color: #fff;
 font-size: 100%;
 padding: 1%;
}
div#navigation a {  
 color: #fff;
 font-size: 100%;
 padding: 1%;
 text-decoration: none;
}
div#navigation a:hover { 
 border-bottom: none;
 color: #9ea716;
}
/*---- CONTAINER ----*/
div#container { 
	background-color: #9ea716;
	font-size: 0.80em;
	padding-bottom: 2%;
	width: 100%; 	
}
/*---- LEFT ----*/
div#left {
	color: #fff;
	padding: 1%;
}
div#left h2 { 
	margin: 0;
}
div#left p {
	line-height: 1.3em;
	padding: 1% 0;
}
div#left ul {
	list-style-type: square;
	padding: 1% 2.1%;
}
div#left ul li {
	padding: 0.5%;
}
div#left dl { 
	margin: 0;
	padding: 0;
}
div#left dl dt {
	border-bottom: 1px dashed #fff;
	font-weight: bold;
	padding: 2% 0;
}
div#left dl dd { 
	padding-left: 1%;
}
div#left dl dd a {
	border-bottom: 1px dotted #fff;
}
div#left dl dd a:hover {
	border-bottom: 1px dotted #333;
	color: #333;
}
div#left dl dd img {
	display: block;
	padding: 5px 0 5px 0;
}
/*---- RIGHT ----*/
div#right {
 padding: 1%;
}
div#right h2 { 
 margin: 0;
}
div#right p { 
 font-size: 0.9em;
 line-height: 1.3em;
 padding: 1%;
}
div#right ul {
 color: #fff;
 list-style-type: none;
 margin: 0;
 padding: 0 5%;
}
div#right a {  
 color: #fff;
 display: block;
 padding: 2% 0;
 text-decoration: none;
}
div#right a:hover {    
 color: #000;
}
div#right a:active {
 color: #555;
}
/*---- SUB-CONTAINER ----*/
div#subContainer {
 background-color: #9ea716;
 margin: 0;
 padding: 2% 0 4% 0;
 width: 100%;
}
div#subContainer div#s_left {
 color: #000;
}
/*---- SEARCH CONTAINER ----*/
div#search_container {
 background-color: #333;
 color: #fff;
 margin: 0;
 padding: 1%;
 width: 98%;
}
div#search_container h2 { 
 color: #9ea716;
 margin: 0;
 padding: 0;
}
div#search_container a {
 border-bottom: 1px dotted #fff;	
}
div#search_container p {
 color: #fff;
 font-size: 90%;
 padding: 1% 0;
}
div#search_container form {
 background-color: #333;
 border: none;
 padding: 0 1%; 
}
div#search_container label {
 display: block;
}
div#search_container input#search {
 border: 1px solid #555;
 color: #9ea716;
}
div#search_container input#searchBtn {
 background-color: #333;
 border: 1px solid #555;
 color: #fff;
 padding: 0.5% 1%;
}
div#search_container input#searchBtn:hover {
 background-color: #9ea716;
}
div#search_container ul {
 font-size: 90%;
 list-style: none;
}
div#search_container li {
 padding: 1% 0;
}
/*-- FOOTER --*/
div#footer {   
 margin: 0 auto 1% auto;
 padding: 0;
 width: 100%;
}
div#footer div#inner {  
 background-color: #333;
 color: #fff;
 font-weight: bold;
 padding: 1% 0 1% 1%;
}
div#footer div#inner a {
 border-bottom: 1px dotted #fff;
 color: #fff;
 text-decoration: none;
}
div#footer div#inner a:hover {
 color: #9ea716;
}
/*---- FORMS ----*/
form {
 margin: 0;
 padding: 0;
}
label { 
 color: #fff;
 display: block;
 line-height: 1.4em;
 padding: 1% 0;
}
input, textarea {
 background-color: #333;
 border: 1px solid #fff;
 color: #fff;
 padding: 0.5% 1%;
}
input#searchBtn:hover {
 background-color: #333;
}
input#submit, input#reset {
 margin-top: 1%;
}
select {
 background-color: #333;
 border: 1px solid #fff;
 color: #fff;
}
/*---- PAGINATION ----*/
div.pages {	
	margin: 1% 0;
	padding-top: 1%;
	text-align: center;
}
div.pages a {	
	border: 1px dotted #fff;
	padding: 0 0.5%;
}
div.pages a:hover {
	border: 1px dotted #000;
	color: #000;
}
div.pages span {
	font-weight: bold;
}