/* mac hide\*/
html, body {
	height				: 100%;
}
/* end hide */

/************************  Body style settings  ************************/

IMG {
	border-width			: 0px;
}

.cmsBody {
	padding											: 0px 0px 0px 0px;
	margin											: 0px 0px 0px 0px; 
	font-family									: Arial, Helvetica, sans-serif;
	font-size										: 12px;
	text-align									: center;
	color												: #FFFFFF;
	background-color						: #351b0a;
	text-decoration							: none;
	line-height									: 18px;
	height											: 100%;
	background-image						: url(../images/Template/main_bg1.png);
	background-repeat						: repeat-x;
	background-position					: top center;
	width												: 100%;
}

#outer {
	height											: 100%;
	min-height									: 100%;
	width												: 832px;
	text-align									: left;
	margin											: auto;
	position										: relative;
}

#outer_default {
	height											: 100%;
	min-height									: 100%;
	width												: 780px;
	text-align									: left;
	margin											: auto;
	position										: relative;
}

html>body #outer {
	height											: auto;/*for mozilla as IE treats height as min-height anyway*/
}

html>body #outer_default {
	height											: auto;/*for mozilla as IE treats height as min-height anyway*/
}

#header_default{
	position										: absolute;
	top													: 0px;
	left												: 0px;
	width												: 100%;
	z-index											: 10;
	height											: 200px;
	background-color						: #000000;
	background-image						:	url(../images/Template/graybar.png);
	background-position:bottom;
	background-repeat						: repeat-x;

}

#left {
	position										: relative;/*ie needs this to show float */
	width												: 5px;
	float												: left;
	padding											: 0px;
	margin											: 0px;
	padding-top									: 0px;/*needed to make room for header*/
	padding-bottom							: 0px;/* needed to make room for footer */
}

#right {
	position										: relative;
	float												: right;
	width												: 300px;
	border											: 0px solid white;
	height											: 390px;
	padding-right:50px;
}

#right_sub {
	position										: relative;/*ie needs this to show float */
	width												: 340px;
	float												: right; 
	margin											: 0px;
	padding											: 0px;
	padding-top									: 0px;/*needed to make room for header*/
	padding-bottom							: 0px;/* needed to make room for footer */
	vertical-align							: top;
	text-align									: right;
	z-index											: 100;
	border											: 0px solid white;
}

#footer {
	width												: 832px;
	clear												: both;
	height											: 30px;
	margin											: 0px;
	padding											: 0px;
	position										: relative;
	border											: 0px solid #CCCCCC;
	}

* html #footer {
	width												: 860px;
	}

div,p {
	margin-top									: 0px;/*clear top margin for mozilla*/
}

#centrecontent {
	position										: relative;
	display											: table;
	width												: 832px;
	height											: 390px;
	padding											: 0px;
	padding-top									: 200px;
	vertical-align							: top;
	border											: 0px solid #CCCCCC;
	background-color						: none;
	background-image						: url(../images/Template/content_bg.png);
	background-repeat						: repeat-y;
	z-index											: 2;
}

* html #centrecontent  {
	background-color						: transparent;
	background-image 						: none;
	filter 											: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sightforafrica.com/serverspecific/default/images/Template/content_bg.png', sizingMethod='scale');
}

* html #centrecontent_sub  {
	background-color						: transparent;
	background-image 						: none;
	filter 											: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sightforafrica.com/serverspecific/default/images/Template/content_bg2.png', sizingMethod='scale');
	width												: 820px;
}

#centrecontent_sub {
	position										: relative;
	display											: table;
	width												: 832px;
	margin-top									: 100px;
	vertical-align							: top;
	border											: 0px solid #CCCCCC;
	background-color						: none;
	background-image						: url(../images/Template/content_bg2.png);
	background-repeat						: repeat-y;
}

#centrecontent_sponsor {
	position										: relative;
	display											: table;
	width												: 832px;
	height											: 390px;
	padding											: 0px;
	padding-top									: 200px;
	vertical-align							: top;
	border											: 0px solid #CCCCCC;
	background-color						: none;
	background-image						: url(../images/Template/content_bg3.png);
	background-repeat						: repeat-y;
	z-index											: 2;
}

#clearfooter {
	clear				: both;
	height				: 0px;/*needed to make room for footer*/
}

* html #centrecontent {
	height											: 1%;
	margin-bottom								: 12px;/* combat IE's 3 pixel jog */
	
}

* html #centrecontent_sub {
	height											: 1%;
	margin-bottom								: 12px;/* combat IE's 3 pixel jog */
}

