body {	
	background-color: #593C26;
	font: normal 100% Calibri, Helvetica, sans-serif;			
	}
	
#intro {
		background-color:#BFA130;
		margin-left: 10px;
		margin-right:13px;
		margin-top: 19px;
		height: 134px;
		border: thick;
		border: #000;
		
	}
	

#introtext p {
	padding: 35px;
	font-size: 1.5em; 
	font-weight: bold; 
	color: #A68200;
	padding-left: 50px;
	padding-right: 50px;
	margin: auto;
	
}
	
.main h1 {
	font-size: 1.8em; /* 16px / 27px */
	font-weight:bold;
	color: #A68200;
	margin: 0em;	
}

.main h2 {
	display: block;
	font-size: 1.4em;
	color: #333;
	margin: 0em;
	padding-bottom: 0.1em;
	padding-top: 0.3em;	
}

.main h3 {
	display: block;
	font-size: 1em;
	color: #000;
	margin: 0em;
	padding-bottom: 0.1em;
	padding-top: 0.3em;	
}
.main h4 {
	display: block;
	font-size: 1em;
	color: #000;
	margin: 0em;
	padding-bottom: 1.2em;
	padding-top: 0.3em;	
}

.main ul {
	list-style-type: none;
	font-weight: normal;
	color: #030;
}
.main li {
	display: block;
	padding-bottom:0.5em;
}

.main p.quote {
	margin-top: 0.2em;
	color: #330;
	font-size: 1.1em;
	font-weight: bold;
	padding-left:0.1em;
}

.content .standfirst {
	display: block;
	width: 90%;
	padding-left: 1.5em;
	padding-top:0.2em;

}

.standfirst h2 {
	display: block;
	font-size: 1.4em;
	color: #333;
	margin: 0em;
	padding-bottom: 0em;
	padding-top: 0.3em;	
}

#header {
	background: #A68200;
	height: 133px;
	width: 95%;
	margin-top: 1.2em;
	margin-left: auto;
	margin-right: auto;	
	cursor:pointer;
}

#header img {
	border-style: none;
	
}

#header-ph {
	background: #90908c;
	height: 133px;
	width: 95%;
	margin-top: 1.2em;
	margin-left: auto;
	margin-right: auto;	
	cursor:pointer;
}

#header-ph img {
	border-style: none;
	
}

#logo {
	padding-top: 2.5em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
}

#logo-ph {
	padding-top: 2.5em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
}

#page {
	background: #FFE173;
	width: 95%;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
}

#internalfooter {
	clear: both;
	display: block;
	background:#A68200;
	height: 25px;
	padding-top: 5px;
	width: 100%;
	text-align:center;
	font-size: smaller;
	color: #FFFFFF;
}

#internalfooterfront {
	clear: both;
	display: block;
	background:#A68200;
	height: 57px;
	padding-top: 7px;
	padding-bottom: 3px;
	width: 100%;
	text-align:left;
	font-size: smaller;
	color: #FFFFFF;
}

#internalfooterfront_img {
	display: inline;
	padding-left: 12px;
	
}

#internalfooterfront_text {
	display: inline;
	padding-left: 10px;
}

.content {
	background: #FFE173;
	width: 100%;
}

.left {
	background: #FFE173;
	float: left;
	width: 50%;
}

#credittext p {
	padding-left: 12px;
	font-size: 0.7em;
	color: #333;
	text-align:left;
}

#credittext a {
	font-size: 1em;
	color: #333;
}


.right {
	float: right;
	width: 50%;
}

.imageleft {
	padding-top:5px;
	margin-left:12px;
	margin-top: 5px;
	margin-bottom:20px;
	padding-left: 5px;
	background-color: #A68200;
}


.imageright {
	padding-top:5px;
	padding-right: 5px;
	margin-right: 12px;
	margin-top: 5px;
	background-color: #A68200;
	margin-bottom:20px;
}

.content .main {
	display: block;
	width: 90%;
	padding-left: 1.5em;
	padding-top:0.6em;
}

.content .notmobile {
	display: block;
	width: 90%;
	padding-left: 1.5em;
	padding-top:0.6em;
}
.notmobile h1 {
	font-size: 1.8em; /* 16px / 27px */
	font-weight:bold;
	color: #A68200;
	margin: 0em;	
}

.notmobile h2 {
	display: block;
	font-size: 1.4em;
	color: #333;
	margin: 0em;
	padding-bottom: 0.1em;
	padding-top: 0.3em;	
}

#list_block {
	clear: both;
	display: block;
	width: 90%;
	padding-left: 1.5em;
	padding-top:0.6em;
}

#list_block h1 {
	font-size: 1.8em; /* 16px / 27px */
	font-weight:bold;
	color: #A68200;
	margin: 0em;	
}

#list_block h2 {
	display: block;
	font-size: 1.4em;
	color: #333;
	margin: 0em;
	padding-bottom: 0.1em;
	padding-top: 0.3em;	
}
#list_block h3 {
	display: block;
	font-size: 1.2em;
	color: #333;
	margin: 0em;
	padding-bottom: 0em;
	padding-top: oem;	
}

#list_block ul {

	list-style: disc;
	font-weight: normal;
	color: #030;
}
#list_block li {
	
	padding-bottom:0.5em;
}
#list_block li a{
	
	font-weight: bold; 
}

#list_block_spread {
	clear: both;
	display: block;
	width: 90%;
	padding-left: 1.5em;
	padding-top:0.6em;
}

#list_block_spread ul {

	list-style: disc;
	font-weight: normal;
	color: #030;
}
#list_block_spread li {
	
	padding-bottom:1em;
}
#list_block_spread li a{
	
	font-weight: bold; 
}

.music {
	display:block;
	padding: 0.1em;
}

#question_block {
	clear: both;
	display: block;
	float: none;
	width: 92%;
	margin-right: auto;
	margin-left: 1.1em;
	margin-bottom: 0.5em;
	background: #BFA130;
	padding-top: 0.1em;
	padding-bottom: 0.5em;
}

#question_block2 {
	clear: both;
	display: block;
	float: none;
	width: 92%;
	margin-right: auto;
	margin-left: 1.1em;
	margin-bottom: 0.5em;
	background: #BFA130;
	padding-top: 0.1em;
	padding-bottom: 1.5em;
	height: 160px;
}

