/*  
Theme Name: CountryRoads Partner
Theme URL: http://www.countryroads.co.za/
Description: Country Roads theme designed by <a href="http://handshake.co.za/">handshake systems</a>.
Version: 1.0
Date Last Edited: 24 February 2008
Author: Grant Day
Author URL: http://handshake.co.za/
*/

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

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

h3{
	font-weight : bolder;
	margin : 2px;
	font-size : 12px;
	text-align : left;
	color : #336600336;
	background-color : #FFFFFF;
}

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

h5 {
	font-weight : bold;
	margin : 0 5px 0 5px;
	padding : 5px;
	font-size : 10px;
	color : #336600;
	text-align : left;
	background-color : #FFFFFF;	
}

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

#container {
    position : relative;
	margin-top : 0;
    margin-bottom : 0;
	width : 974px;
    	    margin-left: auto;        
		margin-right: auto;
	background-color : #CCFFFF;
	border : 2px solid #000000; 
}
#header {
	position : relative;
    margin : 0;
	padding : 0;
	line-height : normal;
	z-index : 5;
	       background-color: #CCFFFF;
	height : 140px;
	text-align : center;
	color : #333300;
}

#navigation {
	position : relative;
	z-index: 2;
	line-height: 1;
	margin : 5px;
    float : left;
	width : 200px;
	text-align : left;
	background-color : #FFFFCC;
	border : 1px solid #000000;
	color : #333300;
	     	background : url(vmenubackimage.jpg);
}

#navigation .box_title {
           background-color: #CCFFFF;
}

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

#navigation a{
	text-decoration: none;
	padding : 5px 10px;
	font : bold 14px/100% Verdana, Arial, Helvetica, sans-serif;
	display : block;
	color : #663300;
/*	background: #5c8d0c url(images/nav-button-bg.gif) repeat-x; */
}
#navigation a:hover{
	text-decoration : none;
	padding : 5px 10px;
	font : bold 14px/100% Verdana, Arial, Helvetica, sans-serif;
	display : block;
	color : #660000;
	background-color : #FFFFCC;
}
#navigation a:visited{
	text-decoration : none;
	color : #660000;
}
#navigation ul{
	margin: 0;
	padding: 0;
}
#navigation ul li{
	list-style: none;
	margin : 0;
	padding : 0;
	padding-left : 0px !important;
	border-bottom : 1px solid #fff;
	background : url(buttonimage.jpg);
	/* for IE */
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1;
}
#navigation .page_item a:hover {
	color : #000000;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
	background: url(images/mini-page-arrow.gif) no-repeat !important;
	padding-left: 10px !important;
}

#navigation a:visited {
	text-decoration: none;
	color: #660000;
}

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

.webcontent {
	position : relative;
	float : left;
	min-width : 280px;
	width : 100%;
	color : #000000;
	padding : 0px;
	font-size : 12px;
	line-height : 15px;
	z-index : 2;
	font-family :  	Verdana, Arial, Helvetica, sans-serif;
	background : url(contentimage.jpg);
}

#extracol {
	position : relative;
	z-index : 6;
    float : left;
	text-align : left;
	border : 0px none #000000;
	background-color : ;
	width : 200px;
}

#topmenu {
	position : relative;
	clear : both;
	z-index : 6;
	padding : 3px 0 0 0;
	height : 21px;
	font-weight : bold;
	top : 0px;
	
	text-align : ;
	background-color : #FFFFCC;
	border-top : 2px solid #222222;
    border-bottom : 2px solid #222222;
}  	

#topmenu a:link,
#topmenu a:visited {
	text-decoration : none;
	font : bold;
	color : #663300;
}

#topmenu a:hover {
	color: #660000;
}

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

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

#powered {
	position : relative;
    float : right;
	z-index: 9;
	margin : 0 0 -15px 0;
}

.piclabel {
    text-align : center;
	font-weight : 500;
	margin : 0 0 10px 0;
	font-size : 9px;
	letter-spacing: 1px
}
div.spacer {
clear: both;
}
 
div.row {
clear: both;
padding-top: 3px;
}

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

div.row span.formw {
	float : right;
	width : 70%;
	padding : 0 0 5px 0;
	text-align : left;
} 
h5 {
	font-weight : bold;
	margin : 0 5px 0 5px;
	padding : 5px;
	font-size : 10px;
	color : #336600;
	text-align : left;
	background-color : #FFFFFF;	
}

.menu_label {
	font-weight : bold;
	margin : 0 5px 0 5px;
	padding : 5px;
	font-size : 16px;
	color : #663300;
	text-align : left;
	background-color : #CCFFFF;
         	background : url(vmenulabelimage.jpg);
	/* for IE */
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1;
}

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

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