/* ######################################################################### */
/*   URL: www.myplaceinafrica.co.za                                          */
/*   Path: ./_css/myplaceinafrica_1.0.css                                    */
/*   Author: tatze - www.gearz.de                                            */
/*   Date: 05.10.2008                                                        */
/* ######################################################################### */


/* ######################################################################### */
/* General Output */
/* ######################################################################### */

@media all {

	html * {
/*		Herculanum, Copperplate Gothic Light*/
/*		color: #4c420f;*/
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: 10pt;
	}
	
	body {
		text-align: left;
		text-decoration: none;
		font-weight: normal;
	}
	
	.mark {
		border: 1px solid #dd5c32;
	}
	
	th, td {
		vertical-align: top;
		padding: 5px;
		padding-left: 8px;
		padding-right: 8px;
		font-size: 9.5pt;
	}
	
	th {
		font-weight: bold;
	}

	td { border-top: 1px solid #4c420f;}
	
	.td1, .td35 { width: 35%; }
	
	.td25 { width: 25%; }
	
	h1, h2, h3, h4, h5 {
		padding: 0;
		padding-top: 1.25em;
		padding-bottom: 0.75em;
		margin: 0;
		font-weight: normal;
	}
	
	h1 { font-size: 1.2em; }
	h2 { font-size: 1.15em; }
	h3 { font-size: 1.1em; }
	h4 { font-size: 1.05em; }
	h5 { font-size: 1em; }

/* 	h3.first { padding-top: 0; }*/

	p { margin-top: 0; }

	hr {
		border: 1px solid #ddd;
		border-left: 1px solid black;
		border-top: solid black 1px;
		background: transparent;
	}
	
	li, dd { padding-bottom: 0.5em; }
	
	li { list-style-type: square; }
	
	dt { font-weight: bold; }

	#content ul { margin: 0; }

	.center { text-align: center; }
	
	.right { text-align: right; }
	
	.left { text-align: left; }
	
	.floatright { float: right; }
	
	.floatleft { float: left; }
	
	.clear {clear:both;}
	
	.red { color: red; }
	
	.huge { font-size: 14pt;}

	.large { font-size: 12.5pt; }
	
	.medium { font-size: 11pt; }
	
	.small { font-size: 9.5pt; }
	
	.bold { font-weight: bold; }
	
	.italic { font-style: italic; }
	
	.normal {
		font-style: normal;
		font-weight: normal;
	}
	
	.top { vertical-align: top; }
	
	.middle { vertical-align: middle; }
	
	.bottom { vertical-align: bottom; }
	
	.indentBlock { margin-left: 1.5em; }
	
	.middle { vertical-align: middle; }
	
	.left { text-align: left; }
	
	.underline { text-decoration: underline; }
	
	.noborder { border: none; }
	
	.border { border: 1px solid black; }
	
	.autoCenter {
		margin: auto;
		padding: 10px;
		width: 550px;
	}
	
	img.floatleft, table.floatleft {
		margin: 15px;
		margin-left: 0;
	}

	img.floatright, table.floatright {
		margin: 15px;
		margin-right: 0;
	}

	.text {
		padding-bottom: 1.5em;
		margin-bottom: 1.75em ;
	}
	
	.text table { margin-top: -1em;}

	.hidden { display: none; }
	
/*	.box {
		border-top: 3px solid #aaa;
		border-left: 3px solid #aaa;
		border-right: 3px solid #888;
		border-bottom: 3px solid #888;
		margin: 10px;
		padding: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}*/
	
/*	.yellow { background: #e7e78e; }*/
	
/*	.blue { background: #8db9e6;}*/

}


/* ######################################################################### */
/* Display Output */
/* ######################################################################### */

@media screen {
	
	body {
		background: #bcb28f url('../_img/page/bg.jpg') no-repeat top center;
		color: black;
		margin: 0 auto;
		min-height: 635px;
	}
	
	#page {
		width: 1020px;
		margin: 0 auto;
	}
	
	a, a:visited {
		color: #820D0D;
		text-decoration: none;
	}
	
	a:hover {
		color: red;
	}

	#links {
		position: absolute;
		top: 50px;
		color: black;
		width: 185px;
		float: left;
		margin-left: 70px;
	}
	
	#navlist {
		display: block;
		list-style: none;
		padding: 0;
		text-align: left;
	}

	#navlist li {
		display: block;
		width: 181px;
		float: left;
		margin: 0;
	}

	#navlist li a.active, #navlist li a.active:visited {
		border-bottom: 1px solid black;
		border-top: 1px solid black;
	}

	#navlist li a, #navlist li a:visited {
		display: block;
		padding: 0;
		color: black;
		border-bottom: 1px solid transparent;
		border-top: 1px solid transparent;
	}

	#navlist li a:hover, #navlist li a.active:hover {
/*		background: #9a906d;*/
		border-top: 1px solid #dd5c32;
		border-bottom: 1px solid #dd5c32;
	}
	
	#content {
		position: relative;
		top: 130px;
		left: 280px;
		z-index: 4;
		display: block;
		width: 580px;
		height: 412px;
		overflow: auto;
		padding-left: 40px;
		padding-right: 20px;
	}
	
	#footer {
		position: absolute;
		top: 575px;
		display: block;
		height: 60px;
		width: 100%;
		color: #666;
	}
	
	#footertext, #footertext a, #footertext.dontprint {
		text-align: center;
		font-size: 9pt;
		color: #666;
		text-decoration: none;
		margin-top: 40px;
	}
	
	.print { display: none; }

}


/* ######################################################################### */
/* Printer Output */
/* ######################################################################### */

@media print {
	
	body { color: black; }
	
	#links, #footer, .dontprint { display: none; }
	
	#content { padding-top: 20px; }
	
	a, a:visited { color: black; }
	
}