/*  
Theme Name: CountryRoads
Theme URI: http://www.countryroads.co.za/
Description: Country Roads theme designed by <a href="http://handshake.co.za/">handshake systems</a>.
Version: 1.6
Date Last Edited: 22 September 2008
Author: Grant Day
Author URI: http://handshake.co.za/
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding: 0px;
	background-color: #FFCC00;
	z-index:0;
	margin:0px 5px 10px 5px;
}
body,form * { font-family: Verdana, Arial, Helvetica, sans-serif; }

form { margin: 0px; }
img { border: 0px; margin: 0px; }

h1,h2,h3,h4,h5,h6,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
}

h1{
	text-align: center;
	border-bottom-width: medium;
	border-bottom-style: groove;
	border-bottom-color: #009900;
	margin:10px 0px 5px 0px;
	padding:0px 0px 10px 0px;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	color:#009900;
}

h2{
	color:#000099;
	text-align: center;
	padding:0px;
	font-size: 15px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}

h3{
	font-size: 12px;
	font-weight: bolder;
	color: #006600;
	margin: 2px;
}

h4 {
	font-size: 14px;
	font-weight:900;
	color:#FF9900;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 5px 10px;
}

h5 {
	font-size: 11px;
	font-weight: bold;
	color: #006600;
	margin: 0px;
	text-align: center;
	background-color: #FFCC00;
	padding: 5px;
}

h6 {
	font-size: 14px;
	font-weight:900;
	color:#009900;
	text-align: left;
	text-transform: uppercase;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #009900;
	margin: 15px 0px 10px 0px;
	padding-left: 15px;
}

h8 {
	font-size:8px;
	font-weight:500;
	color:#009900;
	text-align: center;
	clear:both;
	padding: 5px 0px 10px 0px;
}

p {
	font-size:13px;
	margin:0px;
	padding:0px;
	}
	
/*Default link colors for content area*/
a {
	color:#0000CC;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:500;
	text-decoration:none;
	line-height:15px;
	padding: 0px 0px 0px 2px;
}
a:link {color: #0000CC;}
a:visited {color: #990000;}
a:hover {
	color:#0099FF;
	clear: right;
}

ul {
	list-style-type:none;
}

.errortext {
	background-color:#FFFFFF;
	padding:10px;
	margin:10px;
	font-weight:500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	border: 2px solid #FF6600;
	font-size: 14px;
	voice-family: "\"}\"";
	voice-family:inherit;
}

#header {
	position:absolute;
	background-color: #FFCC00;
	width: 100%;
	top: 0px;
	left:0px;
	height:88px;
	margin: 0px 5px 0px 5px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #006600;
	line-height: normal;
	z-index: 5;
}

#header-menu {
	position:absolute;
	width: 600px;
	z-index: 7;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0px;
	background-color: #FFCC00;
	color: #006600;
	text-align: left;
	padding: 0px;
	height: 16px;
	top: 70px;
	left:152px;
}

#find {
	position:absolute;
	width: auto;
	z-index: 50;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0px;
	color: #7777cc;
	text-align: right;
	padding:0px;
	height: 20px;
	top: 33px;
	right: 10px;
}
#logo {
	position:absolute;
	width: auto;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0px;
	color: #7777cc;
	text-align: right;
	padding:0px;
	height: 20px;
	top: 30px;
	left: -10px;
}
#bannerpics{
	position:absolute;
	width: auto;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0px;
	color: #7777cc;
	text-align: right;
	padding:0px;
	height: 20px;
	top: 0px;
	right: 10px;
}
#slogan{
	position:absolute;
	width: auto;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0px;
	color: #7777cc;
	text-align: right;
	padding:0px;
	height: 20px;
	top: 190px;
	left: -10px;
}

.webcontent {
	position: relative;
	top: 148px;
	width:auto;
	min-width:250px;
	margin: 0px 182px 0px 152px;
	border:1px solid #000000;
	padding:5px;
	z-index:2;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	background-color: #FFFFFF;
}
.webcontent>p {margin:0px; font-size:12px; line-height: 15px;}
.webcontent>p+p {text-indent:5px; margin:15px 0px 0px 0px;}
.webfullwidth {
	position: relative;
	top: 148px;
	width:auto;
	min-width:250px;
	margin: 0px 2px 0px 2px;
	border:1px solid #000000;
	padding:5px;
	z-index:2;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	background-color: #FFFFFF;
}

