/* Start of CMSMS style sheet 'ar_home' */
#overlaydiv {
  width: 100%; height: 100%;
  <!--background: url("http://www.outlookonafrica.co.za/africanraptor/uploads/images/ar_graphics/c1SG105013_bg.jpg");-->
  background-position: top right;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

* { margin: 0; outline: none; } 
html, body {height: 100%;}

body { 
background: url("http://www.outlookonafrica.co.za/africanraptor/uploads/images/ar_graphics/lanner3_bg.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  background-attachment: fixed;
font: normal 13px/1.2em Verdana, Arial, Helvetica, Sans-Serif; margin: 30px 0 20px 0; padding: 0; line-height: 1.5em; word-spacing: 0.1em; }

#maincontainer { 
background: url(images/spiral.png) repeat-y  top right;
width: 960px; 
min-height: 100%; 
height: auto !important; 
height: 100%; margin: 0 auto -50px; }

#header { background: url(uploads/images/ar_graphics/outline%20logo_100.jpg) no-repeat 0 0; height: 180px; }

#header h1 { font-size: 2.7em; line-height: 1em; font-weight: normal; margin: 0 0 0 160px; padding-top: 40px; }

#header span { font-size: 1.3em; line-height: 1em; font-weight: normal; margin: 0 0 0 112px; }

#contentwrapper { 
border: .0em dotted #900;
float: left; 
width: 100%;
filter:alpha(opacity=85);
-moz-opacity:.85;
opacity:.85;);
background-image: url(uploads/images/ar_graphics/whitechecker_bg.gif);}

/*MENU*/

#menu { margin: 0 70px 10px 15px; 
z-index: 2;
position:relative; 
border: .0em dotted #900;}

/*CONTENT COLUMN*/

#contentcolumn {
margin: 40px 70px 20px 210px;
}

a, a:link, a:visited { color: #cc0000; text-decoration: underline; }

a:hover { color: #cc0000; text-decoration: none; }

#contentcolumn ul { list-style-type: square; }

/*BACK AND NEXT BUTTON*/

ul#navigation { list-style-type: none; margin: 0; padding: .5em 0 0 10px; border-top: 1px solid #4682b4; }

ul#navigation li { clear: none; margin-top: 5px; }

ul#navigation li a { display: block; color: #fff; background: #4682b4 url(images/buttonOFF.png) repeat-x 0% 0%; padding: .2em .4em; text-align: center; text-decoration: none; }

ul#navigation li a:hover { color: #fff; background: #cc0000 url(images/buttonON.png) repeat-x 0% 0%; }

ul#navigation .left { float: left; } ul#navigation .right { float: right; }

/*LEFT COLUMN*/

#leftcolumn { 
text-transform: uppercase; float: left; width: 190px; margin: 30px 70px 20px -948px; 
z-index: 1;
position:relative;
border: .0em dotted #900;
}

#leftcolumn h4 { font-size: 1.1em; background-color: #000000; color: #fff; margin: 0; padding-left: 4px; text-transform: none; line-height: 1.4em; }

#navlist { padding: 5px 0; margin: 0; width: 228px; }

#navlist li { background: #fff url(images/points.png) repeat-x 0 1.3em; list-style: none; line-height: 2em; margin: 0 0 0 10px; }

#navlist li a, #navlist li a:link, #navlist li a:visited { background-color: #fff; color: #000; text-decoration: none; padding-left: 5px; }

.seagreen { border-left: 30px solid #2e8b57; }
.rawsienna { border-left: 30px solid #c76114; }
.lightblue { border-left: 30px solid #7d9ec0; }
.beet { border-left: 30px solid #8e388e;}
.steelblue { border-left: 30px solid #4682b4;}

#navlist li a:hover { color: #cc0000; text-decoration: underline; }

.greybox { background: #fff url(images/greybox.png) repeat-x 0% 0%; text-transform: none; padding: 5px 10px; }

/*FOOTER*/

#footer { clear: both; width: 960px; margin: 5px auto; text-align: right; }

#footer, #push { height: 50px; clear: both; }

/*STYLES*/

h2 { border-bottom: 1px solid #000; font-size: 1.9em; font-weight: normal; line-height: 1em; margin: 0 0 16px 0; padding-bottom: 8px; }

h3 { font-size: 1.5em; font-weight: normal; line-height: 1em; margin: 0 0 16px 0; }

h4 { font-size: 1.3em; font-weight: normal; line-height: 1em; margin: 0 0 8px 0; }

p { margin: 0 0 16px 0; }

blockquote { border: 1px solid #4682b4; border-top-width: 0; margin: -5px 20px 16px 20px; padding: 0; }

blockquote p { font-size: 1.1em; letter-spacing: 1px; padding: 5px 10px; }

blockquote em { font-size: 1.3em; color: #4682b4; line-height: 1.6em; }

.listnumber { color: #4682b4; float: left; font-size: 3.2em; line-height: 83%; padding-right: 3px; }

#contentcolumn ul { list-style-type: none; margin: 0 0 16px; padding: 0; }

#contentcolumn li { clear: both; margin-bottom: 8px; }

.innertube { margin: 5px 70px 0 0; }

.shadow { background: url(images/shadow.png) no-repeat bottom right; padding: 0 7px 7px 0; }

/* Image styleing */
.imgmrgLFT {border:solid 1px #cccccc; margin:10px; float:left}
.imgmrgRGT {border:solid 1px #cccccc; margin:10px; float:right}



/*JS MENU */

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 70px;
	background: #D8B923;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #EAD989}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	border: 1px solid #000000}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAD989;
		color: #000000;
		font: 11px arial}

	#sddm div a:hover
	{	background: #D8B923;
		color: #FFF}
/* End of 'ar_home' */