/*--------------------------------- Standard Intro Stuff  -----------------------------------*/

body {
	color            : #333333;
	margin-top       : 5px;
	margin-bottom    : 0px;
	padding          : 0px;
	background-color : #FFFFFF;
	font-family      : Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
}
td, tr, p, div {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  color            : #333333;
}
img {
	border:none;
}

/*--------------------------------- Wrappers for Page Elements  -----------------------------------*/
#pageWrapper
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color : #FFFFFF;
}

#allcontentWrapper
{
	background-color : #FFFFFF;
	background-image: url(../images/bgwhite.jpg);
}

#contentWrapper
{
	background-color : #FFFFFF;
}

/*--------------------------------- Wrappers for Columns  -----------------------------------*/
/*-- Left --*/
#completeleftWrapper {
	float: left;
	width: 190px;
	margin: 0 10px 0 0;
	padding: 0 0 30px 0;
	color: #787878;
}
#completeleftWrapper h1
{
	padding:3px 0 3px 0;
	width: 100%;
	color: #787878;
	font-size: 85%;
	text-align: center;
	margin: 0 0 0 0;
}
#completeleftWrapper p
{
	font-size: 75%;
	color: #787878;
	padding:0 5px 0 5px;
}
#contentLeftLower a
{
	color:#787878;
	text-decoration: none;
}
#contentLeftLower p
{

}
#contentLeftLower a:Hover {
	color:#585858;
	text-decoration: underline;
}

#leftContentWrapper {
	background-color: #A7E5BF;
	color: #787878;
	padding: 3px 10px 3px 10px;
}




/*-- Right --*/
#completerightWrapper {
	float: right;
	width: 190px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#completerightWrapper h1
{
	padding:3px 0 3px 0;
	width: 100%;
	color:#333333;
	font-size:70%;
	line-height: 20px;
	text-align: center;
	margin: 0 0 0 0;
}
#completerightWrapper h6
{
	padding:8px 5px 8px 5px;
	background:#A7E5BF; color:#333333;
	font-size:75%;
	text-align: left;
	margin: 0 0 0 0;
}
#completerightWrapper p
{
	font-size: 80%;
	color:#333333;
	padding:0 0 0 0;
}

#contentRight a
{
	color:#11A84B;
	text-decoration: none;
}
#contentRight a:Hover {
	color:#11A84B;
	text-decoration: underline;
}
#contentRightLower a
{
	color:#11A84B;
	text-decoration: none;
}
#contentRightLower a:Hover {
	color:#11A84B;
	text-decoration: underline;
}




/*-- Middle --*/
#middleWrapper
{
	float: left;
	width: 558px;
	background-color : #FFFFFF;
}
#middleWrapper h1
{
	padding:5px 0 0 0;
	color:#11A84B;
	font-size:100%;
	text-align: left;
}

#middleWrapper p
{
	font-size: 85%;
}



/*--------------------------------- Header  -----------------------------------*/
#navigationHeader {
width: 400px;
height: 90px;
float: left;
	background-image: url(../images/foj-newlogo.jpg);
	background-repeat: no-repeat;
}

#navigationHeaderWrapper {
width: 960px;
height: 90px;
margin-bottom: 10px;
}

#navigationHeaderSearch {
width: 190px;
padding-top: 54px;
float: right;
vertical-align: bottom;
}

#navigationHeaderSearch form input {
  padding:3px;
  border:1px dotted #787878;
  font-family:Arial,Helvetica,sans-serif;
  font-size: 70%;
}

#navigationHeaderSearch .searchbutton {
	height: 22px;
}

#navigationHeaderSearchField {
float: left;
}

#navigationHeaderSearchButton {
float: right;
}


/******  MENU STYLES ******/
ul.menu_1
{
	list-style-type: none;
	color: #FFFFFF;
	background-color: #11A84B;
	margin: 0 0 10px 0;
	border-bottom: 7px solid #FFFFFF;
	padding: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 190px;
}

