﻿body 
{
	background-color:#01172c;

	margin: 0 0 0 0;
}
.header 
{
	background:url("http://www.eastlondon.org.za/whales/top_bg.jpg") no-repeat;
	width:922px;
	height:118px;
	overflow:hidden;
}
.sitetitle 
{
	height:118px;
	width:300px;
	padding-left:100px;
	font-family:Century Gothic,Tahoma,Arial,Trebuchet MS;
}
.sitetitle h1 
{
	/*height:80px;*/
	margin:0px;
	color:#000000;
	font-size:48px;
}
.flash 
{
	height:118px;
	width:620px;
	overflow:hidden;
	padding:0px;
}
.navbar_bg 
{
	width:922px;
	height:36px;
	background:url("http://www.eastlondon.org.za/whales/topnav.jpg") no-repeat;
	overflow:hidden;
	padding:0px 0px 0px 50px;
}
.separator 
{
	background:url("http://www.healthyliving.za.org/whales/separator.jpg") no-repeat;
	width:922px;
	height:12px;
	overflow:hidden;
	font-size:1px;
}
.leftnavtop 
{
	width:922px;
	height:13px;
	background:url("http://www.portelizabeth.za.com/whales/leftnav_top.jpg") no-repeat;
	background-color:#ffffff;
	overflow:hidden;
	font-size:1px;
}
#navitems ul {
	list-style-type:none;
	float:left;
	height:34px;
	margin:0px;
	padding:0px;
}
#navitems li {
	float:left;
	height:34px;
	padding-right:1px;
}
#navitems li a 
{
	display:block;
	font:11pt verdana,Tahoma;
	text-decoration:none;
	height:34px;
	padding:7px 5px 5px 5px;
	float:left;
	overflow:hidden;
	letter-spacing:-1px;
}
#navitems li a:link {
	color:#ffffff;
	background:transparent;
}
#navitems li a:visited {
	color:#ffffff;
	background:transparent;
}
#navitems li a:active {
	color:#59ACFF;
	background:url("http://www.australiaforever.org/whales/navbg_on.jpg") repeat-x;
}
#navitems li a:hover {
	color:#59ACFF;
	background:url("http://www.australiaforever.org/whales/navbg_on.jpg") repeat-x;
}
#navitems .activetab {
	color:#59ACFF;
	background:url("http://www.australiaforever.org/whales/nav_on.jpg") repeat-x;
}
.sidebar 
{	
	width:241px;
	height:500px;
	background:url("http://www.jeffreysbay.org.za/whales/leftnav_bg.jpg") no-repeat;
	padding:10px 5px 5px 50px;
	text-align:left;
}
.content 
{
	width:681px;
	padding:10px 15px 5px 10px;
	background:url("http://www.jeffreysbay.org.za/whales/contentcorner.jpg") no-repeat;
	background-color:#ffffff;
	font:10pt Verdana,Arial,Tahoma;
	color:#333333;
	text-align:justify;
}
 h3, h2 
{
	margin:5px;
	letter-spacing:-1px;
	color:#ffffff;
	font-family:Century Gothic,Tahoma,Arial,Trebuchet MS;
}
h4 
{
	height:30px;
	margin-top:0px;
	margin-bottom:10px;
	color:#000000;
	font-family:Century Gothic,Tahoma,Arial,Trebuchet MS;
	font-size:20px;
	
	
}
.searchbox 
{
	font:7pt tahoma,arial;
	color:#01172c;
	border:1px solid #01172c;
	background-color:#a8caf1;
	width:120px;
	padding:3px;
}
.content a:link
{
	color:#000000;
	border-bottom:1px dotted #555555;
	text-decoration:none;
}
.content a:visited
{
	color:#000000;
	border-bottom:1px dotted #555555;
	text-decoration:none;
}
.content a:active
{
	color:#02529e;
	border-bottom:1px dotted #02529e;
	text-decoration:none;
}
.content a:hover
{
	color:#02529e;
	border-bottom:1px dotted #02529e;
	text-decoration:none;
}
a:link, a:visited 
{
	color:#ffffff;
}
a:active, a:hover 
{
	color:#dddddd;
}
.sidebar ul 
{
	width: 180px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
.sidebar ul li.sub
{
	list-style-type:square;
	padding:0px 0px 1px 10px;
}
.sidebar ul li
{
	list-style-type: none;
	margin:0px;
}
.sidebar a 
{
	display:block;
	text-decoration:none;
	font:9pt Verdana,Tahoma,Arial;	
	padding:5px;
	letter-spacing:-1px;
}
.sidebar a:link, .sidebar a:visited 
{
	color:#dddddd;
	background:transparent;
	border-bottom:1px dotted #04213e;
}
.sidebar a:active, .sidebar a:hover 
{
	color:#ffffff;
	background:url("http://www.healthyliving.za.org/whales/trans.png");
	border-bottom:1px dotted #04213e;
}
.rightImage
{
   float:left; margin: 0 15px 15px 0;
    
}

.leftImage 
{
    float:right; margin: 0 0 0 15px;
}

.leftImageTop
{
    float:right; margin: 15px 0 0 15px;
}

.rightImageTop
{
    float:left; margin: 15px 15px 0 0;
}

#navbar 
{
   width:922px;
   height:48px;    
    
}

.tableClass 
{
     width:870px;
     height:34px;
}


.placeTableTop  
{

   width:922px;
   
  
}

.placeHolderBottom 
{
    
  width:922px;
  height:100px;
}

.footerCell 
{
    height:34px;
}

img 
{
    border:0px;
}

#leftDiv
{
    float:left;
    width:250px;
    padding-left:50px;
    padding-bottom:50px;
}

#rightDiv
{
    float:right;
    width:250px;
    padding-right:50px;
    padding-bottom:50px;
}


#leftDiv1
{
    float:left;
    width:250px;
    padding-left:50px;
    padding-bottom:10px;
}

#leftDiv2
{
    float:left;
    width:250px;
    padding-left:50px;
    padding-bottom:10px;
}

#rightDiv1
{
    float:right;
    width:250px;
    padding-right:50px;
    padding-bottom:50px;
}

.Ads 
{
	float:left;
	height:280px;
	width:320px;
}

.homeDiv {

text-align:left;

}