.contentscroll {
	position:relative; 
	top: 148px;
	width:auto;
	min-width:200px;
	margin:0px 182px 20px 152px;
	border:1px solid #006600;
	padding:10px;
	z-index:100;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	line-height: 1.15;
	font-size: 12px;
	background-color: #FFFFFF;
	height: 600px;
	overflow: scroll;
}

#admincontent {
	position:relative;
	top: 148px;
	width:auto;
	min-width:250px;
	margin:0px 128px 0px 205px;
	border:1px solid #006600;
	padding:5px;
	z-index:2;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	background-color: #FFFFFF;
}
#admincontent>p {margin:0px;}
#admincontent>p+p {text-indent:5px; margin:15px 0px 0px 0px;}

/* OLD CONTROL SEGMENT
#control {
	position:absolute;
	top:148px;
	left:5px;
	width:208px;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.1;
	background-color: #eee;
	border: 1px solid #009900;
	color: #000000;
	padding: 3px;
	z-index: 6;

	voice-family: "\"}\"";
	voice-family:inherit;
	wid\th:200px;
}
body>#control {width:200px;}
#control>p {margin:0px; font-size:10px; line-height: 20px;}

#control a:hover {
	color: #009900;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #006600;
	border-bottom-color: #006600;
}
*/

#control {
	position : absolute;
	top : 148px;
	left : 5px;
	padding: 3px;
	width : 190px;
	*width : 195px;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	line-height : 1.2;
	text-align : left;
	background-color : #eee;
	border: 1px solid #000000;
	color: #000000;
	z-index: 6;
	
	voice-family: "\"}\"";
	voice-family:inherit;
	wid\th:195px;
}

body>#control {width:195px;}

#control>p {margin:0px; font-size:10px; line-height: 20px;}

#control a{
	text-decoration : none;
	padding : 5px;
	font : bold 11px/100% Verdana, Arial, Helvetica, sans-serif;
	display : block;
	color : #666666;
	background-color : #eee;
}

#control a:hover {
	text-decoration : none;
	padding : 5px 6px 5px 6px;
	font : bold 11px/100% Verdana, Arial, Helvetica, sans-serif;
	display : block;
	color: #444444;
	background-color: #ffff66;
}

#control a:visited {
	text-decoration: none;
	color: #888888;
}


#control ul {
    list-style-type:none;
	margin: 0 auto;
	padding: 0;
	border-bottom: 2px solid #ddd
}

#control ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	padding-left : 0px;
	border-bottom: 1px solid #ddd;
}

#control ul li ul {
	margin: 0px 0px 10px 10px;
	padding: 0;
	background-color: #ccc;
	border-bottom: 2px solid #000;
}

#control ul li ul li {
	list-style: none;
	padding-left : 5px;
	background-color: #ffcc00;
	border-bottom: 1px solid #ddd;
}

#control .head{
	text-decoration : none;
	padding : 5px;
	font : bold 110%/120% Verdana, Arial, Helvetica, sans-serif;
	display : block;
	color : #000;
	background-color : #eee;
}

#help {
	position:absolute;
	top:148px;
	right:5px;
	border:1px solid #009900;
	background-color:#eee;
	padding:3px;
	z-index:2;
	width:128px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8px;

	voice-family: "\"}\"";
	voice-family:inherit;
	wid\th:120px;
	}
body>#help {width:120px;}

#help>p {margin:0px; font-size:8px; line-height: 11px;}
#help>p+p {text-indent:3px; margin:10px 0px 0px 0px;}

#status {
	float: right;
	height: auto;
	width: 440px;
	position: relative;
	margin: 0px;
	z-index: 5;
	border: 1px dotted #006600;
	background-color: #FFFFCC;
	text-align: center;
}

