/*-----------------------------------------------
JD Search Screen Styles
Author:   Erik Halber
Email: ehalber@affinity.com, ehalber@gmail.com
Version:  3 January 2007
----------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	font: small/1.3em Arial, Helvetica, sans-serif;
	background: #fbfdf3;
	color:#333;
}
.clear {
	clear: both;
}

.print_only
{
	display:none;
}
/* =Main Container
-------------------------------------------------*/
#container {
	width: 740px;
	position: relative;
	margin: 0 auto;
}
#container p {
	margin-bottom: 1.1em;
}
/* =Header
-------------------------------------------------*/
#top { 
	border-bottom: 1px solid #fbfdf3; /*prevent firefox from collapsing top margin on flash object */
	background: #fbfdf3;
}
/* =Wrapper
-------------------------------------------------*/
#wrapper {
	background: #993;
	float: left;
	width: 740px;
}
/* =Flash holder
-------------------------------------------------*/
#mainColumn {
	float: left;
	width: 530px;
	border-right: 1px solid #fbfdf3;
}
/* =Flash holder
-------------------------------------------------*/
#flash-holder {
	background: url(../images/img-flashHolder-bg.jpg) left top no-repeat;
	height: 321px;
	padding-top: 21px;
	float: left;
}
#flashIntro {
	margin-left: 22px;
}
/* =Branding
-------------------------------------------------*/
#branding { 
	background: url(../images/div-branding-bg.jpg) left top no-repeat;
	height: 140px;
	padding-top: 21px;
	float: left;
}
#branding img {
	margin-left: 22px;
}
/* =Main content
-------------------------------------------------*/
#mainContent {
	float: left;
	background: #d3d3d3;
	width: 469px;
	padding: 20px;
	border-left: 21px solid #bebebe;
	min-height: 500px;
}
#mainContent h1 {
	font-size: 100%;
	text-decoration: underline;
	margin-bottom: 1.1em;
}	
#mainContent h2 {
	font-size: 100%;
	margin-bottom: 0.7em;
}	
#mainContent h2 span {
	font-style: italic;
	display: block;
}	
#mainContent h3  {
	font-size: 100%;
	text-align: center;
	margin-bottom: 0.5em;
}
#mainContent h3 span{
	font-weight: normal;
	display: block;;
}
#mainContent ul  {
	margin-left: 45px;
	list-style-type:square;
	margin-bottom: 1.3em;	
}
#mainContent ol {
	margin-left: 30px;
	margin-bottom: 1.3em;	
}
#mainContent img.img-profiles{
	float: left;
	margin: 0 15px 5px 0;
	border: 1px solid #000;
}
#mainContent #map p {
	text-align: center;
}
#mainContent #map img {
	display: block;
	margin: 0 auto;
	border: 1px solid #000;
}
/* =Sidebar
-------------------------------------------------*/
#sidebar {
	background: #993;
	width: 209px;
	float: right;
	
}
#sidebar p img {
	display: block;
	margin: 0 auto;
}
#sidebar p {
	color: #fff;
	text-align: center;
	margin: 15px;
}
#sidebar p span {
	display: block;
}
#sidebar p a {
	padding: 0;
	background: none;
}
#sidebar p a:hover {
	background: none;
}
/* =Main Navigation
-------------------------------------------------*/
#mainNav {
	
}
#mainNav ul {
	list-style: none;
}
#mainNav li {
	margin-top:5px;
	line-height: 1.3em;
}
#mainNav li.home {
	padding: 10px 0;
}
#mainNav a {
	color: #fff;
	text-decoration: none;
	background: url(../images/li-mainNav-off.gif) no-repeat 10px center;
	padding-left: 28px;
	display: block;
}
* html #mainNav a {
	height: 1%;
}
#mainNav a:hover{
	background-image: url(../images/li-mainNav-over.gif);	
}
/* =Footer
-------------------------------------------------*/
#footerWrapper {
	clear: both;
	padding-left: 21px;
	height: 1%;	/* fix disappearing content in ie6 and 7*/
}
#footer {
	background: #fbfdf3 url(../images/smalllogo.gif) no-repeat 500px center;
	color: #666;
	font-size: 80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-top: 21px solid #efefef;
	padding-top: 15px;
}
#footer ul {
	list-style: none;
}
#footer li {
	display: inline;
}
#footer li a {
	font-weight: bold;
	text-decoration: none;
	color: #666;
}
#footer li a:hover {
	color: #993;
}
#footer p {
	margin-top: 30px;
	line-height: 1.3em;
}
#footer p span {
	display: block;
}
