﻿/* NSWRA Home page styles */
/* Author:  Graeme cooper */
/* Son of Suckerfish Dropdowns" from "HTML Dog", Patrick Griffiths http://www.htmldog.com */

body {text-align:center;
	  font-family:Verdana,Arial,Helvetica,sans-serif;
	  font-size:90%;
	  margin:0; padding:0;
	  color:#333;
	  background:#5a5a5a;}
	
div {text-align:left; margin:0; padding:0;}
p   {font-size:0.92em; margin:0px 14px 8px 12px; padding:0; line-height:1.3em;} /* ~11px */
li  {font-size:0.92em; margin:0; padding:0 0 0px 5px; line-height:1.2em}

.bold {font-weight: bold;}
.centre {text-align: center;}
.indent40 {	margin-left: 40px;}
.indent52 {margin-left: 52px;}
.clearboth {clear: both;}
.image {padding: 0; margin:0 0 20px 10px;}
.imagefloatright {padding: 0; margin:0 0 20px 10px; float:right}
.imagefloatleft {padding: 0; margin:0 0 20px 10px; float:left}
.borderedimage {padding: 0; margin:0 0 20px 10px; border-style:solid; border-width: 1px;}
.borderedimagefloatright {padding: 0; margin:0 0 20px 10px; border-style:solid; border-width: 1px; float:right}
.borderedimagefloatleft {padding: 0; margin:0 10px 20px 10px; border-style:solid; border-width: 1px; float:left}

/* ---------------------------------------------------------------- */

/* headings and links */

h1, h2, h3, h4 {font-family:Arial,Helvetica,sans-serif;}
h1 {font-size:2.0em; font-weight:bold; margin:0 0 10px 10px; padding:0;}
h2 {font-size:1.5em; font-weight:bold; margin:0 0 10px 10px; padding:0;}
h3 {font-size:1.3em; font-weight:bold; margin:0 0 10px 10px; padding:0;}
h4 {font-size:1.1em; margin:0 0 10px 10px; padding:0;}

a {color:#016ca9;  font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline; background:#e0e0e0;}

#nav {width:600px; padding: 0px; margin: 0px; list-style-type:none;}

#nav li {float:left; width:auto}   /* ie6 difference */

#nav li ul { /* second-level lists */
	position: absolute; float:none; padding: 0px; margin: 0px; list-style-type: none;
	background: #CCDD99;
	width: 150px;
	left: -999em;} /* using left instead of display to hide menus because display: none isn't read by screen readers */

#nav li:hover ul, #nav li.sfhover ul {left: auto;}  /* lists nested under hovered list items */
	
#nav a {font-family: Arial,Helvetica,sans-serif; font-size: 1.2em; font-weight:bold ;
	text-decoration: none; text-align: left;
	background-color: #D4D4B4; 
	border-right-style: solid; border-right-width: 2px; border-right-color:	black;
	padding: 5px 10px 0px 10px;
	width:auto; height: 25px; display: block; color:black;}

#nav li ul a {font-family: Arial,Helvetica,sans-serif; font-size: 1.0em; font-weight:normal;
	text-decoration: none; text-align: left;
    border-left-style: solid; border-left-width: 2px; border-left-color:black;
	background-color: #fffbd0; 
	padding: 5px 10px 0px 10px;
	width:150px; height: 25px; color:black;}

#nav a:hover {text-decoration:underline; background-color:#fffbd0;}

#home #nav-home a {color:red}

/* ---------------------------------------------------------------- */

/*  Main Layout  */

#wrapper {width: 960px;	margin: 0 auto;	padding: 0;	background:#C0C0A0;}

#masthead {position:relative; width:938px; height:125px; margin:0px 10px; padding: 0px;
   border: thin solid black; background-color:white; background-image: url('images/banner.gif')}
#masthead h1 {font-size :3.0em; font-weight:bold; margin:0px 0px 0px 180px; padding:10px;}
#masthead h2 {font-size:2.0em; font-weight:bold; margin:0px 0px 0px 260px; padding:0;}

#top_nav {width: 940px;	height: 50px; margin: 10px 10px 0px 10px; background:#C0C0A0;}
	#section_nav {margin:0; padding:0; width:580px; background:#C0C0A0; float:left}
   /* ie6 difference */
   	#googlesearch {border: 1px black solid; padding:4px; width:340px;  background-color:white; float:right}

#container {width: 940px; margin: 10px; clear:left;}
#container #lining {width: 940px; float:left; margin: 0; background-color:white;}

#left_col {background-color:#FFFbd0; width: 178px; float:left; margin: 0;}
	#recent {border: 1px solid black; padding:5px 0px;}
	#forum {border: 1px solid black; padding:5px 0px;}
	#contactus {border: 1px solid black; padding:5px 0px;}
	#lost {border: 1px solid black; padding:5px 0px;}
	#volunteers {border: 1px solid black; padding:5px 0px;}
	#emaillist {border: 1px solid black; padding:5px 0px;}
	#navsite {border: 1px solid black; padding:5px 0px;}

#main_content {width: 758px; margin: 0px; float:left; border: 1px black solid;}
	#centre_col {width:507px; float:left; margin:0px; padding: 10px 0px;
	   border-right-style: solid; border-right-width: 1px; border-right-color: black; }
	#right_col {width:248px; float:right; padding:10px 0px; margin:0px;}

#lands_advert {width:720px; float:left; margin:0px; padding:0px }

#footer {clear: both;  margin:10px; background-color:#77774f}

/* ---------------------------------------------------------------- */

/*  xx  */
