/***************** BANNER *****************/
#nav_heading
{
	text-align: center;
	text-transform: uppercase;
	vertical-align:top;
	background-color:#EDA;
	/* margin:0; */
	font-family: sans-serif;
	/*font-size: 9px;*/
	text-align: left;
	/* border: 1px solid #eda; */
	/*width:986px;*/
	margin: 0 auto;
}

#nav_heading #header_nav_menu a:hover
{
	background-color: #FFFFD8;
}

#nav_heading img
{
	margin:0;
	max-width:100%;
}

.heading
{
	text-align: center;
	text-transform: uppercase;
	vertical-align:top;
	display: block;
}

h1
{
	color: #F00;
	text-align: center;
	text-transform: uppercase;
	font: italic bold 32pt Verdana, Geneva, sans-serif;
	text-decoration: none;
	text-shadow: #BBB 0.1em 0.1em 0.15em;
}

.headlines2-3, h2.headlines2-3, h3.headlines2-3
{
	font-style: italic;
	color: #000;
	font-size:18pt;
}

.headline4, h4.headline4
{
	color: #F00;
	font-weight: bold;
	font-size:24pt;
}

/****************** pad & smartphone *******************/
div.accordion div li 
{
	line-height:1em;
	margin-bottom:1em;
}

@media screen and (max-width: 982px)
{
	.smallScreen{
		display:inline;
		max-width: 100%;
		width:485px;
		margin-left:auto;
		margin-right:auto; 
	}

	.bigScreen{
		display:none;
	}
}

@media screen and (min-width: 983px)
{
	.smallScreen{
		display:none;
	}
	.bigScreen{
		display:inline;
	}
}


/****************** NAV *******************/

#header_nav_menu a 
{
	display: block;
	width:121px;
	text-decoration: none;
	padding: 2px 0 0 0;
	background-color: #EDA;
}
	
#header_nav_menu a.daddy 
{
	background: url(rightarrow2.gif) center right no-repeat;
}

#header_nav_menu li
{
	float: left;
	padding: 0;
	font-size: 9px;
	text-align: center;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width: 1px;
	float: left;
}

#header_nav_menu li:last-child
{
	border-right-width: 0px;
}

#header_nav_menu li ul 
{
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 0.25em;
	z-index:30;
}
	
#header_nav_menu li ul li a
{
	padding-right: 1em;
	width: 13em;
	margin-left: -1px;
	border-right-style: none;
}
	
#header_nav_menu li ul a
{
	width: 13em;
	/* w\idth: 9em; */
	text-align:left;
	margin-left: .3em;
	padding:2px 0 2px 2px;
	line-height:90%;
}
	
#header_nav_menu li ul ul
{
	margin: -1.75em 0 0 14em;
}
	
#header_nav_menu li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul
{
	left: -999em;
}
	
#header_nav_menu li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul
{
	left: auto;
}
	
#header_nav_menu li:hover, #nav li.sfhover 
{
}

#header_nav_menu, #header_nav_menu ul
{
	/* width:986px; */
	list-style: none;
	font-weight: bold;	/* padding: 0; */
	margin: 0;/*	border-color:#eda;           */
	/*	padding: 3px;                */
/*	margin: 0 0 1em 0;           */
/*	margin-left:-3px;            */


	padding:0 3px 2px 3px;
	line-height:normal;
	height:1em;
	list-style: none;
}

#header_nav_menu li ul 
{
	position: absolute;
	/* width: 10em; */
	left: -999em;
}

#header_nav_menu li:hover ul 
{
	left: auto;
}

							   
	   
/***************** HEADER *****************/
p.header{
}
.menu a
{
  display:block;
  border:1px solid #f90;
  background:#fec;
  padding:4px 10px;
  margin:0 0 1px 0;
  color:#c60;
  text-decoration:none;
  font:normal normal normal 0.8em sans-serif;
}

.menu a:hover, .menu a:focus, .menu a:active
{
  background:#f8fbd0;
}

.menu
{
  width:7em;
}

.menu, .menu li
{
  margin:0;
  padding:0;
  list-style-type:none;
}

/**************** CONTENT *****************/
.content{
	clear:both;
	margin-left:1em;
	margin-right:1em;
	text-align:left;
}

body
{
	max-width:986px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color: #FFF;
	padding: 0 8px;
	color: #000;
}

/***************** Content: masses of <img> without text or other complications ***********/
.center
{
     clear: both;
     text-align: left;
     margin-left: auto;
     margin-right: auto;
}

/* Just put images inside a <p class="extra_pix_container"> */
/* *DON'T* leave spaces between the <img> elements */
.extra_pix_container
{
     background-color:#CCC;
     padding-left:15px;
     padding-bottom:15px;
     margin-left:auto;
     margin-right:auto;
     text-align:center;
}

.extra_pix_container img
{
     margin-right:15px;
     margin-top:15px;
}

.extra_pix_container a img
{
     border-style:solid;
     margin-right:15px;
     margin-top:15px;
     border-width:2px;
}
.extra_pix_container a:link img
{
     border-color:#00F;
}
.extra_pix_container a:visited img
{
     border-color:#808;
}
.extra_pix_container a:hover img
{
     border-color: #0F0;
}
.extra_pix_container a:active img
{
     border-color: #FFF;
}

/***************** BUTTONS *****************/

.button
{
	text-align: center;
	padding:0.33em 1em;
	margin:15px;
	border: medium outset #CCE;
	background-color: #BBD;
	color: #000;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: large;
	line-height: 2.66em;
}
.button:link, .button:visited
{
	text-align: center;
	padding:0.33em 1em;
	margin:15px;
	border: medium outset #CCE;
	background-color: #BBD;
	color: #000;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: large;
	line-height: 2.66em;
}
.button:hover, .button:active
{
	border: medium inset #CCE;
	background-color: #AAC;
	color: #000;
}

/***************** FOOTER *****************/

.footer_wrap
{
	clear:both;
/*	background-color:#EDA; */
}

.footer{
	text-align:left;
	clear:both;
	margin-top:1em;
	font-size:smaller;
	font-weight:400;
	font-style:normal;
	font-family: Verdana, Geneva, sans-serif;
	text-transform:none;
	text-decoration:none;
	letter-spacing:normal;
	word-spacing:0;
	vertical-align:baseline;
	direction:ltr;
}

p.footer{
	background-color:rgb(240,240,240);
	padding:1em;
}

a.footer:link{
	color:blue;
}

a.footer:visited{
	color:purple;
}

a.footer:hover{
	color:red;
	text-decoration:underline;
}



#nav_heading img
{
	padding: 3px;
}