.question_text2 {
	width: 95%;
	font-size:0.9em;
	font-weight: normal;
	color: #000000;
	margin-left: 0.1em;
	margin-right: auto;
	margin-top: 0.1em;
	margin-bottom: 0.3em;
	padding-top: 0.1em;
	padding-bottom: 0.5em;
	background-color: #BFA130;
	height: 150px;
}

.question_text2 p {
	font-size:1em;
	margin-left:1.6em;
	color: #330;
	font-weight: normal;
}

.question_text2 a {
	
	font-weight: bold;

}


.question_text {
	width: 95%;
	font-size:0.9em;
	font-weight: normal;
	color: #000000;
	margin-left: 0.1em;
	margin-right: auto;
	margin-top: 0.1em;
	margin-bottom: 0.3em;
	padding-top: 0.1em;
	padding-bottom: 0.5em;
	background-color: #BFA130;
}

.question_text h1{
	font-size:1.7em;
	margin-left:0.8em;
	color: #000;
	font-weight: bold;
}

.question_text h2{
	font-size:1.4em;
	margin-left:1.1em;
	color: #330;
	font-weight: bold;
}

.question_text h3{
	font-size:1.2em;
	margin-left:1.1em;
	color: #330;
	font-weight: bold;
}

.question_text p {
	font-size:1em;
	margin-left:1.6em;
	color: #330;
	font-weight: normal;
}

.question_text ul {
	margin-left:0;
}
.question_text li {
	color: #330;
}
.question_text a {
	
	font-weight: bold;

}

.pic {
	width: 100%;
	position: relative;
	bottom: 0em;
	left: 0.7em;
}
.pic a {
	font-size:0.8em;
	font-weight: bold;
	padding-left: 0.5em;
}

#picblock_content1 {
	clear: both;
	display: block;
	float: none;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
	background: #BFA130;
}
#navinfo {
	clear: both;
	display: block;
	float: none;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
	border: solid 2px #A68200;
	border-color: #A68200;
	background: #d9d909;
}
#navinfotext {
	
	padding: 5px;
}
.figure {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

.figure_wide {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

.figure_medium {
	display: none;
}

.figure_small {
	display: none;
}

.pictext_content1 {
	width: 95%;
	font-size:0.9em;
	font-weight: normal;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background-color: #BFA130;
}

.pictext_content1 h2 {
	font-size:1.4em;
	font-weight:bold;
	margin-top: 0.1em;
}
.pictext_content1 h3 {

	font-size:1em;
	font-weight:bold;
	margin: 0.2em;

}

.pictext_content1 a {
	
	font-size:0.8em;
	font-weight: bold;
}

.pictext_content1 p.quote {
	margin-top: 0.2em;
	color: #330;
	font-size: 1.4em;
	font-weight: bold;
	padding-left:0.1em;
}

.pictext_content1 p.quote2 {
	margin-top: 0.5em;
	color: #330;
	font-size: 1.4em;
	font-weight: bold;
	padding-left:0.1em;
}

.pictext_content1 p.author {
	margin-top:0.1em;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	padding-left:0.1em;
}

img {
	max-width: 100%;
}

IMG.centred {
	padding-top: 1em;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

IMG.float {
	float: left;
	padding-right: 1em;
	padding-bottom: 0.2em;
	max-width: 30%;
}

#top_left {
	width: 50%;
	float: left;
	height: 160px;
}

#top_right {
	width: 50%;
	float: right;
	background-color: #FFE173;
	height: 160px;
}

#top_right_index {
	width: 50%;
	float: right;
	background-color: #FFE173;
	height: 160px;
}

#top-nav {
	display: block;
	margin-top:1.2em;
	margin-left: 1em;
	background-color:#A68200;
	padding-top: 0em;
	margin-bottom: 0em;
	width: 95%;
	height: 36px;
	text-align:center;
	padding-bottom: 0;
	color:#00F;		
	border-top: 1px solid #A68200;
	border-left: 1px solid #A68200;
	border-right: 1px solid #A68200;
}

#top-nav h1 {
		display: inline;
		padding-left: 0.3em;
		padding-right: 0.3em;
		font-size: 2em;
		font-weight: bold;
		font: Calibri, Helvetica, sans-serif;
		color: #FFE173;
}	

#middle-nav {
	display: block;
	margin-top:0em;
	margin-left: 1em;
	background-color:#d9d909;
	padding-top: 0em;
	margin-bottom: 0em;
	width: 95%;
	height: 29px;
	text-align:left;
	padding-bottom: 0;
	color:#00F;		
	border-top: 1px solid #A68200;
	border-left: 1px solid #A68200;
	border-right: 1px solid #A68200;
}

#middle-nav ul {
		position: relative;
		bottom: 0.8em;
		left: 0em;
		list-type: none;
		padding-top: 0em;
		padding-bottom: 0em;
		padding-right: 1em;
		text-align:center;
}

#middle-nav li{
		display: inline;
		padding-left: 0.3em;
		padding-right: 0.3em;
		font-size: 1.2em;
		font-weight: bold;
		font: Calibri, Helvetica, sans-serif;
		color: #030;
}	

#middle-nav a:link, #middle-nav a:visited {
			
		text-decoration:none;
		font-size: 0.8em;
		font-weight:bold;
		font: Calibri, Helvetica, sans-serif;
		color: #030;
}

#middle-nav a:hover {
			
		text-decoration:none;
		font-size: 0.8em;
		font-weight:bold;
		font: Calibri, Helvetica, sans-serif;
		color: #F00;
}

#middle-nav-green {
	display: block;
	margin-top:0em;
	margin-left: 1em;
	background-color:#9C0;
	padding-top: 0em;
	margin-bottom: 0em;
	width: 95%;
	height: 29px;
	text-align:left;
	padding-bottom: 0;
	color:#00F;		
	border-top: 1px solid #A68200;
	border-left: 1px solid #A68200;
	border-right: 1px solid #A68200;
}

#middle-nav-green ul {
		position: relative;
		bottom: 0.8em;
		left: 0em;
		list-type: none;
		padding-top: 0em;
		padding-bottom: 0em;
		padding-right: 1em;
		text-align:center;
}