#helpmenu {
	position: relative;
	float: right;
	font-size:8px;
	height: auto;
	width: 118px;
	margin: 0px 5px 20px 0px;
	z-index: 5;
	border: 1px dotted #006600;
	background-color: #FFFFCC;
	text-align: left;
	padding:3px;
}
#helpmenu>p {margin:0px; font-size:8px;}
	
.widecontent {
	position:relative;
	top:148px;
	margin:1px 5px 0px 152px;
	min-width:250px;
	width:auto;
	border:1px solid #000000;
	padding:5px;
	z-index:2;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-size: 12px;
	background-color: #FFFFFF;
}

.widecontentl {
	position:relative;
	top: 148px;
	width:auto;
	min-width:200px;
	margin:5px 182px 20px 0px;
	border:1px solid #006600;
	padding:10px;
	z-index:100;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}

div.container {
	position:relative;
	background-color: #FFFFFF;
	text-align: center;
	display: block;
	z-index:200;
}

.box {
	position:relative;
	padding:5px;
	border:1px dotted #006600;
	background-color:#ffffff;
	width: 395px;
	text-align: left;
	z-index: 50;
	margin: 0px;
}

.box2 {
	position:relative;
	padding: 5px;
	border: 1px dotted #006600;
	background-color: #FFFFCC;
	text-align: left;
	width: 440px;
	z-index:50;
	margin: 5px;
	float: left;
}

.box3 {
	position:relative;
	padding: 5px;
	border: 1px dotted #006600;
	background-color: #FFFFCC;
	text-align: center;
	width: 270px;
	z-index:50;
	margin: 5px;
	float: left;
}

#navigation {
	position:absolute;
	top:148px;
	left:5px;
	width:148px;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1;
	background-color: #eee;
	border: 1px solid #009900;
	color: #000000;
	padding: 3px;
	z-index: 2;

	voice-family: "\"}\"";
	voice-family:inherit;
	wid\th:140px;
	}
body>#navigation {width:140px;}

#navigation>p {margin:0px; font-size:10px; line-height: 14px;}

#navigation a {
	font-size:11px;
	font-weight:900;
	text-decoration:none;
	line-height:16px;
	padding: 0px 0px 0px 2px;
}

#navigation a:link {
	color: #0000CC;
	text-decoration: none;
}
#navigation a:visited {
	color: #000099;
	text-decoration: none;
}
#navigation a:hover {
	color: #009900;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #006600;
	border-bottom-color: #006600;
}
/* New test navigation class */
.newnav {
	position:relative;
	width:148px;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1;
	background-color: #eee;
	border: 1px solid #009900;
	color: #000000;
	padding: 3px;
	margin:5px -3px 5px -3px;
	z-index: 3;
	clear:both;

	voice-family: "\"}\"";
	voice-family:inherit;
	wid\th:140px;
	}
body>.newnav {width:140px;}

.newnav>p {margin:0px; font-size:10px; line-height: 20px;}

.newnav a:link {
	color: #0000CC;
	text-decoration: none;
}
.newnav A:visited {
	color: #000099;
	text-decoration: none;
}
.newnav A:hover {
	color: #009900;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #006600;
	border-bottom-color: #006600;
}

#rightcontent {
	position:absolute;
	z-index:6;
	top:148px;
	right:5px;
	border:1px solid #009900;
	background-color:#eee;
	padding:3px;
	width:178px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
	margin:0px;

	voice-family: "\"}\"";
	voice-family:inherit;
	wid\th:170px;
}
body>#rightcontent {width:170px;}

#rightcontent>p {margin:0px; font-size:10px;}

#breadcrumb {
	position:absolute;
	font-size: 10px;
	font-weight:bold;
	color: #006600;
	z-index: 5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	padding: 2px 0px 0px 10px;
	top:120px;
	left:5px;
	right:5px;
	height: 20px;
	border-bottom:1px solid #aaa;
	border-right:1px solid #ccc;
	margin:0px;

	voice-family: "\"}\"";
	voice-family:inherit;
	wid\th:98%;
}
#breadcrumb a:link {
	color: #006600;
	font-weight:bold;
}

#breadcrumb a:visited {
	color: #990000;
	font-weight:bold;
}

