/* CSS styles for URL
   Coded by DJENAN KOZIC :: XX/XX/2008
   ----------------------------------------------------- */

/* ------ CSS CONTENTS ------

   1. COLOURS, DIMENSIONS & DESIGN NOTES
   2. RESETS
   3. BASICS
   4. HEADER
   5. NAVIGAITON
   6. MAIN CONTENT
   7. FOOTER
   8. FORMS

/*


/* ------ 1. COLOURS, DIMENSIONS & DESIGN NOTES ------

   PAGE WIDTH: 900px

   Independent elements, single content/images column.

   Body Background:       #xxx
   Header Background:     #xxx
   Navigation Background: #xxx
   Content Background:    #xxx
   Footer Background:     #xxx

   H2:                    #xxx
   Main Text:             #xxx
   Links:                 #xxx

   Image Border:          #xxx

   Footer Text:           #xxx
   Footer Links:          #xxx

*/



/* ------ 2. RESETS ------ */

* { margin:0; padding:0; }

html {overflow-y: scroll;}

a, a:hover, a:active, a img, a, a:hover img, a:active img { outline:none; border:none; }



/* ------ 3. BASICS ------ */

body {
	font-size:62.5%;
	background-color:#3F3F2F;
	background:#3F3F2F url('../img/bg.gif') repeat-y top center;
	}
	
a { text-decoration:underline; }
a:hover { text-decoration:none; }

.hidden {display:none;}



/* ------ 4. HEADER ------ */
#top-frame {
	width:900px;
	height:12px;
	margin:0 auto;
	border-bottom:2px solid #939472;
	background-color:#a5a67e;
}
#header {
	position:relative;
	margin:0 auto;
	width:900px;
	height:300px;
	background:#674c3b url('../img/header-bg.gif') repeat-x top left;
	}

h1.logo {
	position:absolute;
	top:50px;
	left:0;
	z-index:10;
	}
a.logo {
	display:block;
	text-indent:-5000em;
	width:355px;
	height:144px;
	background:transparent url('../img/logo.png') no-repeat 0 0;
	}
a.logo:hover { background-position:0 -145px; }
a.logo:active { background-position:0 -290px; }
#header img {
	width:658px;
	height:219px;
	background:transparent url('../img/header-img-bg.jpg') no-repeat center center;
	padding:15px;
	position:absolute;
	top:25px;
	left:192px;
	z-index:2;
}


/* ------ 5. NAVIGAITON ------ */

#navigation {
	border-top:1px solid #737466;
	padding:20px 0;
	position:relative;
	text-align:center;
	width:900px;
	margin:0 auto;
	background: #e6e3d4 url('../img/nav-bg.gif') repeat-x top;
	}
	#navigation a {
		color:#49493d;
		overflow:hidden;
		text-decoration:none;
		font:normal 12px 'Lucida Sans', Arial, Sans-serif;
		text-transform:uppercase;
		padding:0 10px 0 7px;
		line-height:1.6em;
		}
		#navigation a:hover, #navigation a.on { color:#769100; }
		#navigation a:active { color:#000; }
		

	#navigation ul {
		list-style:none;
		margin:0;
		padding:0;
		}
	#navigation li {
		display:inline;
		margin:0;
		padding:0 10px 0 7px;
		text-transform:uppercase;
		border-right:1px solid #c4c59e;
		}
		#navigation li.last { border:none; }
		
		#navigation a:hover, #navigation li a.on { color:#769100; }
		#navigation a:active { color:#000; }


/* ------ 6. MAIN CONTENT ------ */

#wrapper {
	position:relative;
	width:900px;
	margin:0 auto;
	}

div#main-focus {
	background-color:#171717;
	border-left:15px solid #333436;
	border-bottom:1px solid #333436;
	width:482px;
	height:88px;
	float:left;
	padding:15px 30px 24px 33px;
	}
	div#main-focus h2, div#secondary-focus h2 {
		color:#fefefe;
		font-size:26px;
		padding-bottom:0.3em;
		font-weight:normal;
		letter-spacing:-0.05em;
		font-family: 'Lucida Sans', Verdana, Arial, Helvetica, Sans-serif;
	}
	div#main-focus p {
		color:#b79580;
		font:normal 12px 'Lucida Sans', Verdana, Arial, Helvetica, Sans-serif;
		line-height:1.6em;
	}
	div#main-focus a {}
div#secondary-focus {
	background-color:#83a101;
	border-left:15px solid #678000;
	border-bottom:1px solid #678000;
	width:265px;
	height:88px;
	padding:15px 30px 24px 30px;
	float:right;
	}
	div#secondary-focus p {
		color:#46540e;
		font:normal 12px 'Lucida Sans', Verdana, Arial, Helvetica, Sans-serif;
		line-height:1.6em;
	}
	div#secondary-focus a, div#secondary-focus p em {
		color:#ffffff;
	}

div#content-wrapper {
	background-color:#e4e5d5;
	border-bottom:1px solid #b9b8a4;
}

div.content {
	float:left;
	padding:27px 33px 27px 0;
	margin-left:45px;
	*margin-left:25px;
	width:482px;
	*width:472px;
	}