#middle-nav-green li{
		display: inline;
		padding-left: 0.3em;
		padding-right: 0.3em;
		font-size: 1.2em;
		font-weight: bold;
		font: Calibri, Helvetica, sans-serif;
		color: #030;
}	

#middle-nav-green a:link, #middle-nav-green a:visited {
			
		text-decoration:none;
		font-size: 0.8em;
		font-weight:bold;
		font: Calibri, Helvetica, sans-serif;
		color: #030;
}

#middle-nav-green a:hover {
			
		text-decoration:none;
		font-size: 0.8em;
		font-weight:bold;
		font: Calibri, Helvetica, sans-serif;
		color: #F00;
}

#middle-nav-blue {
	display: block;
	margin-top:0em;
	margin-left: 1em;
	background-color:#36C;
	padding-top: 0em;
	margin-bottom: 0em;
	width: 95%;
	height: 29px;
	text-align:left;
	padding-bottom: 0;
	color:#00F;		
	border-top: 1px solid #A68200;
	border-left: 1px solid #A68200;
	border-right: 1px solid #A68200;
}

#middle-nav-blue ul {
		position: relative;
		bottom: 0.8em;
		left: 0em;
		list-type: none;
		padding-top: 0em;
		padding-bottom: 0em;
		padding-right: 1em;
		text-align:center;
}

#middle-nav-blue li{
		display: inline;
		padding-left: 0.3em;
		padding-right: 0.3em;
		font-size: 1.2em;
		font-weight: bold;
		font: Calibri, Helvetica, sans-serif;
		color: #030;
}	

#middle-nav-blue a:link, #middle-nav-blue a:visited {
			
		text-decoration:none;
		font-size: 0.8em;
		font-weight:bold;
		font: Calibri, Helvetica, sans-serif;
		color: #030;
}

#middle-nav-blue a:hover {
			
		text-decoration:none;
		font-size: 0.8em;
		font-weight:bold;
		font: Calibri, Helvetica, sans-serif;
		color: #F00;
}

#middle-nav-pink {
	display: block;
	margin-top:0em;
	margin-left: 1em;
	background-color:#F0F;
	padding-top: 0em;
	margin-bottom: 0em;
	width: 95%;
	height: 29px;
	text-align:left;
	padding-bottom: 0;
	color:#00F;		
	border-top: 1px solid #A68200;
	border-left: 1px solid #A68200;
	border-right: 1px solid #A68200;
}

#middle-nav-pink ul {
		position: relative;
		bottom: 0.8em;
		left: 0em;
		list-type: none;
		padding-top: 0em;
		padding-bottom: 0em;
		padding-right: 1em;
		text-align:center;
}

#middle-nav-pink li {
		display: inline;
		padding-left: 0.3em;
		padding-right: 0.3em;
		font-size: 1.2em;
		font-weight: bold;
		font: Calibri, Helvetica, sans-serif;
		color: #030;
}	

#middle-nav-pink a:link, #middle-nav-pink a:visited {
			
		text-decoration:none;
		font-size: 0.8em;
		font-weight:bold;
		font: Calibri, Helvetica, sans-serif;
		color: #030;
}

#middle-nav-pink a:hover {
			
		text-decoration:none;
		font-size: 0.8em;
		font-weight:bold;
		font: Calibri, Helvetica, sans-serif;
		color: #F00;
}

#bottom-nav {
	display: block;
	height: 65px;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0;
	width: 95%;
	background-color: #d9d909;
	margin-left: 1em;
	margin-right: 0;
	margin-bottom: 0em;
	border-bottom: 1px solid #A68200;
	border-left: 1px solid #A68200;
	border-right: 1px solid #A68200;
	border-top: 0px solid #A68200;
}

#bottom-nav-pink {
	display: block;
	height: 65px;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0;
	width: 95%;
	background-color: #F0F;
	margin-left: 1em;
	margin-right: 0;
	margin-bottom: 0em;
	border-bottom: 1px solid #A68200;
	border-left: 1px solid #A68200;
	border-right: 1px solid #A68200;
	border-top: 0px solid #A68200;
}

#bottom-nav-green {
	display: block;
	height: 65px;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0;
	width: 95%;
	background-color: #9C0;
	margin-left: 1em;
	margin-right: 0;
	margin-bottom: 0em;
	border-bottom: 1px solid #A68200;
	border-left: 1px solid #A68200;
	border-right: 1px solid #A68200;
	border-top: 0px solid #A68200;
}

#bottom-nav-blue {
	display: block;
	height: 65px;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0;
	width: 95%;
	background-color: #36C;
	margin-left: 1em;
	margin-right: 0;
	margin-bottom: 0em;
	border-bottom: 1px solid #A68200;
	border-left: 1px solid #A68200;
	border-right: 1px solid #A68200;
	border-top: 0px solid #A68200;
}

#leftnav {
		float: left;
		width: 62%;
		background-color: #d9d909;
		border-left: 8px solid #d9d909;
		height: 33px;
}

#leftnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #A68200;
}

#leftnav li a {
	font-size: 0.8em;
	font-weight:bold;
	display: block;
	padding: 0.2em 0.1em 0.3em 0.3em;
	height: 13px;
	background-color: #FF9;
	color: #030;
	text-decoration: none;
	border-top: 1px solid #A68200;
	border-left: 1px solid #A68200;
	border-right: 1px solid #A68200;
}

#leftnav li a:hover {	
		color: #F00;
}

#leftnav-green {
		float: left;
		width: 62%;
		background-color: #9C0;
		border-left: 8px solid #9C0;
		height: 33px;
}

#leftnav-green ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #A68200;
}

#leftnav-green li a {
	font-size: 0.8em;
	font-weight:bold;
	display: block;
	padding: 0.2em 0.1em 0.3em 0.3em;
	height: 13px;
	background-color: #9F9;
	color: #030;
	text-decoration: none;
	border-top: 1px solid #A68200;
	border-left: 1px solid #A68200;
	border-right: 1px solid #A68200;
}

#leftnav-green li a:hover {	
		color: #F00;
}

#leftnav-blue {
		float: left;
		width: 62%;
		background-color: #36C;
		border-left: 8px solid #36C;
		height: 33px;
}

#leftnav-blue ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #A68200;
}