* html #centrecontent_sponsor {
	height											: 1%;
	margin-bottom								: 12px;/* combat IE's 3 pixel jog */
}

/************************  P tag style settings  ************************/

P {
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
}
/************************  A tag style settings  ************************/

A:LINK {	
	font-weight									: normal;
	color												: #F39900;
	text-decoration							: none;
}
  
A:VISITED {	
	font-weight									: normal;
	color												: #F39900;
	text-decoration							: none;
} 
 
A:ACTIVE {	
	font-weight									: normal;
	color												: #F39900;
	text-decoration							: none;
}
  
A:HOVER {	
	font-weight									: normal;
	color												: #F39900;
	text-decoration							: none;
}
/************************  Header tag H1 H2 H3 H4 style settings  ************************/

H1 {
	font-size			: 18px;
	font-weight		: normal;
	color					: #f39900;
	padding				: 0px 0px 10px 0px;
	margin				: 0px 0px 0px 0px;
	text-transform:uppercase;
}

H2 {
	font-size			: 18px;
	font-weight		: normal;
	color					: #ac8e6b;
	padding				: 0px 0px 10px 0px;
	margin				: 0px 0px 0px 0px;

}

H3 {
	font-size			: 18px;
	font-weight		: normal;
	color					: #a76505;
	padding				: 0px 0px 10px 0px;
	margin				: 0px 0px 0px 0px;
}

H4 {
	font-size			: 12px;
	font-weight		: normal;
	color					: #f39900;
	padding				: 0px 0px 10px 0px;
	margin				: 0px 0px 0px 0px;
}

/************************  List style settings  ************************/

UL { 
	margin											: 0px;
	padding											: 0px;
}

OL { 
	margin											: 0px;
	padding											: 0px;
}

LI {
	margin											: 0px;
	padding											: 0px;
}

/****************  Custom tags/classes style settings  ****************/

em {
	color:#333333;
	text-decoration:none;
	font-style:normal;
}


#gray_line_bottom {
	display					: block;
	position				: absolute;
	width						: 100%;
	height					: 1px;
	background-image:	url(../images/Template/grayline.png);
	background-repeat: repeat-x;
	right						: 0px;
	top         		: 674px;
	z-index					: 99;
}

#logo_bg {
	display					: block;
	position				: absolute;
	left					: 10px;
	top						: 10px;
	width					: 780px;
	height					: 80px;
}

#logo {
	display											: block;
	margin-left									: auto;
	margin-right								: auto;
	text-align									: center;
	margin-top									: 46px;
	width												: 185px;
	height											: 139px;
	z-index											: 100;
}

#logo_big {
	display											: block;
	position										: absolute;
	left												: 395px;
	top													: 211px;
	width												: 473px;
	height											: 366px;
	background-image						: url(../images/Template/logo_big.png);
	background-repeat						: no-repeat;
	z-index											: 1000;
}

#logo_medium {
	display											: block;
	position										: absolute;
	right												: 0px;
	bottom											: 50px;
	padding											: 0px 0px 20px 0px;
	width												: 287px;
	height											: 223px;
	background-image						: url(../images/Template/logo_medium.png);
	background-repeat						: no-repeat;
	border											: 0px solid white;
}

#logo_print {
	display					: none;
}

* html #logo  {
	background-color		: transparent;
	background-image 		: none;
	filter 					: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sightforafrica.com/serverspecific/default/images/Template/logo.png', sizingMethod='crop');
}

* html #logo_big  {
	background-color		: transparent;
	background-image 		: none;
	filter 					: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sightforafrica.com/serverspecific/default/images/Template/logo_big.png', sizingMethod='crop');
}

* html #logo_medium  {
	background-color		: transparent;
	background-image 		: none;
	filter 					: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sightforafrica.com/serverspecific/default/images/Template/logo_medium.png', sizingMethod='crop');
}

#section_image {
	display					: block;
	position				: absolute;
	height					: 390px;
	width						: 390px;
	overflow				: hidden;
	left						: 195px;
	top							: 200px;
	z-index					: 1;
}

#section_image_sponsor {
	display					: block;
	position				: absolute;
	height					: 390px;
	width						: 173px;
	overflow				: hidden;
	left						: 304px;
	top							: 200px;
	z-index					: 2;
}

#section_image_sub {
	display					: block;
	position				: absolute;
	right						: 25px;
	z-index					: 10;
	margin-top:75px;
}

* html #section_image_sub {

}