body.wide-page div.content {
	width:822px;
}
	div.content p, div.images p, tr {
		color:#333436;
		font:normal 12px 'Lucida Sans', Verdana, Arial, Helvetica, Sans-serif;
		line-height:1.6em;
		padding:0.8em 0;
	}
	
	div.images p {
		text-align: left;
		padding-right: 33px;
		padding-left: 33px;
	}
	
	div.content a, div.images a {
		color:#83a101;
	}
	
	div.content a:hover {
		text-decoration:none;
	}

	div.content h1 {
		color:#674c3b;
		font:normal 18px 'Lucida Sans', Verdana, Arial, Helvetica, Sans-serif;
		padding:0.4em 0 0.3em 0;
		font-weight:normal;
		letter-spacing:-0.05em;
	}
	div.content h2 {
		color:#83a101;
		border-bottom:1px solid #CFCFB7;
		font:normal 16px 'Lucida Sans', Verdana, Arial, Helvetica, Sans-serif;
		padding:0.8em 0 0.4em 0;
		font-weight:normal;
		letter-spacing:-0.05em;
		clear:both;
	}
	div.content h3 {
		color:#F98A00;
		font:normal 14px 'Lucida Sans', Verdana, Arial, Helvetica, Sans-serif;
		padding:0.8em 0 0.0em 0;
		font-weight:normal;
		letter-spacing:-0.05em;
		clear:both;
	}
	div.content h4 {
		color:#5A5E3C;
		font:bold 13px 'Lucida Sans', Verdana, Arial, Helvetica, Sans-serif;
		padding:1em 0 0.2em 0;
		font-weight:normal;
		letter-spacing:-0.05em;
	}
	div.content h5 {
		color:#fefefe;
		font:normal 26px 'Lucida Sans', Verdana, Arial, Helvetica, Sans-serif;
		padding-bottom:0.3em;
		font-weight:normal;
		letter-spacing:-0.05em;
	}
	div.content h6 {
		color:#fefefe;
		font:normal 26px 'Lucida Sans', Verdana, Arial, Helvetica, Sans-serif;
		padding-bottom:0.3em;
		font-weight:normal;
		letter-spacing:-0.05em;
	}

	div.content ol, div.content ul {
		/* padding:0.8em 0 0.8em 16px;
		*margin-left:0px; */
		}
	div.content li {
		color:#333436;
		font:normal 12px 'Lucida Sans', Verdana, Arial, Helvetica, Sans-serif;
		line-height:1.6em;
	}
	div.content ul.community-info {
		background-color:#EED;
		list-style:none;
		list-style-position: outside;
		border:1px solid #D5D5C6;
		padding:0;
		margin-top:10px;
		position:relative;
		}
		div.content ul.community-info li {
			border-bottom:1px solid #D5D5C6;
			padding:5px 10px;
			position:relative;
			margin:0;
		}
			div.content ul.community-info ul {
				list-style: none;
				margin-top:0px;
				margin-left:165px;
				padding:5px 10px 5px 8px;	
				list-style-position: outside;
			}
			div.content ul.community-info ul li {
				border-bottom:none;
				padding:0;
			}
		
			div.content ul.community-info li span {
				width:160px;
				display:inline-block;
				font-weight:bold;
			}
	div.content a {
		color:#XXXXX;
		text-decoration:underline;
		}
	div.content a:hover {
		text-decoration:none;
		}
	div.content a:active {}
	
	body.wide-page div.content table {
		border:1px solid #D5D5C6;
		background-color:#EED;
		margin-bottom:15px;
	}
	body.wide-page div.content table tr {}
	body.wide-page div.content table tr th {
		vertical-align:top;
		text-align:left;
		padding:0 10px 6px 10px;
		border-bottom:1px solid #D5D5C6;
	}
		body.wide-page div.content table tr th h2 {
			border-bottom:none;
		}
	body.wide-page div.content table tr td {
		vertical-align:top;
		padding:10px;
	}
	body.wide-page div.content table tr td img {
		border:6px solid #f7f6f4;
		
	}

div.images {
	float:right;
	width:340px;
	padding:25px 0px 31px 0;
	position:relative;
	text-align:left;
	}
	div.images div.supplemental {
		position:absolute;
		top:0;
		left:0;
		width:15px;
		height:100px;
		background-color:#d0d0b8;
	}
	div.images img {
		border:6px solid #f7f6f4;
		margin:31px 33px 0 33px;
	}

div.clear { clear:both; }



/* ------ 7. FOOTER ------ */

#footer {
	position:relative;
	width:822px;
	background-color:#d0d0b8;
	margin:0 auto;
	border-top:1px solid #c5c4af;
	padding:27px 33px 27px 45px;
	}

	#footer p {
		font:normal 12px 'Lucida Sans', Verdana, Arial, Helvetica, Sans-serif;
		color:#a3a485;
		line-height:1.6em;
	}

	#footer a {
		color:#678000;
		text-decoration:underline;
		}
	#footer a.infs-link { color:#664c3b; }
	#footer a:hover {
		text-decoration:none;
		}
	#footer a:active { color:#000; }


/* ------ 8. FORMS ------ */