#leftnav-blue li a {
	font-size: 0.8em;
	font-weight:bold;
	display: block;
	padding: 0.2em 0.1em 0.3em 0.3em;
	height: 13px;
	background-color:#99CCEE;
	color: #030;
	text-decoration: none;
	border-top: 1px solid #A68200;
	border-left: 1px solid #A68200;
	border-right: 1px solid #A68200;
}

#leftnav-blue li a:hover {	
		color: #F00;
}

#leftnav-pink {
		float: left;
		width: 62%;
		background-color: #F0F;
		border-left: 8px solid #F0F;
		height: 33px;
}

#leftnav-pink ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #A68200;
}

#leftnav-pink li a {
	font-size: 0.8em;
	font-weight:bold;
	display: block;
	padding: 0.2em 0.1em 0.3em 0.3em;
	height: 13px;
	background-color: #FCF;
	color: #030;
	text-decoration: none;
	border-top: 1px solid #A68200;
	border-left: 1px solid #A68200;
	border-right: 1px solid #A68200;
}

#leftnav-pink li a:hover {	
		color: #F00;
}

#rightnav {
	width: 35%;
	float: left;
	height: 33px;
}
	
#rightnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #d9d909;
}

#rightnav li {
	border-bottom: 0px solid #A68200;
}

#rightnav li.action a {
	font-size: 0.9em;
	font-weight:bold;
	display: block;
	padding: 0em 0.1em 0.1em 0.5em;
	border-left: 12px solid #027712;
	background-color: #9C0;
	color: #FFFFFF;
	text-decoration: none;
	margin-left:0.2em;
}
#rightnav li.word a {
	font-size: 0.9em;
	font-weight:bold;
	display: block;
	padding: 0em 0.1em 0.1em 0.5em;
	border-left: 12px solid #9e9e16;
	background-color: #d9d909;
	color: #FFFFFF;
	text-decoration: none;
	margin-left:0.2em;
}

#rightnav li.liturgy a {
	font-size: 0.9em;
	font-weight:bold;
	display: block;
	padding: 0.1em 0.1em 0.1em 0.5em;
	border-left: 12px solid #2304c0;
	background-color: #36C;
	color: #FFFFFF;
	text-decoration: none;
	margin-left:0.2em;
}

#rightnav li.spirituality a {
	font-size: 0.9em;
	font-weight:bold;
	display: block;
	padding: 0.1em 0 0.1em 0.5em;
	border-left: 12px solid #a803a2;
	background-color: #F0F;
	color: #FFFFFF;
	text-decoration: none;
	margin-left:0.2em;
}

#rightnav li.spirituality a:hover, #rightnav li.liturgy a:hover, #rightnav li.action a:hover {
		color: #FF0;
}

#rightnav-green {
	width: 35%;
	float: left;
	height: 33px;
}
	
#rightnav-green ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #9C0;
}

#rightnav-green li {
	border-bottom: 0px solid #A68200;
}

#rightnav-green li.action a {
	font-size: 0.9em;
	font-weight:bold;
	display: block;
	padding: 0em 0.1em 0.1em 0.5em;
	border-left: 12px solid #027712;
	background-color: #9C0;
	color: #FFFFFF;
	text-decoration: none;
	margin-left:0.2em;
}
#rightnav-green li.word a {
	font-size: 0.9em;
	font-weight:bold;
	display: block;
	padding: 0em 0.1em 0.1em 0.5em;
	border-left: 12px solid #9e9e16;
	background-color: #d9d909;
	color: #FFFFFF;
	text-decoration: none;
	margin-left:0.2em;
}

#rightnav-green li.liturgy a {
	font-size: 0.9em;
	font-weight:bold;
	display: block;
	padding: 0.1em 0.1em 0.1em 0.5em;
	border-left: 12px solid #2304c0;
	background-color: #36C;
	color: #FFFFFF;
	text-decoration: none;
	margin-left:0.2em;
}

#rightnav-green li.spirituality a {
	font-size: 0.9em;
	font-weight:bold;
	display: block;
	padding: 0.1em 0 0.1em 0.5em;
	border-left: 12px solid #a803a2;
	background-color: #F0F;
	color: #FFFFFF;
	text-decoration: none;
	margin-left:0.2em;
}

#rightnav-green li.spirituality a:hover, #rightnav-green li.liturgy a:hover, #rightnav-green li.word a:hover {
		color: #FF0;
}

#rightnav-pink {
	width: 35%;
	float: left;
	height: 33px;
}
	
#rightnav-pink ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #F0F;
}

#rightnav-pink li {
	border-bottom: 0px solid #A68200;
}

#rightnav-pink li.action a {
	font-size: 0.9em;
	font-weight:bold;
	display: block;
	padding: 0.1em 0.1em 0.1em 0.5em;
	border-left: 12px solid #027712;
	background-color: #9C0;
	color: #FFFFFF;
	text-decoration: none;
	margin-left:0.2em;
}
#rightnav-pink li.word a {
	font-size: 0.9em;
	font-weight:bold;
	display: block;
	padding: 0.1em 0.1em 0.1em 0.5em;
	border-left: 12px solid #9e9e16;
	background-color: #d9d909;
	color: #FFFFFF;
	text-decoration: none;
	margin-left:0.2em;
}

#rightnav-pink li.liturgy a {
	font-size: 0.9em;
	font-weight:bold;
	display: block;
	padding: 0.1em 0.1em 0.1em 0.5em;
	border-left: 12px solid #2304c0;
	background-color: #36C;
	color: #FFFFFF;
	text-decoration: none;
	margin-left:0.2em;
}

#rightnav-pink li.spirituality a {
	font-size: 0.9em;
	font-weight:bold;
	display: block;
	padding: 0.1em 0 0.1em 0.5em;
	border-left: 12px solid #a803a2;
	background-color: #F0F;
	color: #FFFFFF;
	text-decoration: none;
	margin-left:0.2em;
}

#rightnav-pink li.liturgy a:hover, #rightnav-pink li.word a:hover, #rightnav-pink li.action a:hover {
		color: #FF0;
}

#rightnav-blue {
	width: 35%;
	float: left;
	height: 33px;
}
	
#rightnav-blue ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #36C;
}

#rightnav-blue li {
	border-bottom: 0px solid #A68200;
}