#section_image_overlay {
	display					: block;
	position				: absolute;
	top						: 95px;
	right					: 0px;
	width					: 271px;
	height					: 121px;
	background-image		: url(../images/Template/section_image_overlay.png);
	background-repeat		: no-repeat;
	background-position		: right;
}

* html #section_image_overlay {
	background-color		: transparent;
	background-image 		: none;
	filter 					: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sightforafrica.com/serverspecific/default/images/Template/section_image_overlay.png', sizingMethod='crop');
}

#menu {
	display											: block;
	position										: absolute;
	z-index											: 1000;
	left												: 26px;
	top													: 241px;
	width												: 130px;
	border											:	0px solid white;
	text-decoration							: none;
}

#menu ul {
	list-style									: none;
	margin											: 0px;
	padding											: 0px;
	width												: 130px;
}

#menu ul ul {
	position										: absolute;
	left												: 130px;
	list-style									: none;
	margin											: 0px;
	padding											: 0px;
	width												: 150px
}

#search {
	display					: block;
	position				: absolute;
	right					: 10px;
	bottom					: 14px;
	width					: 235px;
	height					: 22px;
	z-index					: 1001;
}


#payoff {
	display											: block;
	position										: relative;
	width												: 280px;
	text-align									: right;
	margin-top									: 60px;
	color												: #814a09;
	vertical-align							: bottom;
	float:right;
	padding-right: 52px;
}

#payoff a:link, #payoff a:visited, #payoff a:hover, #payoff a:active {
	color					: #814a09;
	text-decoration			: none;
	white-space				: nowrap;
}

#payoff a:hover {
	text-decoration			: underline;
}

.payoff_img {
	padding					: 0px;
	margin					: 0px;
	margin-top				: 2px;
	border					: 0px solid #FFFFFF;
}

#footer_text a {
	color					: #FFFFFF;
	text-decoration			: none;
}

#footer_text a:hover {
	text-decoration			: underline;
}

#menu_onder {
	width												: 390px;
	height											: 20px;
	position										: relative;
	margin											: auto;
	margin-left 								: 197px;
	border											: 0px solid white;
	margin-top									: 5px;
	text-decoration							: none;
	font-size										: 13px;
	z-index											: 1000;
}

#menu_onder a:link, #menu_onder a:active, #menu_onder a:visited, #menu_onder a:hover {
	color												: #FFFFFF;
	font-size										: 13px;
	border											: none;
}

#menu_onder a:hover {
	color												: #F39000;
}

#menu_onder li {
	display											: inline;
	margin											: 0px 8px;
}

#menu_onder ul {
	margin											: 0px;
	padding											: 0px;
	height											: 21px;
	float												: left;
}

#menu_onder img {
	position										: relative;
	padding-right								: 2px;
	float												: right;
	border											: none;
}

#menu_onder_sub {
	width												: 390px;
	height											: 20px;
	position										: relative;
	margin											: auto;
	margin-top									: 5px;
	border											: 0px solid white;
	text-decoration							: none;
	font-size										: 13px;
}

#menu_onder_sub li {
	display											: inline;
	margin											: 0px 8px;
}

#menu_onder_sub ul {
	margin											: 0px;
	padding											: 0px;
	height											: 21px;
}

#menu_onder_sub img {
	position										: absolute;
	right												: 2px;
	top													: 1px;
	border											: none;
}

#menu_onder_sub a:link, #menu_onder_sub a:active, #menu_onder_sub a:visited, #menu_onder_sub a:hover {
	color												: #FFFFFF;
	font-size										: 13px;
	border											: none;
}

#menu_onder_sub a:hover {
	color												: #F39000;
}

#terug_boven {
	display											: block;
	position										: absolute;
	right												: 86px;
	margin-top													: 45px;
}

* html #terug_boven {
	right												: 20px;
}

#terug_onder {
	display											: block;
	position										: absolute;
	right												: 26px;
	border											: 0px solid white;
	bottom											: 10px;
	margin											: 0px;
	padding											: 0px;
	z-index											: 1000;
}

* html #terug_onder {
	bottom											: 20px;
	}

#subsubmenu {
	display											: block;
	position										: absolute;
	right												: 26px;
	top													: 515px;
	height											: 55px;
	width												: 280px;
	border											: 0px solid yellow;
	text-align									: right;
	padding-bottom							: 20px;
	z-index											: 1000;
}

#subsubmenu ul {
	margin											: 0px;
	padding											: 0px;
	border											: 0px solid yellow;
}

#subsubmenu li {
	list-style									: none;
	margin											: 0px;
	padding											: 0px;
	text-align									: right;	
}