#breadcrumb a:hover,
#breadcrumb a:active {
	color: #0000CC;
	font-weight:bold;
}


#hnav{
	position:absolute;
	z-index: 8;
	font-size: 77%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	word-spacing:0px;
	letter-spacing: 0px;
	background-color: #006600;
	color: #FFF;
	top: 84px;
	left:0px;
	right:11px;
	text-align: left;
	padding: 0px;
	height: 16px;
	border-bottom: 1px solid #FFF;
	
	voice-family: "\"}\"";
	voice-family:inherit;
	wid\th:99%;
}
#hnav a:link,
#hnav a:visited {
	color:#FFF;

}
#hnav a:hover {
	color: #FFCC00;
}

.highlight {
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #009900;
	padding:1px 10px 2px 10px;
	margin:0px -4px 2px -4px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	border-bottom:1px solid #009900;
	border-left:2px solid #FFF;
	}
	
#hnav2{
	position:absolute;
	z-index: 7;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0px;
	background-color: #009900;
	color: #FFF;
	top: 100px;
	left:0px;
	right:11px;
	text-align: left;
	padding: 0px;
	height: 16px;
	border: 1px solid #009900;
	
	voice-family: "\"}\"";
	voice-family:inherit;
	wid\th:99%;
}
#hnav2 a:link,
#hnav2 a:visited {
	color: #FFFFcc;
}
#hnav2 a:hover {
	color: #FFCC00;
}

#topmenu {
	position: absolute;
	top: 5px;
	width: auto;
	z-index: 6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	text-align: right;
	background-color: #000099;
	height: 20px;
	padding: 3px 10px 0px 10px;
	border: 2px solid #fff;
	margin: 0px;
	float: right;
	right: 5px;
}
 	
#topmenu a:link,
#topmenu a:visited {
	color: #FFFFcc;
	font-weight: bold;
}
#topmenu a:hover {
	color: #FFCC00;
}

#footer {
	clear: both;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFFFF;
	padding: 5px;
	margin:10px 0px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #006600;
}

#powered {
	position:relative;
	float:right;
	border:2px solid #009900;
	height:19px;
}

