/* CSS Document 

Created by Julian Smith
Websmiths - http://www.websmiths.com.au
2007

---- CONTENTS -----

- Basics
- Forms
- Main Layout 
- Nav Lists
- Main Typography
- Pathways classes
- General Classes

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



/*
----- set basics -----*/

* {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	border: 0;
}

a {
	text-decoration: none;
	color: #069;
}
	a:hover { 
		text-decoration: underline;
		color: #066;
	}
	a:visited { color: #400; }
	
	
	
ul, ol { margin: .4em 0 .8em 2.5em; }

b, i { float: left; }
b {	
	width: 120px;
	text-align: right;
	padding-right: .7em;
}


/*
----- Form fields etc. ------*/
div.form { 
	clear: both;
	margin: 1em 0 0;
}


input, textarea {
	padding: .2em;
	border: 1px solid #666;
	border-left-color: #CCCCCC;
	border-top-color: #CCCCCC;
}



/*
----- Main Layout -----*/

body {
	background: #000 url(../../images/otr_bg_wood_01.jpg) center top;
	text-align: center;
	font-size: 77%;
}

	/* for fckeditor */
	body#copy { 
		background: #fff; 
	}

div#wrap {
/*	background: #fff url(../../images/bba_logo_temp.gif) no-repeat center center;
	height: 700px;
	width: 500px;
*/
	margin: 0 auto;
}

div#logo {
	float: right;
	padding: 16px 32px 0 0;
}
	#logo a {
		padding: .3em;
		background: #888;
	}
	
div#content {
	margin: 0;
	padding: 0;
	background: #fff url(../../images/board_wide_strip.gif) repeat-y center; 
}
	#content li { 
		float: left;
		margin: 0 0 0 2em;
	}



div#footer {
	font-size: .8em;
	color: #000033;
	padding: .2em 0;
}

div#websmiths {
	font-size: .9em;
	color: #3fc;
}
	#websmiths a { color: #6ff; }
	#websmiths p { padding: 5px; }

#footer p, #websmiths p { text-align: center; }



/* 
----- Nav lists -----
#mainnav { 
	margin: 0;
	padding: 50px 0 0 50px;
}

*/
#mainnav ul { 
	height: 2.5em;
	margin: 0;
}
	
/* basic states */
#mainnav li, #mainnav a {
	float: left;
	color: #000;
	margin: 0;
}
	#mainnav a { 
		padding: 5px .5em;
		font-size: 1.1em;
		font-family: Arial, Helvetica, Verdana, sans-serif;
	}
	#mainnav a:hover, #mainnav li#active a:hover { text-decoration: none; }
	
	#mainnav li { 
		list-style-type: none;
		margin: 0 1px 0 0;
	}

	/* basic hover for tabs */
	#mainnav li:hover a {
		padding-top: 12px;
		color: #fff;
	}
	
	#mainnav li#active a, #mainnav li#active a:hover { 
		padding: 8px .6em 8px;
		color: #fff;
	}
	/* dropdown stuff */
	/**/
	#mainnav li { position: relative; }
	
	#mainnav li ul {
		display: none;
		position: absolute;
		top: 25px;
		left: 0;
		z-index: 100;
	}
	
	#mainnav li:hover ul, #mainnav li#active:hover ul { display: block; }
	
	#mainnav li li, #mainnav li li:hover, #mainnav li#active li, #mainnav li#active li:hover {
		clear: both;
		padding: 0;
	}
	/* clear backgrounds */
	#mainnav li li, #mainnav li#active li, #mainnav li li a, #mainnav li#active li a, #mainnav li:hover li a {
		background: none;
		padding: 0;
	}	
	
	
	#mainnav li li a, #mainnav li#active li a, #mainnav li:hover li a  { 
		background: #002 url(../../images/nav/dropstrip.jpg) left top;
		color: #fff;
		float: left;
	}
	#mainnav li li a, #mainnav li li a:hover, #mainnav li#active li a, #mainnav li#active li a:hover,  #mainnav li:hover li a, #mainnav li:hover li a:hover  { 
		padding: .5em .5em .4em 2em;
		width: 9.5em;
	}
	#mainnav li li a:hover, #mainnav li#active li a:hover, #mainnav li:hover li a:hover {
		background-position: left bottom;
		color: #fff;
	}
	

/*
----- Main Typography -----
p, h1, h2, h3, h4, h5, h6 { clear: both; }
*/
p {
	padding: .6em .8em .5em;
}

h1 {
	font-size: 1.4em;
	color: #003366;
	font-family: Arial, Helvetica, Geneva, sans-serif;
/*	letter-spacing: .15ex;
*/	font-weight: normal;
}

h2 {
	font-size: 1em;
	color: #660000;
}

h1, h2, h3 {
	padding: 1.4em 4em .4em 0;
	line-height: 1.35em;
}

h4, h5 {
	padding: .7em 0 .2em;
}

h6 {
	color: #336699;
	text-transform: uppercase;
	line-height: 1.3em;
	padding: 1em 4em 1em 0;
}




/*
----- Message Div -----*/
div.message {
	clear: both;
	padding: 1em;
}
	.message p { color: #900; }



.row1, .row2 { 
	padding: .3em;
	margin: 1px 0 0;
	background:#EEEBE0;		/*	F3E9D8	*/
}
	.row2 { background: #DDE5EE; }	/* DED6CF */

	.row1 img, .row2 img {
		float: left;
		margin: 0 1em 0 0;
	}
		.row1 h4, .row2 h4 {
			font-size: 1.4em;
			font-family: Arial, Helvetica, Geneva, sans-serif;
			font-weight: normal;
			letter-spacing: .17ex;
			color: #27471A;
		}
/*
----- Various classes -----*/

.clear { clear: both; }


.fl { float: left; }
.fr { float: right; }

	img.fl { margin: 0 5px 0 0; }
	img.fr { margin: 0 0 0 5px; }

.centre { text-align: center; }

.flashplayer {
	background: #000;
	text-align: center;
}