#rightnav-blue li.action a {
	font-size: 0.9em;
	font-weight:bold;
	display: block;
	padding: 0.1em 0.1em 0.1em 0.5em;
	border-left: 12px solid #027712;
	background-color: #9C0;
	color: #FFFFFF;
	text-decoration: none;
	margin-left:0.2em;
}
#rightnav-blue li.word a {
	font-size: 0.9em;
	font-weight:bold;
	display: block;
	padding: 0.1em 0.1em 0.1em 0.5em;
	border-left: 12px solid #9e9e16;
	background-color: #d9d909;
	color: #FFFFFF;
	text-decoration: none;
	margin-left:0.2em;
}

#rightnav-blue li.liturgy a {
	font-size: 0.9em;
	font-weight:bold;
	display: block;
	padding: 0.1em 0.1em 0.1em 0.5em;
	border-left: 12px solid #2304c0;
	background-color: #36C;
	color: #FFFFFF;
	text-decoration: none;
	margin-left:0.2em;
}

#rightnav-blue li.spirituality a {
	font-size: 0.9em;
	font-weight:bold;
	display: block;
	padding: 0.1em 0 0.1em 0.5em;
	border-left: 12px solid #a803a2;
	background-color: #F0F;
	color: #FFFFFF;
	text-decoration: none;
	margin-left:0.2em;
}

#rightnav-blue li.spirituality a:hover, #rightnav-blue li.word a:hover, #rightnav-blue li.action a:hover {
		color: #FF0;
}


#load_content {
	margin-top: 1.5em;
}

#right_select {
	float: left;
	width: 100%;
	background-color: #FFE173;
	height: 1.6em;
}

#right_select ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

#right_select li {
	float: left;
	background-image: url(images/brown_tableft.jpg);
	background-repeat: no-repeat;
	margin: 0 1px 0 0;
	padding: 0 0 0 12px;
}

#right_select a {
	float: left;
	display: block;
	background-image: url(images/brown_tabright.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0.2em 10px 0.2em 0;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;	
}

#home li.intro, #construct li.construct, #showvideo li.showvideo, #home li.quote1, #quote2 li.quote2, #quote3 li.quote3, #quote4 li.quote4, #quote5 li.quote5, #quote6 li.quote6, #quote7 li.quote7, #quote8 li.quote8, #home li.tab1, #tab2 li.tab2, #tab3 li.tab3, #tab4 li.tab4, #tab5 li.tab5, #tab6 li.tab6, #tab7 li.tab7  {
	background-image: url(images/brown_tab_active_left.jpg);
}

#home li.intro a, #construct li.construct a, #showvideo li.showvideo a, #home li.quote1 a, #quote2 li.quote2 a, #quote3 li.quote3 a, #quote4 li.quote4 a, #quote5 li.quote5 a, #quote6 li.quote6 a, #quote7 li.quote7 a, #quote8 li.quote8 a, #home li.tab1 a, #tab2 li.tab2 a, #tab3 li.tab3 a, #tab4 li.tab4 a, #tab5 li.tab5 a, #tab6 li.tab6 a, #tab7 li.tab7 a {
	background-image: url(images/brown_tab_active_right.jpg);
	background-color: transparent;
	color: #FFFFFF;
}

.float-nav  {
	float: left;
	width: 50%;
	cursor:pointer;
}

.float-box-left  {
	float: left;
	margin-left: 1.1em;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	border: solid 5px #A68200;
	border-color: #A68200;
	background-color: #BFA130;
	width: 50%;
	height: 44px;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-weight: bold;
}

.float-box-right  {
	float: left;
	display: inline;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	border-top: solid 5px #A68200;
	border-right: solid 5px #A68200;
	border-bottom: solid 5px #A68200;
	background-color: #A68200;
	width: 15%;
	height: 36px;
	padding-right: 1.5em;
	padding-bottom: 0.9em; 
}

.float-box-right ul {
	position: relative;
	bottom: 0.3em;
	right: 0.7em;
	list-style: none;
}

.float-box-right li a {
	text-decoration:none;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;	
}

.float-box-right li a:hover  {
	color: #FF0;
}

.float-nav-multi  {
	float: left;
	width: 50%;
	cursor:pointer;
	margin-top: 0.1em;
}

.float-box-left-multi  {
	float: left;
	margin-left: 1.1em;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	border: solid 5px #A68200;
	border-color: #A68200;
	background-color: #BFA130;
	width: 50%;
	height: 44px;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-weight: bold;
}

.float-box-right-multi  {
	float: left;
	display: inline;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	border-top: solid 5px #A68200;
	border-right: solid 5px #A68200;
	border-bottom: solid 5px #A68200;
	background-color: #A68200;
	width: 15%;
	height: 36px;
	padding-right: 1.5em;
	padding-bottom: 0.9em; 
}

.float-box-right-multi ul {
	position: relative;
	bottom: 0.3em;
	right: 0.7em;
	list-style: none;
}

.float-box-right-multi li a {
	text-decoration:none;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;	
}

.float-box-right-multi li a:hover  {
	color: #FF0;
}

#float-nav2 {
	display: none;
}

#float-box-left2  {	
	display: none;
}

#float-box-right2  {
	display: none;	
}

#float-box-right2 ul {
	display: none;
}

#float-box-right2 li a {
	display: none;
}

.panel { 
position: absolute; 
top: 65px; 
right: 10px; 
display: none; 
background: #BFA130;
border:1px solid #111111; 
width: 730px; 
height: auto; 
padding: 10px 10px 10px 10px; 
filter: alpha(opacity=97); 
opacity: .97; 
}

.panel h1 {
	font-size: 1.8em; /* 16px / 27px */
	font-weight:bold;
	color: #FFE173;
	margin: 0em;
	padding-left: 18px;	
	padding-right: 18px;	
} 

.panel h2 {
	font-size: 1.1em; 
	font-weight:bold;
	color: #A68200;
	margin: 0em;	
} 

.panel p {
	padding-left: 18px;
	padding-right: 18px;
}

.panel li {
	padding-right: 18px;
}


.contentstable { 
clear: both; 
border: 1px solid #A68200;
width: 720px; 
line-height: 22px;
background: #FFE173;
margin-left: 18px;

} 

.contentstable td { 

border: 1px solid #A68200;
padding: 3px;
vertical-align:text-top;

} 

.contentstable th { 

border: 1px solid #A68200;
padding: 3px; 

} 


th.yellow {
	background: #d9d909;	
}