/*    html>body ul.menu_1 {width: 190px;} */

ul.menu_1 li
{
	margin: 0 0 0 0;
	padding: 0;
}

ul.menu_1 ul
{
	list-style-type: none;
	padding: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: 0;
}

ul.menu_1 a
{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 80%;
	margin: 0;
	padding: 5px 0 5px 12px;
	background: url(../images/arrow-sub.gif) no-repeat 0% 50%;
	display: block;
	voice-family: "\"}\"";
	voice-family: inherit;
	border-bottom: 3px solid #FFFFFF;
}

html>body ul.menu_1 a { width: auto; }

ul.menu_1 a:hover
{
	background-color: #959595;
	text-decoration: none;
}

ul.menu_1 a.navOn
{
	background-color: #959595;
	text-decoration: none;
}

/******  MENU STYLES - FIRST SUB LEVEL ******/
ul.menu_2
{
	list-style-type: none;
	color: #FFFFFF;
	background-color: #11A84B;
	margin: 0;
	padding: 0;
	width: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 190px;
}

/*    html>body ul.menu_2 {width: 190px;} */

ul.menu_2 li
{
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul.menu_2 ul
{
	list-style-type: none;
	padding: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: 0 0 0 0;
}

ul.menu_2 a
{
	font-weight: normal;
	font-size: 75%;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0;
	padding: 2px 0 2px 19px;
	background: url(../images/arrow-sub2.gif) no-repeat 0% 50%;
	display: block;
	voice-family: "\"}\"";
	voice-family: inherit;
}

html>body ul.menu_2 a { width: auto; }

ul.menu_2 a:hover
{
	background-color: #959595;
	text-decoration: none;
}

ul.menu_2 a.navOn
{
	background-color: #959595;
	text-decoration: none;
}

/******  MENU STYLES - FIRST SUB LEVEL ******/
ul.menu_3
{
	list-style-type: none;
	color: #FFFFFF;
	background-color: #11A84B;
	margin: 0;
	padding: 0;
	width: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 190px;
}

/*    html>body ul.menu_3 {width: 190px;} */

ul.menu_3 li
{
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul.menu_3 ul
{
	list-style-type: none;
	padding: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: 0 0 0 0;
}

ul.menu_3 a
{
	font-weight: normal;
	font-size: 75%;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0;
	padding: 2px 0 2px 26px;
	background: url(../images/arrow-sub3.gif) no-repeat 0% 50%;
	display: block;
	voice-family: "\"}\"";
	voice-family: inherit;
}

html>body ul.menu_3 a { width: auto; }

ul.menu_3 a:hover
{
	background-color: #959595;
	text-decoration: none;
}

ul.menu_3 a.navOn
{
	background-color: #959595;
	text-decoration: none;
}

/*--------------------------------- Other Styles  -----------------------------------*/


#maincontentWrapper
{
	float: left;
	width: 560px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#content
{
	padding: 0px 10px 6px 10px;
	margin: 0 0 0 0;
}

#content p {
	padding: 0px;
	font-size:85%;
	color: #333333;
}


#content ul li {
	color: #333333;
}

#content ul li li {
	color: #333333;
}


#content a
{
	color:#11A84B;
	text-decoration: none;
}
#content a:Hover {
	color:#11A84B;
	text-decoration: underline;
}


#sitepathWrapper
{
	float: left;
	width: 560px;
	border-bottom: none;
	padding: 0 0 0 0;
	border-top:1px dotted #FFFFFF;
	border-bottom:1px dotted #787878;
	margin: 0 0 5px 0;
}
#sitepath {
	font-size:80%;
	color:#787878;
	padding: 3px 5px 3px 5px;
}
#sitepath a{color: #787878;text-decoration: none;}
#sitepath a:Hover{color: #787878;text-decoration: underline;}



