body {
margin-top:20px;
margin-bottom:20px;
background-color: #669999;
}

.side-c ul {
margin:0px;
padding:0px;
}

.side-c {
background: url(Images/menuback.gif) no-repeat;
}

.side-c li {
    list-style:none;
	background: url(Images/arrow.gif) no-repeat 12px 6px;
}

.side-c a {
    font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;	
}

.side-c a:hover {
	background-color:#ECEADA;
	text-decoration: none;	
}

.donatebtn {
padding-left:5px;
padding-right:12px;
padding-top:15px;
float:right;
}

.donate_text {
color:#1E3C82;
padding:10px;
}

.donatebox1 {
font:Arial, Helvetica, sans-serif;
margin-left:28px;
margin-bottom:8px;
background-color:#F1F4F5;
width:430px;
height:56px;
border:1px solid #CCCCCC;
}

.donatebox2 {
font:Arial, Helvetica, sans-serif;
margin-left:28px;
margin-bottom:8px;
background-color:#EBF0F1;
width:430px;
height:56px;
border:1px solid #CCCCCC;
}

.donatebox3 {
font:Arial, Helvetica, sans-serif;
margin-left:28px;
margin-bottom:8px;
background-color:#E2E9EB;
width:430px;
height:56px;
border:1px solid #CCCCCC;
}

.donatebox4 {
font:Arial, Helvetica, sans-serif;
margin-left:28px;
margin-bottom:8px;
background-color:#D1DCDE;
width:430px;
height:56px;
border:1px solid #CCCCCC;
}

.donatebox5 {
font:Arial, Helvetica, sans-serif;
margin-left:28px;
margin-bottom:8px;
background-color:#B5C5CA;
width:430px;
height:56px;
border:1px solid #CCCCCC;
}

.donategbp {
background:url(images/donate_gbp.gif);
width:452px;
height:47px;
margin-left:18px;
margin-bottom:10px;
}

.donateusd {
background:url(images/donate_usd.gif);
width:452px;
height:47px;
margin-left:18px;
margin-bottom:10px;
}

.donateeur{
background:url(images/donate_eur.gif);
width:452px;
height:47px;
margin-left:18px;
margin-bottom:10px;
}

.droptabtxt {
font:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:237px;
padding-top:16px;
}

.donatetab {
font:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:18px;
margin-right:23px;
border:solid 1px #999999;
padding:8px;
background-color:#F1F4F5;
}

.menu_case {
width:200px;
}

.menu {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
padding-left:29px;
color:#003366;
}

.menu_special {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CC0000;
}

.menu_special a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
padding-left:29px;
color:#CC0000;
}

.menu_special a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CC0000;
text-decoration:underline;
}

.menu a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#003366;
}

.menu a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#003366;
text-decoration:underline;
}

.menu_divides {
padding-top:5px;
padding-bottom:4px;
}




* html .boxhead h1 .boxhead h2 {height: 1%;}

a.large:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #76372E;
	border-bottom: solid 1px #CCCCCC; 
	font-weight: bold;
}
a.large:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    color: #76372E;
	border-bottom: solid 1px #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	background-color: #EEE7E0;
}
a.large:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #76372E;
	border-bottom: solid 1px #CCCCCC; 
	font-weight: bold;
}

p {

}

.below_menu {
   height:100%;   
   background: url(divide.gif) repeat-y right;  
   }
   
.slideshow {
   float:right;
   background: url(new_button.gif) no-repeat center;  
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   color:#990000;
   width:207px;
   height:74px;
}

.buttontext {
padding-left:77px;
padding-top:31px;
}

.newsletter {
float:left;
height:200px;
}

.buttonsmall {
   font-family:Arial, Helvetica, sans-serif;
   font-size:10px;
   color:#333333;
}

.sideboxfake {
	margin: 0 auto; /* center for now */
	width: 477px; /* ems so it will grow */
	font-size: 100%;
}

.sidebox a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#003366;
font-weight:bold;
text-decoration:underline;
}

.sidebox a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#003366;
font-weight:bold;
text-decoration:underline;
}

.sidebox a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#003366;
font-weight:bold;
text-decoration:underline;
}  
   
   
   
.sidebox {
	margin: 0 auto; /* center for now */
	width: 477px; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}

.sideboxrss {
	margin: 0 auto; /* center for now */
	width: 280px; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}

.getinvolved {
    padding-top:10px;
    padding-bottom:20px;
}