th.blue {
	background: #36C;	
}
th.green {
	background: #9C0;	
}
th.pink {
	background: #F0F;	
}

li.light{
	color: #FFE173;
	font-weight: bold;
}

a.trigger{ 
position: absolute; 
text-decoration: none; 
top: 22px; right: 50px; 
font-size: 0.8em; 
letter-spacing:-1px; 
font-family: verdana, helvetica, arial, sans-serif; 
color:#fff; 
padding: 20px 40px 20px 15px; 
font-weight: 700; 
background: url(images/plus_icon_25.png) 85% 55% no-repeat;  
display: block;
}

a.trigger:hover { 

color: #FF0;
background: url(images/plus_icon_25.png) 85% 55% no-repeat;  

}

a.active.trigger { 
background:url(images/minus_icon_25.png) 85% 55% no-repeat; 
} 

		
/* tablet screen layout */
@media screen and (max-width: 1024px)
{

a.trigger {
top: 18px;
right: 30px;
}

#page {
	width: 100%;
	}
	
#top-nav {

	margin-left: 0.8em;

}

#bottom-nav, #bottom-nav-green, #bottom-nav-blue, #bottom-nav-pink {
	
	margin-left: 0.8em;
	
}

#middle-nav, #middle-nav-green, #middle-nav-blue, #middle-nav-pink  {
	
	margin-left: 0.8em;
	
}


#leftnav li a, #leftnav-green li a, #leftnav-blue li a, #leftnav-pink li a  {

	font-size: 0.8em;
	height: 10px;
	padding: 0.3em 0.1em 0.5em 0.6em;

}

.figure_wide {
	display: none;
	
}
.figure_medium {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}
.figure_small {
	display: none;
}

.music {
	display:none;
}


#float-nav2 {
	display: none;
}

#float-box-left2  {	
	display: none;
}

#float-box-right2  {
	display: none;	
}

#float-box-right2 ul {
	display: none;
}

#float-box-right2 li a {
	display: none;
}
#navinfotext {
	margin: 5px;
}

	
} /*/mediaquery*/

@media screen and (max-width: 900px)
{

a.trigger {
	right: 20px;
	top:18px;
}

#introtext p {
	padding: 25px;
	
}	

#page {
	width: 100%;
	}
	
#top-nav {

	margin-left: 0.41em;

}

#middle-nav, #middle-nav-green, #middle-nav-blue, #middle-nav-pink {
	
	margin-left: 0.4em;
	
}

#leftnav li a, #leftnav-green li a, #leftnav-blue li a, #leftnav-pink li a{

	font-size: 0.8em;
	height: 9px;
	padding: 0.3em 0.1em 0.5em 0.6em;

}

#bottom-nav, #bottom-nav-green, #bottom-nav-blue, #bottom-nav-pink {
	
	margin-left: 0.41em;
	
}

#rightnav, #rightnav-green, #rightnav-blue, #rightnav-pink {
	width: 33%;
	float: left;
}

#leftnav li.word {

	border-left: 50px solid #FFC;
	
}

#leftnav-green li.action {

	border-left: 50px solid #9C0;
	
}

#float-nav2 {
	display: none;
}

#float-box-left2  {	
	display: none;
}

#float-box-right2  {
	display: none;	
}

#float-box-right2 ul {
	display: none;
}

#float-box-right2 li a {
	display: none;
}
#navinfotext {
	margin: 5px;
}

	
} /*/mediaquery*/


@media screen and (max-width: 800px)
{
/* ipad portrait */

#page {
	width: 100%;
	}
	
#top-nav {

	margin-left: 0.41em;

}

#bottom-nav, #bottom-nav-green, #bottom-nav-blue, #bottom-nav-pink {
	
	margin-left: 0.41em;
	
}

#rightnav, #rightnav-green, #rightnav-blue, #rightnav-pink {
	width: 33%;
	float: left;
}

#leftnav li a, #leftnav-green li a, #leftnav-blue li a, #leftnav-pink li a  {

	font-size: 0.8em;
	height: 10px;
	padding: 0.3em 0.1em 0.5em 0.6em;

}

#logo {
	padding-top: 3em;	
}

.figure_wide {
	display: none;
	
}
.figure_medium {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}
.figure_small {
	
	display: none;
	
}

.float-nav {
	width: 70%;
	margin-left: 0.1em;
	margin-top: 0.4em;
	margin-bottom: 3em;
	height: 50px;
}

.float-box-left  {
	
	width: 45%;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;

	
}
.float-box-right  {
	
	width: 15%;
	height: 36px;
	padding-right: 1.5em;
	padding-bottom: 0.9em;
	
}

.float-nav-multi {
	width: 70%;
	margin-left: 0.1em;
	margin-top: 0.4em;
	margin-bottom: 1.2em;
	height: 50px;
}

.float-box-left-multi  {
	
	width: 45%;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;

	
}
.float-box-right-multi  {
	
	width: 15%;
	height: 36px;
	padding-right: 1.5em;
	padding-bottom: 0.9em;
	
}

#float-nav2 {
	display: none;
}

#float-box-left2  {	
	display: none;
}

#float-box-right2  {
	display: none;	
}

#float-box-right2 ul {
	display: none;
}

#float-box-right2 li a {
	display: none;
}

#navinfotext {
	margin: 5px;
}


	
} /*/mediaquery*/


/* small screen layout onscreen - collapse to 1 column */
@media screen and (max-width: 730px)
{

a.trigger {
	display: none;
}

.imageright {
	width:95%;
	margin-left: 7px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top:10px;
}

#intro {
	height: 7em;
	margin-right: 7px;
	margin-left: 7px;
	padding-top: 0px;
}

.imageleft {
	width:95%;
	margin-left: 7px;
	padding-left: 5px;
	padding-right: 5px;

}

#page {
	width: 100%;
	}
	
#top_left {

	width: 97%;
	display:block;
	height: 65px;
}

#header {
	clear: both;
	float: none;
	display: block;
	width: 97%;
	height: 60px;
	margin-top: 0.2em;	
	margin-left: 0.41em;		

}

#logo {
	padding-top: 0.5em;
	padding-bottom: 0em;
	padding-left: 0.2em;
}

#top_right {
	clear: both;
	float: none;
	display: block;
	width: 96.5%;
	background-color: #FFE173;
	margin-top: 0;
	margin-bottom: 0.1em;
	padding-top: 0;
	height: 125px;
}