#footerWrapper {
	width: 960px;
	float: left;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #A7E5BF;
}
#footerContent {
	padding: 10px;
	color: #787878;
}
#footerContent p {
	padding: 10px;
	font-size:70%;
	color: #787878;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#footerContent a {
	color: #787878;
	text-decoration: none;
}
#footerContent a:Hover {
	color: #787878;
	text-decoration: underline;
}

.xhtmlbutton {
  float:right;
  margin:0 0 0 12px;
	border-width:0px;
}



/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
	clear:right;
	height:1px;
	border:1px dotted #F9FFE5;

}
.news-latest-container HR.clearer {
	clear:left;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

#news-latest-container {
	border-top: 3px solid #11A84B;
	margin-bottom: 30px;
}

#news-latest-container h3 {
	padding:10px 5px 0 5px;
	margin:0 0 0 0;
	color:#11A84B;
	font-size:90%;
	text-align: left;
}

#news-latest-container p {
	padding:5px 5px 15px 5px;
	margin:0 0 0 0;
	color:#333333;
	font-size:70%;
	text-align: left;
	border-bottom: 3px solid #11A84B;
}

.news-latest-date {
	color: #333333;
	font-size: 60%;
	text-align: left;
	padding: 5px 5px 0 5px;
	margin: 0px;
}



/*--------------------------------- tt_news LIST view  -----------------------------------*/

.news-list-item {
	padding:5px;
	margin-bottom:10px;
	background:#A7E5BF;
	border-top:1px dotted #787878;
	border-bottom:1px dotted #787878;

}
.news-list-item H2 {
	font-size: 110%;
	font-weight:bold;
	color: #11A84B;
	margin: 5px 0px 10px 0px;
}
.news-list-item H3 {
	margin-bottom: 15px;
}


.news-list-item a
{
	color:#11A84B;
	text-decoration: none;
}

.news-list-item a:Hover {
	color:#11A84B;
	text-decoration: underline;
}

.news-list-img {
	float: right;
	margin-left:5px;

}

.news-list-imgcaption {
	padding:3px;
	clear:both;
}

