/*
	Style Index
	
	$1 - Site Structure Styles
	$2 - Header Styles
	$3 - Sidebar Styles
	$4 - Content Styles
	$5 - Footer Styles
	$100 - Clearfix Styles
*/


/* undohtml.css 
(CC) 2004 Tantek Celik. Some Rights Reserved.
http://creativecommons.org/licenses/by/2.0
This style sheet is licensed under a Creative Commons License.
Purpose: undo some of the default styling of common (X)HTML browsers */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }


/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/

body {
	background:#CED4C2 url(images/body-bg.gif) repeat-x;
	font:12px verdana, arial, sans-serif;
	padding-bottom:50px;
	}
	
#container {
	width:820px;
	margin:0 auto;
	}


#header {
	position:relative;
	background:#fff url(images/header-bg.gif) repeat-x;
	height:121px;
	}

#content-container {
	width:780px;
	padding:30px 20px;
	background:white url(images/content-bg.gif) repeat-x;
	}
	
	#index-body #content-container {
		width:800px;
		padding:30px 0 10px 20px;
		background:white url(images/content-bg.gif) repeat-x;
		overflow:hidden;
		}

	
#main-content {
	float:left;
	width:500px;
	}
	
#sidebar-right {
	float:right;
	width:250px;
	}

	
#footer {
	width:780px;
	height:190px;
	padding:60px 20px 0 20px;
	background:url(images/footer-bg.png) no-repeat;
	color:white;
	}
	
/* $2 - Header Styles ///////////////////////////////////////////////////////////////////////////////////*/

ul#header-nav {
	position:absolute;
	bottom:-1px;
	left:20px;
	height:38px;
	}

html>body ul#header-nav { /* Needed for Internet Explorer 6 */
	bottom:0;
	}

ul#header-nav li {
	margin-right:2px;
	}

ul#header-nav li,
ul#header-nav li a {
	float:left;
	display:block;
	width:100px;
	height:38px;
	}
	
ul#header-nav li.home a {
	background:url(images/nav-home.png) no-repeat;
	}

ul#header-nav li.home a:hover {
	background:url(images/nav-home.png) left -38px no-repeat;
	}

ul#header-nav li.add a {
	background:url(images/nav-add.png) no-repeat;
	}

ul#header-nav li.add a:hover {
	background:url(images/nav-add.png) left -38px no-repeat;
	}

ul#header-nav li.about a {
	background:url(images/nav-about.png) no-repeat;
	}

ul#header-nav li.about a:hover {
	background:url(images/nav-about.png) left -38px no-repeat;
	}

ul#header-nav li.contact a {
	background:url(images/nav-contact.png) no-repeat;
	}

ul#header-nav li.contact a:hover {
	background:url(images/nav-contact.png) left -38px no-repeat;
	}

ul#header-nav li a span {
	display:none;
	}

ul#header-nav li.active a {
	background-position:left -38px;
	}

#search-bar {
	position:relative;
	height:58px;
	padding:22px 0 0 20px;;
	background:url(images/search-bar-bg.gif) repeat-x;
	}

#search-bar input.search-input {
	float:left;
	margin-right:5px;
	height:28px;
	width:334px;
	padding:8px 8px 0 8px;
	background:url(images/search-bg.png) no-repeat;
	border:none;
	font:bold 15px verdana, arial, sans-serif;
	color:#7A875F;
	}

.header-logo {
	position:absolute;
	bottom:0;
	right:14px;
	}

	
/* $3 - Sidebar Styles ///////////////////////////////////////////////////////////////////////////////////*/

.menu-block {
	margin:0 0 15px 0;
	width:250px;
	padding-top:15px;
	background:url(images/directory-block-top-bg.gif) no-repeat;
	}

	.menu-block-inside {
		width:226px;
		padding:0 12px 15px 12px;
		background:url(images/directory-block-bot-bg.gif) left bottom no-repeat;
		}
		
	.menu-block-inside h2 {
		font:bold 15px arial, verdana, sans-serif;
		color:#000000;
		padding-bottom:6px;
		margin-bottom:15px;
		border-bottom:1px solid #E8EAE1;
		}
	
	.menu-block li {
	margin-bottom:8px;
	padding-left:16px;
	background:url(images/sidebar-bullet.gif) left 50% no-repeat;
	}

.menu-block li a,
.menu-block li a:link,
.menu-block li a:visited {
	text-decoration:underline;
	color:#333;
	}

.menu-block li a:hover {
	text-decoration:none;
	}
	
/* $3 - Content Styles ///////////////////////////////////////////////////////////////////////////////////*/

a,
a:link,
a:visited {

	}

a:hover {
 
	}


h1,h2,h3,h4,h5,h6 {
	
	}
	
h1 {
	font:bold 25px arial, verdana, sans-serif;
	color:#000;
	padding-bottom:10px;
	margin-bottom:30px;
	border-bottom:1px solid #E8EAE1;
	}

p {
	margin-bottom:10px;
	line-height:1.5;
	}


img {
	border:none;
	}


/* Index directory blocks */

.directory-block {
	float:left;
	margin:0 15px 15px 0;
	width:250px;
	padding-top:15px;
	background:url(images/directory-block-top-bg.gif) no-repeat;
	}

	.directory-block-inside {
		width:226px;
		height:100px;  /* SET THIS TO MATCH YOUR TALLEST BLOCK - THIS WAY THEY WILL ALL BE THE SAME SIZE*/
		padding:0 12px 15px 12px;
		background:url(images/directory-block-bot-bg.gif) left bottom no-repeat;
		}

.directory-block h2 {
	font:bold 15px arial, verdana, sans-serif;
	color:#000000;
	padding-bottom:6px;
	margin-bottom:6px;
	border-bottom:1px solid #E8EAE1;
	}


/* Directory Listings page */

#main-content .dl-listings dt {
	font:bold 14px arial, verdana, sans-serif;
	color:#000;
	margin-bottom:8px;
	}

.dl-listings dd {
	padding:0 0 10px 0;
	margin:0 0 15px 20px;
	border-bottom:1px solid #E8EAE1;
	}
	



/* $5 - Footer Styles ///////////////////////////////////////////////////////////////////////////////////*/

.footer-left {
	float:left;
	width:266px;
	margin-right:20px;
	background:url(images/footer-line.png) right 50% no-repeat;
	}

.footer-mid {
	float:left;
	width:266px;
	background:url(images/footer-line.png) right 50% no-repeat;
	}

.footer-right {
	float:right;
	width:210px;
	}

#footer p {
	margin-bottom:20px;
	}

#footer h2 {
	font:bold 16px arial, verdana, sans-serif;
	margin-bottom:5px;
	}

.footer-right ul {
	margin-bottom:25px;
	padding-left:1px;
	}

.footer-right li {
	padding:0 0 0 16px;
	margin-bottom:8px;
	background:url(images/footer-bullet.gif) left 4px no-repeat;
	}

.footer-right li a {
	color:white;
	font-size:11px;
	text-decoration:underline;
	}

.footer-right li a:hover {
	text-decoration:none;
	}

div.copyright {
	height:36px;
	width:200px;
	padding:0 0 0 10px;
	background:url(images/footer-copy-bg.gif) no-repeat;
	font:11px verdana;
	color:#BEDC87;
	line-height:36px;
	}


/* $100 - Clearfix Styles ///////////////////////////////////////////////////////////////////////////////////*/



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;display:inline-block;}
/* End hide from IE-mac */