#top_right_index {
	clear: both;
	float: none;
	display: block;
	width: 96.5%;
	background-color: #FFE173;
	margin-top: 0;
	margin-bottom: 0.1em;
	padding-top: 0;
	height: 112px;
}

.left {
	float: none;
	width: 97%;
}

.right {
	clear: both;
	float: none;
	display: block;
	width: 97%;
}

.introtext_content1 {
	float: none;
	width: 100%;
	font-size:1.1em;
}

#top-nav {
	
	
	margin-left: 0.4em;
	margin-bottom: 0.2em;
	width: 97%;
	height: 36px;
	
}	

#middle-nav, #middle-nav-green, #middle-nav-blue, #middle-nav-pink {
	
	margin-left: 0.4em;
	width: 97%;
	height: 29px;
	
}


#bottom-nav, #bottom-nav-green, #bottom-nav-blue, #bottom-nav-pink {
	
	height: 63px;
	width: 97%;
	margin-left: 0.4em;
	
}

#leftnav, #leftnav-green, #leftnav-blue, #leftnav-pink {

		float: left;
		width: 62%;
		height: 33px;
		
}

#leftnav li a, #leftnav-green li a, #leftnav-blue li a, #leftnav-pink li a {

	font-size: 0.8em;
	height: 9px;
	padding: 0.3em 0.1em 0.5em 0.6em;

}


#rightnav, #rightnav-green, #rightnav-blue, #rightnav-pink {
	width: 35%;
	float: left;
	height: 33px;
}


.content .main {
	float:none;
	width: 97%;
	padding-left: 0.5em;
	font-size:1.1em;
	padding-top:0.6em;
}

.main h1 {
	font-size: 1.5em; /* 16px / 27px */
	
}

.main h2 {
	font-size: 1.1em;
	
}

.content .notmobile {
	float:none;
	width: 97%;
	padding-left: 0.5em;
	font-size:1.1em;
	padding-top:0.6em;
}

.notmobile h1 {
	font-size: 1.5em; /* 16px / 27px */
	
}

.notmobile h2 {
	font-size: 1.1em;
	
}

#picblock_content1 {
	
	margin-bottom: 0.1em;
	
}

.pictext_content1 {

	font-size:1em;

}

.figure_wide {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}
.figure_medium {
	display: none;
}
.figure_small {
	display: none;
}

.float-nav {
	width: 95%;
	margin-left: 2.5em;
	margin-top: 0.4em;
	margin-bottom: 3em;
	height: 50px;
}

.float-box-left  {
	
	width: 50%;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	
}
.float-box-right  {
	
	width: 15%;
	height: 36px;
	padding-right: 1.5em;
	padding-bottom: 0.9em;
}


.float-nav-multi {
	width: 95%;
	margin-left: 2.5em;
	margin-top: 0.4em;
	margin-bottom: 1.2em;
	height: 50px;
}

.float-box-left-multi  {
	
	width: 50%;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	
}

.float-box-right-multi  {
	
	width: 15%;
	height: 36px;
	padding-right: 1.5em;
	padding-bottom: 0.9em;
}

#float-nav2 {
	display: none;
}

#float-box-left2  {	
	display: none;
}

#float-box-right2  {
	display: none;	
}

#float-box-right2 ul {
	display: none;
}

#float-box-right2 li a {
	display: none;
}

#navinfo {
	display: none;
}
#navinfotext {
	display: none;
}

	
} /*/mediaquery*/



/* small screen layout */
@media screen and (max-width: 480px)
{

#page {
	width: 100%;
	}
	
#top_left {

	width: 97%;
	display:block;
	height: 55px;
}

#header {
	clear: both;
	float: none;
	display: block;
	width: 97%;
	height: 48px;
	margin-top: 0.2em;	
	margin-left: 0.41em;	
}

#logo {
	padding-top: 0.7em;
	padding-bottom: 0em;
	padding-left: 0.5em;
}

#top_right {
	clear: both;
	float: none;
	display: block;
	width: 96.5%;
	background-color: #FFE173;
	margin-top: 0;
	margin-bottom: 0em;
	padding-top: 0;
	height: 148px;
}

#top_right_index {
	
	height: 70px;
}

#intro {
	height: 4.5em;
	margin-right: 4px;
	margin-left: 7px;
}

#introtext p {
	padding: 15px;
	font-size: 1em; 
	padding-left: 15px;
	padding-right: 13px;
	margin: auto;
	
}

.imageleft {
	width: 95%;
}

#credittext p {
	padding-left: 20px;
	font-size: 0.6em;

}

#credittext a {
	font-size: 1em;
}

.left {
	float: none;
	width: 97%;
}

.right {
	clear: both;
	float: none;
	display: block;
	width: 97%;
}

.introtext_content1 {
	float: none;
	width: 100%;
	font-size:1.1em;
}

#top-nav {	
	
	margin-left: 0.4em;
	margin-bottom: 0.2em;
	width: 97%;
	height: 36px;
	
}	

#middle-nav, #middle-nav-green, #middle-nav-blue, #middle-nav-pink {
	
	margin-left: 0.4em;
	width: 97%;
	height: 29px;
	
}

#middle-nav li, #middle-nav-green li, #middle-nav-blue li, #middle-nav-pink li {
		display: inline;
		padding-left: 0.2em;
		padding-right: 0.3em;
		font-size: 1em;
		font-weight: bold;
		font: Calibri, Helvetica, sans-serif;
		color: #030;

}

#middle-nav ul, #middle-nav-green ul, #middle-nav-blue ul, #middle-nav-pink ul {
		
		padding-right: 2em;
		
}

#middle-nav a:link, #middle-nav a:visited, #middle-nav-green a:link, #middle-nav-green a:visited, #middle-nav-blue a:link, #middle-nav-blue a:visited, #middle-nav-pink a:link, #middle-nav-pink a:visited {
		
		font-size: 1.1em;
		text-decoration:none;

}

#middle-nav a:hover, #middle-nav-green a:hover, #middle-nav-blue a:hover, #middle-nav-pink a:hover {
			
		font-size: 1.1em;

}