.news-list-category {
}
.news-list-backlink, .news-list-backlink a {
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.news-list-timedata {
}
.news-list-timedata, .news-list-author,.news-list-imgcaption {
	font-size: 9px;
}
.news-list-author {
	padding-bottom: 3px;
}
.news-list-additional-info {
	background-color: #BBE53A;
/*	clear: both;*/
	margin-top: 15px;
	border: 1px dotted #666;
	padding:3px;
	padding-bottom:0px;

}
.news-list-related,.news-list-files,.news-list-links  {
	border: 1px dotted #666;
	margin:0px;
	margin-bottom: 3px;
	padding:3px;
	background-color:#F9FFE5;
}

.news-list-related DD, .news-list-links DD, .news-list-files DD {
	margin-left:20px;
}

.news-list-related DT, .news-list-links DT, .news-list-files DT {
	font-weight: bold;
	font-size: 11px;
	margin-left:5px;
	width:90%;
}


/*---------------------------------  tt_news Page-Browser ---------------------------------*/




/*--------------------------------- tt_news SINGLE view  ---------------------------------*/
.news-single-item {
	padding:5px;
	margin-bottom:5px;
	background:#A7E5BF;
	border-top:1px dotted #787878;
	border-bottom:1px dotted #787878;

}
.news-single-item H2 {
	font-size: 110%;
	font-weight:bold;
	color: #11A84B;
	margin: 5px 0px 10px 0px;
}
.news-single-item H3 {
	margin-bottom: 15px;
}

.news-single-img {
	float: right;
	margin-left:5px;

}

.news-single-imgcaption {
	padding:3px;
	clear:both;
}

.news-single-category {

	float: right;
}
.news-single-backlink, .news-single-backlink a {
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.news-single-timedata {
}
.news-single-timedata, .news-single-author,.news-single-imgcaption {
	font-size: 9px;
}
.news-single-author {
	padding-bottom: 3px;
}
.news-single-additional-info {
	background-color: #BBE53A;
/*	clear: both;*/
	margin-top: 15px;
	border: 1px dotted #666;
	padding:3px;
	padding-bottom:0px;

}
.news-single-related,.news-single-files,.news-single-links  {
	border: 1px dotted #666;
	margin:0px;
	margin-bottom: 3px;
	padding:3px;
	background-color:#F9FFE5;
}

.news-single-related DD, .news-single-links DD, .news-single-files DD {
	margin-left:20px;
}

.news-single-related DT, .news-single-links DT, .news-single-files DT {
	font-weight: bold;
	font-size: 11px;
	margin-left:5px;
	width:90%;
}

/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
	padding: 0 5px 15px 5px;
	margin-bottom:5px;
	background:#A7E5BF;
	border-top:1px dotted #787878;
	border-bottom:1px dotted #787878;
}
.news-amenu-container LI {
	padding-bottom:1px;
}
.news-amenu-container UL {
	padding:3px;
	list-style-type: none;
	margin-bottom:5px;
}
.news-amenu-container H2 {
	color:#fff;
	padding:3px;
	border:1px dotted #787878;
}
.news-amenu-item-year {
	font-weight: bold;
	border: 1px dotted #787878;
	padding: 2px;
	margin-top:5px;
	margin-bottom:5px;
}

/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */


.news-catmenu  {
	padding:5px;
	margin:10px 0px 10px 10px;
	border:1px dotted #666;
	background-color:#F9FFE5;
}
.news-catmenu-header {
	font-size:11px;
	font-weight:bold;
}
.news-catmenu DIV {
	font-size:10px;
	white-space: nowrap;
}
.news-catmenu DIV img, .news-catmenu img, .news-catmenu-header img {
	margin:0px;
	padding: 0px;
	vertical-align: middle;
}
.news-catmenu-ACT {
	font-weight:bold;
}

/*  Styles for catmenu mode "nestedWraps" */
.level1 {
	padding:1px;
	padding-left:10px;
	background-color:#ebf8bf;
	border-left:1px dotted #666;
	border-top:1px dotted #666;
}
.level2 {
	padding:1px;
	padding-left:10px;
	background-color:#ddf393;
	border-left:1px dotted #666;
}
.level3 {
	padding:1px;
	padding-left:10px;
	background-color:#cae46e;
	border-left:1px dotted #666;
	border-top:1px dotted #666;

}
.level4 {
	padding:1px;
	padding-left:10px;
	background-color:#b0cb51;
	border-left:1px dotted #666;
}




.itsnewslinkstyle21 {
	font-size:80%;
}

.album-copyright {
	font-size:70%;
}

.album-description {
	font-size:70%;
}

.tx-jmquote-pi1 {
	padding: 22px 5px 5px 5px;
	font-size:70%;
	text-align: right;
	background:#EEE9F0;
	font-style: italic;
	background-image: url(../images/quote-top.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#quote-text {
	font-size:115%;
	text-align: left;
	padding: 0 0 13px 0;
	font-style: normal;
	background-image: url(../images/quote-bottom.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.csc-mailform-field {
	font-size:75%;
	color: #333333;
}

#tx-sremailsubscribe-pi1-tt_address_form {
	font-size:75%;
	color: #333333;
}

form input, form textarea {
  padding:3px;
  border:1px dotted #787878;
  font-family:Arial,Helvetica,sans-serif;
  font-size:85%;
}

#middleWrapper form input, form textarea {
  padding:3px;
  border:1px dotted #787878;
  font-family:Arial,Helvetica,sans-serif;
}

.csc-mailform-field {
  font-size:100%;
}


fieldset {
	border: none;
	font-size: 80%;
}

.fieldset {
	margin: 0 0 0 0;
}

legend span {
}

.questionSubtext {
	font-size: 130%;
}

.survey_item {
	margin: 10px 0 0 0;
}