/*=========================================================================================*/
/* ----------------------------------- GENERAL Styles  ----------------------------------- */
/*=========================================================================================*/
html, body {
	padding: 0;
	margin: 0;
}

body {
	font: normal 11px Arial, Helvetica, sans-serif;
	background-color: #fff;
}

h1,h2 { /*headers*/
	color: #3D535E;
	margin: 0px;
}

h1 {
	font-size: 25px;
	font-weight: normal;
	margin-bottom: 10px;
}

h2 {
	font-size: 11px;
}

a { /* General links */
	font-weight: bold;
	text-decoration: none;
}

	a:hover{/* General links - hover */
		text-decoration: underline; 
	}

p {/*paragraphs*/
	color: #3D535E;
	margin: 0 0 20px 0;
}

div#wrapper{ /* Overall wrapper used on all pages */
	margin: 0;
}
/*------------------*/
/* - Table Styles - */
/*------------------*/
td {/*assume all cells are aligned to top*/
	vertical-align: top;
}

	td.footer {
		vertical-align: bottom;
	}
/*========================================================================================*/
/* ----------------------------------- HEADER Styles  ----------------------------------- */
/*========================================================================================*/
div#header {
	background: #fff url(../images/hdr_bk.jpg) repeat-x top;
}

div#header-menu {/* upper menu in header */
	text-align: right;
}

	/*-----------------------------*/
	/* - Navigation menu - START - */
	/*-----------------------------*/
	div#header-menu ul{
 		margin-left: 0;
		padding-left: 0;
		display: inline;
	}

	div#header-menu li{
		margin-left: 0;
		padding: 3px 10px;
		border-left: 1px solid #fff;
		list-style: none;
		display: inline;
	}

		div#header-menu li.first{
			margin-left: 0;
			border-left: none;
			list-style: none;
			display: inline;
		}
			
		div#header-menu li a{
			color: #fff;
			font-size: 10px;
		}
	/*---------------------------*/
	/* - Navigation menu - END - */
	/*---------------------------*/

div#header-submenu {/* lower menu in header */
	margin-top: 10px;
}

	/*-----------------------------*/
	/* - Navigation menu - START - */
	/*-----------------------------*/
	div#header-submenu ul{
 		margin-left: 0;
		padding-left: 0;
		display: inline;
	}

	div#header-submenu li{
		margin-left: 0;
		padding: 3px 10px;
		border-left: 1px solid #3D535E;
		list-style: none;
		display: inline;
	}

		div#header-submenu li.first{
			margin-left: 0;
			border-left: none;
			list-style: none;
			display: inline;
		}
			
		div#header-submenu li a{
			color: #3D535E;
		}
	/*---------------------------*/
	/* - Navigation menu - END - */
	/*---------------------------*/
/*========================================================================================*/
/* ----------------------------------- CONTENT Styles  ----------------------------------- */
/*========================================================================================*/
div#content {/* holds the main content of each page */
	margin-left: 270px;
}

div.content-search {/* holds a search box */
	background: #F2F2F2 url(../images/search_bk.gif) right no-repeat;
	margin-top: 2px;
	padding: 0 10px 10px 20px;
}

div.content-search-last {/* last search box in group */
	background-color: #F2F2F2;
	margin-top: 2px;
	padding: 0 10px 10px 20px;
}

	div.content-search p, div.content-search-last p {/* search dropdowns */
		margin: 10px 0 10px 0;
	}

	div.content-search select, div.content-search-last select {/* search dropdowns */
		border: 1px solid #000000;
		width: 130px;
		font-size: 11px;
		margin-bottom: 7px;
	}

/*========================================================================================*/
/* ----------------------------------- FOOTER Styles  ----------------------------------- */
/*========================================================================================*/
div#sub-content {/*sub-content contains footer elements that can be changed on a per-page basis (e.g. photo can be changed)*/
	background: #fff url(../images/subcontent_bk.jpg) repeat-x bottom;
}

div#footer {
	background: #fff url(../images/footer_bk.gif) repeat-x top;
}

div#footer-slogan {
	font: normal 9px Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 20px 0 0 20px;
}