#bottom-nav, #bottom-nav-green, #bottom-nav-blue, #bottom-nav-pink {
	
	height: 86px;
	width: 97%;
	margin-left: 0.4em;
	
}

#leftnav {

		float: left;
		width: 62%;
		height: 56px;
		border-left: 4px solid #d9d909;	
}

#leftnav-green {

		float: left;
		width: 62%;
		height: 56px;
		border-left: 4px solid #9C0;	
}

#leftnav li a, #leftnav-green li a, #leftnav-blue li a, #leftnav-pink li a {

	font-size: 0.8em;
	height: 19px;
	padding: 0.3em 0.1em 0.3em 0.6em;

}

#rightnav, #rightnav-green, #rightnav-blue, #rightnav-pink {
	width: 35%;
	float: left;
	height: 56px;
}

#rightnav-green li.word a, #rightnav-blue li.word a, #rightnav-pink li.word a {

	font-size: 0.9em;
	height: 23px;
	padding: 0.2em 0.3em 0.1em 0.4em;

}

#rightnav li.action a, #rightnav-blue li.action a, #rightnav-pink li.action a {

	font-size: 0.9em;
	height: 23px;
	padding: 0.2em 0.3em 0.1em 0.4em;

}

#rightnav li.liturgy a, #rightnav-green li.liturgy a, #rightnav-pink li.liturgy a {

	font-size: 0.9em;
	height: 23px;
	padding: 0.2em 0.3em 0.1em 0.4em;

}
#rightnav li.spirituality a , #rightnav-green li.spirituality a, #rightnav-blue li.spirituality a {

	font-size: 0.9em;
	height: 23px;
	padding: 0.2em 0.3em 0.1em 0.4em;
}

.content .main {
	float:none;
	width: 97%;
	padding-left: 0.5em;
	font-size:1.1em;
	padding-top:0.6em;
}

.main h1 {
	font-size: 1.5em; /* 16px / 27px */
	
}

.main h2 {
	
	font-size: 1.2em;
	padding-top: 0em;	
}

.content .notmobile {
	display:none;
	
}

#question_block {
	
	margin-top: 1em;
	margin-left: 0.6em;
	width: 95%;
	
}

.pictext_content1 p.quote {
	
	font-size: 1.1em;
	margin-top: 1em;
	
}

.pictext_content1 p.quote2 {
	
	font-size: 1.1em;
	margin-top: 1em;
	
}

.pictext_content1 p.author {
	
	font-size: 1em;
	
}

.question_text {
	font-size:1em;
	
}

.question_text h1{
	font-size:1.4em;
	
}

.question_text h2{
	font-size:1.2em;
	
}

.question_text li {
	padding: 0.2em;
}

#picblock_content1 {
	
	margin-bottom: 0.1em;
	
}

.pictext_content1 {
	font-size:1em;
}

.figure_wide {
	display: none;
	
}
.figure_medium {
	display: none;
}
.figure_small {
	
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

.float-nav {
	width: 100%;
	min-width:300px;
	margin-left: 0em;
	margin-top: 0.1em;
	margin-bottom: 2em;
	height: 58px;
}

.float-box-left  {
	
	width: 59%;
	padding-left: 0.2em;
	padding-right: 0.1em;
	padding-top: 0.1em;
	padding-bottom: 0.2em;
	height: 57px;
	
}
.float-box-right  {
	
	width: 15%;
	height: 44px;
	padding-right: 2.5em;
	padding-bottom: 0.9em;
	font-size: 1em;
	border-bottom: solid 0.5em;
	border-color: #A68200;
	
}

.float-box-right ul {
	
	position: relative;
	bottom: 0.1em;
	right: 0.9em;
	list-style: none;
	
}

.float-nav-multi {
	width: 100%;
	min-width:300px;
	margin-left: 0em;
	margin-top: 0.1em;
	margin-bottom: 1.2em;
	height: 58px;
}

.float-box-left-multi  {
	
	width: 59%;
	padding-left: 0.2em;
	padding-right: 0.1em;
	padding-top: 0.1em;
	padding-bottom: 0.2em;
	height: 57px;
	
}
.float-box-right-multi  {
	
	width: 15%;
	height: 44px;
	padding-right: 2.5em;
	padding-bottom: 0.9em;
	font-size: 1em;
	border-bottom: solid 0.5em;
	border-color: #A68200;
	
}

.float-box-right-multi ul {
	
	position: relative;
	bottom: 0.1em;
	right: 0.9em;
	list-style: none;
	
}

#float-nav2 {
	display:block;
	float: left;
	cursor:pointer;
	width: 100%;
	min-width:300px;
	margin-left: 0em;
	margin-top: 0.1em;
	margin-bottom: 0em;
	height: 58px;
}

#float-box-left2  {
	
	display:block;
	float: left;
	margin-left: 1.1em;
	margin-top: 0.8em;
	margin-bottom: 0em;
	border: solid 5px #A68200;
	border-color: #A68200;
	background-color: #BFA130;
	width: 59%;
	padding-left: 0.2em;
	padding-right: 0.1em;
	padding-top: 0.1em;
	padding-bottom: 0.2em;
	height: 37px;
}

#float-box-right2  {
	float: left;
	display: inline;
	margin-top: 0.8em;
	margin-bottom: 0em;
	border-top: solid 5px #A68200;
	border-right: solid 5px #A68200;
	border-bottom: solid 5px #A68200;
	background-color: #A68200;
	width: 15%;
	height: 24px;
	padding-right: 2.5em;
	padding-bottom: 0.9em;
	font-size: 1em;
	border-bottom: solid 0.5em;
	border-color: #A68200;
	
}

#float-box-right2 ul {
	
	display:block;
	position: relative;
	bottom: 0.4em;
	right: 0.9em;
	list-style: none;
	
}

#float-box-right2 li a {
	
	display:block;
	text-decoration:none;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;	
}

#float-box-right2 li a:hover {
	
	color: #FF0;
}

.pic {
	
	left: 0.5em;
}
.pic a {
	
	padding-left: 0.3em;
	font-size:0.5em;
}
#navinfotext {
	display: none;
}

	
} /*/mediaquery*/


/* small screen layout */

@media screen and (max-width: 400px)
{
	.imageleft {
	width: 94%;
	}
	#introtext p {
	
	padding-right: 15px;
	}
	
	#intro {
	
	margin-right: 1px;
	
}
}