.newstitle {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#003366;
	padding-top:19px;
	padding-bottom:10px;
	padding-left:42px;
}

.freetext {
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   color:#990000;
   padding-top:34px;
   padding-left:14px;
}




.volbutton a {
display:block;
width: 215px;
height:74px;
font-family:Arial, Helvetica, sans-serif;
color:#990000;
background: url(Images/volbutton.gif) 0 0 no-repeat;
text-decoration: none;
}

.volbutton a:hover { 
background-position: 0 -71px;
color: #FFFFFF;
}
.volbutton a:active {
background-position: 0 0px;
color:#FFFFFF;
}


/* Newsletter CSS Button */

.newsback a {
display:block;
float:left;
background: url(Images/newsletter_home.gif) 8px no-repeat;
background-position: 14px 14px;
width: 272px;
height: 190px;
}

.newsback a:hover {
background-position: 14px -186px;
color:#FFFFFF;
}

.newsback a:active {
background-position: 14px -186px;
color:#FFFFFF;
}

.newsback_text {
padding-left:29px;
padding-top:0px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size: 12px;
}

/* Newsletter CSS Button END */


/* Homepage icons in a list down the left hand side of the page */



.icons {
height:450px;
}

.patrolicon {
padding-top:15px;
}

.patrolextend {
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#003366;
padding-top:5px;
}



/* Homepage icons in a list down the left hand side of the page END */



.more {
	background: url(more_icon.gif) no-repeat;
	height:25px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top:12px;
	padding-top:9px;
	padding-left:62px;
}



.homelinks {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    padding-left:20px;
    padding-right:20px;
}

.new_rss {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
position:relative;
float:right; 
width:165px;
height:270px;
text-align:left;
padding: 9px; 
overflow:auto; 
} 

.menusmall{
float:left;
width: 180px; /* ems so it will grow */
background: url(sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
}

.homedivide {
height:5px;
}

.leftbox {
float:left;
width:280px;
}

.homeadvert {
height:200px;
}

.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}

.boxhead h1 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color:#333333;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px; 
	line-height: 1em;
}

.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color:#003366;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px; 
	line-height: 1em;
}

.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 12px;
	line-height:17px; 
	margin: 0;
	padding: 8px 30px 23px;
}

.side_menu {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
}

a:link {
	text-decoration: none;
	color: #003366;
}

a:visited {
	text-decoration: none;
	color: #003366;

}

a:hover {
	text-decoration: underline;
	color: #003366;
}

a:active {
	text-decoration: none;
	color: #003366;

}

.menu_grey {
	border: thin none #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

.blue_text_12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
}

.text_box {
	background-color: #F9F9F0;
	border: 1px solid #CCCCCC;
}

.fact_box {
	border: thin solid #CCCCCC;
}

.adopt_login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFCC;
	border: 2px solid #666666;
}

.news_border {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
}

.menu_grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-style: normal;
	font-weight: normal;
}

.normal_text {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 12px;
	line-height:17px; 
}

.black_text {font-family: Arial, Helvetica, sans-serif}

.vervet_direct_red {color: #CC0000}

.light_blue {color: #6699CC}

.information_tag {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	padding-bottom:8px;
}

.vervet_direct_home {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
}

.Title_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003366;
}

.Dark_blue_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
}

.Dark_blue_text_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	font-weight: bold;
}

.White_text_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}

.padding_left_8 {
padding-left:8px;
}

.li_padding5 {
padding-bottom:10px;
}

.homeul {
font:Arial, Helvetica, sans-serif;
color:#003366;
}

.pagelink a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3333CC;
font-weight:bold;
text-decoration:underline;
}

.pagelink a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3333CC;
font-weight:bold;
text-decoration:underline;
}

.pagelink a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3333CC;
font-weight:bold;
text-decoration:underline;
}

.pagelink a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#3333CC;
background-color:#ECEADA;
text-decoration:underline;
}

.smallmenufriend {
background:url(Images/guides_advert.gif);
float:right;
width:313px;
height:189px;
}

.friendtext {
font:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:139px;
padding-left:65px;
}

.tzaneenadvert {
background:url(Images/tzaneen_advert.gif);
height:190px;
}

.tzaneen_text {
padding-top:160px;
padding-left:47px;
}

.newsletter_image {
margin-left:25px;
width: 450px; /* ems so it will grow */
font-size: 100%;
background-color:#333333;
}

.image_border {
padding-top:15px;
padding-bottom:15px;
}

.image_caption {
padding-bottom:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
