/*======================================*
** rp-stylesheet.css
** ------------------------------------------------------------*
** Created: 15-01-07 (dd-mm-yy)
** Author: Jenna Smith (growldesign.co.uk)
** Template: RedPepper
**======================================*/


/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
html, body {height: 100%}
body {
	background: #3A7300 url(../img/bg.png) repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 83%; 
	text-align: center;
	margin: 0; 
	padding: 0;
	color: #555;
	}
img { border: 0; }
ul, 
p { line-height: 1.4em; font-size: 1em; margin: 15px 0 20px; }
/*h2 { margin: 0; color: #fff; font-weight: normal; padding: 45px 170px 47px 30px; font-size: 1.9em; }*/
h3, h4 { font-size: 2em; font-weight: normal; color: #000; margin:0 0 8px; width:190px; }
h4 { font-size: 1.7em; }
a { color: #ff8c00; text-decoration: none; /*border-bottom: 1px solid #FFC4C4; */}		
a:hover { border-color: #ffaa00; }
.l1 { border: none !important; margin: 0 !important; }

ul { 
	padding: 0;
	list-style-type: none;
	line-height: 1.8em;
	}
ul li { background: url(../img/bullet.gif) no-repeat 0% 52%; padding-left: 25px; }

.clear {float: none; clear: both}
		
/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/		
#container {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	position: relative
	}
/** html #container { width: 740px; }*/	
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/			
#header { width: 780px; height: 91px; position: relative}
#header h1 { font-weight: normal; font-size: 2em; padding: 0; margin: 8px 0 0; float: left}
#header h1 a { color: #fff; text-decoration: none; border: none; }
#header h1 a span { color: #f00; }

/** Navigation **/
#header ul {margin: 0; padding: 0 10px; float: right}
* html #header ul { padding: 0; margin: 0 }
#header ul li {display: block; float: left; text-align: center; margin: 0 10px; background: none; padding: 0; position: relative; list-style: none}	
#header ul li a {display: block; text-decoration: none; color: #fff; font-size: 1.2em; padding: 0 10px; line-height:88px; border-bottom: 3px solid #ffffff}
#header ul li ul li a {padding: 10px; line-height:normal}
#header ul li a:hover, #header ul li a.Current {border-color: #ff8c00}	
#header ul li a.on, #header ul li a.on:hover {border-color: #ffffff}

/** Second level menu */
/* second level menu & common stuff */
#header ul li ul {position: absolute; height: auto; background: #1a3300; z-index: 12345; display: none; padding: 0; top: 91px; left: 0; padding:0 11px; white-space: nowrap;}
#header ul li ul * {height: auto; line-height: 14px}
#header ul li ul li {float: none; margin: 0; padding: 2px 0; font-size: 12px; text-transform: none; border: 1px solid #1a3300}
#header ul li ul a {display: block; background: none !important}
#header ul li ul a:link, #header ul li ul a:visited {color: #fff !important}
#header ul li ul a:hover, #header ul li ul a.open {color: #ff8c00 !important}

/* third+ level menu */
#header ul li ul li ul {position: absolute; left: 100%; top: 0; margin: -1px 0 0 0px !important}

/*------------------------------------------------------------*
**  Body
**------------------------------------------------------------*/
#body { background: #fff url(../img/body_.png) repeat-x; }
#body div { background: transparent url(../img/body_left.png) no-repeat; }
#body div div { background: transparent url(../img/body_right.png) no-repeat 100% 0%; padding: 0 20px 30px; }
* html #body div div { width: 100%; }
/*#body div div:after	{ 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	height: 0;
	}*/
#body div div div { background-image: none; padding: 0; }

#wrapper {position: relative; width: 100%; min-height: 100%}
*html #wrapper {height: 100%}
#bg-image {position: absolute; right: 0; bottom: 0}
#bg-image p {margin: 0; padding: 0}
#bg-image .edit-button {border: 1px solid #678; background: #abc; padding: 2px; margin: 5px; position: absolute; right: 100px; bottom: 300px}

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#body #content { 
	float: right; 
	height: auto !important;
	min-height: 300px; 
	height: 300px;
	width: 475px;
	background: #fff url(../img/content_shadow.png) no-repeat;	
	padding: 23px 25px 0 38px;
	}
#body #content ul.img { list-style-type: none; padding: 0; margin: 0; width: 100%; }	
#body #content ul.img:after	{ 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	height: 0;
	}	
#body #content ul.img li { float: left; margin-left: 10px; margin-bottom: 10px; padding: 0; background: transparent; }
#body #content ul.img li a { border: none; }
#body #content ul.img li img { border: 7px solid #900; padding: 1px; }	
#body #content ul.img li a:hover img { border-color: #000; }	

form { background-color: #f4f4f4; padding: 20px; margin-top: 20px;  }
form p { margin: 10px 0; }
form p label { width: 100px; display: block; float: left; }
form td input, 
form td textarea { border: 1px solid #999; padding: 4px; font-family: Geneva, Arial, Helvetica, sans-serif; /*font-size: 1.3em;*/ }
textarea { height: 100px; } 
input.btn { width: auto; }

form input { border: 1px solid #999; padding: 4px; font-family: Geneva, Arial, Helvetica, sans-serif; /*font-size: 1.3em;*/ }
form p input, 
form p textarea { border: 1px solid #999; padding: 4px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.3em; width: 137px; }
	
/*------------------------------------------------------------*
**  Breadcrumb
**------------------------------------------------------------*/
#body #content .breadcrumb {background-color: #ff8c00; height: 119px; overflow: hidden; margin-bottom: 0; padding: 0 !important}

#content .breadcrumb h2 {margin: 0; font-size: 1.5em; font-weight: normal; color: #fff; line-height: 119px; padding: 0 30px}
#content .breadcrumb p {margin: 0; padding: 0}

/*------------------------------------------------------------*
**  Submenu
**------------------------------------------------------------*/
#body #sub { 
	float: left; 
	margin: 33px 0 0 0;		
	background-color: #fff; 
	height: auto !important;
	min-height: 267px; 
	height: 267px;
	width: 172px;
	padding: 20px 10px 0 20px;
	}

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer { 
	width: 780px;
	background: transparent url(../img/footer_.gif) repeat-x;
	padding: 0 0 20px
	}
#footer a { border: none; }	
#footer p { color: #fff; padding: 0 50px 0 10px; margin: 0; line-height: 30px }
#footer p#to-top { padding: 0 10px 0 0; float: right }
#footer .credentials {display: block; float: left}
#footer .sitemap {display: block; float: right}