input.submit {
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 2px;
	background-color: #FFFFFF;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

input.submit:active
{
border: 3px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
}

strong, b {font-weight:900;}/*NN 4.xx needs that...*/ 
big {font-size:14px;}/*to emphasize words, use it inline with a <span> class*/ 
small {font-size:10px;}/*not really necessary, but one never knows...use it inline with a <span> class*/

/*This removes the need to add border=0 to linked images*/
a img {border:0px;} 

ul, ol, dl, li{
font-size:12px;
border: none;
}

em, i{ /*sets italics to bold to stand out better*/
font-weight: bold;
font-style: italic;
}

div.spacer {
clear: both;
}
 
div.row {
clear: both;
padding-top: 3px;
}

div.row span.label {
	float: left;
	width: 28%;
	text-align: right;
	color:#006600;
	padding:0px 0px 5px 0px;
	font-size: 11px;
	font-weight: bold;
}

div.row span.formw {
	float: right;
	width: 70%;
	padding:0px 0px 5px 0px;
	text-align: left;
} 


/************************************************************
 *  Data Tables and Cascading Style Sheets Gallery			*
 *  http://icant.co.uk/csstablegallery/						*
 *  --------------------------------------------------		*
 * Author: DvD Franco > http://www.dpartamentos.com.br/		*
 * Please send-me your opinion! dvdcontas@terra.com.br		*
 * And please access and consider: http://www.thekristo.com	*
 ************************************************************/

table, tr, th{
	margin: 0;
	padding: 0;
}

table {
	width: 100%;
	color: #ffcc00;
	background-color: #ffcc00;
	font: 12px/20px Verdana;
	border: 1px #ffcc00;
	border-collapse: collapse;
	margin-left: 1px;
}



td, th {
	padding: 1px;
	font-family: Verdana;
	font-size: 12px;
}

caption {
	background-color: #009900;
	border-top: 1px #215503 solid;
	border-right: 1px #215503 solid;
	border-left: 1px #215503 solid;
	border-bottom: none;

	font-size: 20px;
	font-weight: bold;
	padding: 5px 0px 10px 0px;
	text-align: center;
	color: #ffffff;
}

/*\*/ * html caption { 
	height: 28px;
	padding-bottom: 10px;
} /**/ 

/*
 HEADER */

thead tr th {
	padding: 5px;
	text-align: center;
	color: #ffcc00;
	margin: 0px;
	background-color: #006600;
	text-transform: uppercase;
}

tr, tr td a {
	background-color: #FFFFCC;
	color: #000000;
}

tr td, tr th {
	border: 1px #CBCB31 solid;
}

tr th, tfoot tr td {
	background-color: #006600;
	color: #000000;
	border-bottom: 1px #CBCB31 solid;
	border-top: none;
	text-align: center;
}

tr.odd, tr.odd td a, tr.odd th a {
	background-color: #E8FFEC;
	color: #000000;
}


tr.odd td {
	border-bottom: 1px #B6CCBA solid;
}

/*tr td a:link, tr th a:link { 
	color: #1E631A;
}*/

a:hover { text-decoration: none; }

tr.odd th a:link, tr th a:link {
	background-color: #1C8D12;
	color: #FFFFFF;
	font-size:14px;
}

tr th a:visited, tr.odd th a:visited {
	background-color: #006600;
	color: #FFFFFF;
	font-size:14px;
}

tr th a:hover, tr.odd th a:hover{
	background-color: #006600;
	color: #FFcc00;
	text-decoration: none;
}

tr th a:active, tr.odd th a:active {
	background-color: #1C8D12;
	color: #FFFF00;
}

tfoot tr th, tfoot tr td {
	background-color: #1C8D12 !important;
	color: #FFFFFF !important;
	font-size:14px;
	font-weight: bold;
	text-align: left;
}

tr:hover td, tr:hover td a {
	background-color: #E8F4FF;
	color: #000000;
}


tr:hover td a {
	color: #1E631A;
}

tr:hover td {
	border-top: 1px #98CDFF solid;
	border-bottom: 1px #98CDFF solid;
}

/* odd table rows 1,3,5,7,... */
table tr.odd th,
table tr.odd {
    background-color:   #E5E5E5;
    text-align:         left;
}

/* even table rows 2,4,6,8,... */
table tr.even th,
table tr.even {
    background-color:   #D5D5D5;
    text-align:         left;
}

/* Gallery Image enlargement */
/* Removing the list bullets and indentation */
ul#gallery {
	position:relative;
	background:#eee;
	float:right;
	padding:0px; 
	margin:0px; 
	width:170px; 
	height:auto; 
	z-index:50; 
	list-style-type:none;
}

#gallery a {
	position:relative;
	background:#eee;
	width:170px; 
	height:auto; 
	display:block; 
	float:right; 
	z-index:100; 
	cursor:default;
}

#gallery li {
	position:relative; 
	background:#eee; 
	width:170px; 
	height:auto;
	float:right; 
	z-index:10;
	font-size: 10px;
	font-weight:900;
	color:#006600;
	text-align: center;
	padding: 5px 0px 6px 0px;
  }

#gallery li a img {
	width:166px;
	height:auto;
	border:2px solid #FFFFFF; 
  }

#gallery li a:hover {
	position:relative; 
	background:#eee; 
	width:340px;
	z-index:20;
  }
  
#gallery li a:hover img {
	position:relative; 
	width:340px;
	right:5px;
	padding:10px 30px 0px 0p;
	z-index:20;
  }
 
  /* hack for Internet Explorer */
#gallery li.pad {
  height:0; 
  display:block; 
  margin-top:-2px; 
  width:340px; 
  font-size:0;
  }

/* hack for Opera 7+ */
@media all and (min-width:0px){
#gallery a:hover {
	position:relative; 
	background:#888; 
	width:340px; 
	height:auto; 
	padding:0px 80px; 
	right:0; 
	top:0; 
	z-index:200;
  }
#gallery a:hover img {
	background:#aaa; 
	position:relative; 
	width:340px; 
	height:auto; 
	border:0; 
	z-index:999;
  }
}

input, textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #006600;
	padding:2px;
	margin:2px;
}