body  {font-family: arial, helvetica, sans-serif; font-size: 14px; margin: 0; padding: 0;
	background-color: #fff; line-height: 142%;}
img {border:none; max-width:100%;}
iframe { border:none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
form {margin:0;}
table { border-collapse: collapse; }
p {margin: 0 0 .5em 0;}
a { color: #a72e05; text-decoration: none; font-weight:bold;}
a:hover { text-decoration: underline; }
h1, h2, h3, h4 { font-weight: bold; }
h1 {margin:0; font-size:18px; line-height: 142%; padding: 2% 2% 0 2%; color: #a72e05;}
h2 {margin:0; font-size:18px; line-height: 142%; padding: 2% 2% 0 2%;}
h3 {margin: 4% 0 4% 0; line-height: 142%; font-size:16px;}
h4 {margin: 4% 0 4% 0; line-height: 142%; font-size:14px;}
h5 {margin: 2% 0 2% 0; line-height: 142%; font-size:14px; font-weight:normal; font-style:italic;}
dl, ul, ol { margin: 0 0 .5em 0; padding-left: 1.5em;}
li { margin: 0 1em 0 0em; }
dt { float: left; clear: left; width:6.4em;}
dd { margin: 0 0 .6em 6.4em; }

div.wrapper {max-width: 916px; margin: 0 auto; position: relative;}

.fea { color: #5e1a08; }
.fea3 { font-weight: bold; color: #5e1a08; }

.icon {width:35%;}
.rejoice {width:64%; vertical-align:40%;}
.address {position: absolute; top:72px; right:12px; width:192px; text-align:center;
	display:none; font-size:12px; line-height: 18px; }
.troparion { color: #5e1a08; }

.point {cursor:pointer;}
.subbox {display:none; padding:2% 2% 0 2%;}
  .subbox h1 {padding: 4% 0 0 0;}
  .subbox h2 {padding: 4% 0 0 0;}
.inbox {display:block; max-width:100%; background-color:#fae7cc; padding:2% 2% 0 2%; margin-bottom: 2%; }
  .inbox h1 {padding: 0 0 0 0;}
  .inbox h2 {padding: 0 0 0 0;}
  .inbox h3 {margin-top: 0;}
.arrow {display:inline; cursor:pointer; vertical-align:-2px;}
.clear {clear:both;}
.cleart {clear:both; padding-top:12px;}
.center {text-align:center;}
.right {text-align:right;}

.floatif { width:100%; }
.if60 { width: 100%; height: 0; padding-bottom: 60%; position: relative; margin-bottom:2%; }
.if75 { width: 100%; height: 0; padding-bottom: 75%; position: relative; margin-bottom:2%; }

div.welcome {background-color:#fae7cc;}
div.snote {font-size:12px; font-style:italic; text-align:center; padding-top:12px;}
.leftcolorth {background-color:#fae7cc; padding:2%; margin-bottom: 2%; }
  .leftcolorth h1 {padding: 0 0 0 0;}
  .leftcolorth h2 {padding: 0 0 0 0;}

.floatright {display:block; max-width:100%;}
.floatleft {display:block; max-width:100%;}

.footer { clear:both; font-size:12px; padding-top:12px; text-align:center; }
.footer2 { clear:both; font-size:12px; padding-top:12px; text-align:center; display:none; }
.fsel { font-size:12px; }

.pre { padding: 2%; background-color: #ddd; width:96%; font-family:courier; font-size:12px; }
div.notes { padding: 2%; font-size: 12px; border: 1px solid #000; margin:2%; }
div.disclaim { padding: 2%; font-size: 11px; background-color: #ddd; }

div.orthDrop { font-size: 12px; padding: 0 0 4px 18px; }
  .orthDrop p { margin: 4px 0 0 0; }
div.hide { display: none; }
div.credit { font-size: 12px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
	padding: 6px; }

div.linkMenu {position: absolute; top:10px; right:0px; padding: 4px 12px; background-color:#5e1a08; display:none; width:612px;}
 .linkMenu td { width: 120px; line-height: 16px; text-align: center; font-size: 11px; border: none; padding:0; }
 .linkMenu a { display: block; color:#fff; text-decoration:none;
			border-top:1px solid #9b6050; border-bottom:1px solid #9b6050; }
 .linkMenu a:hover { font-size:12px; font-weight:bold; }

#linkSubMenu1 { position:absolute; top:30px; right:504px; z-index: 996; }
#linkSubMenu2 { position:absolute; top:30px; right:382px; z-index: 997; }
#linkSubMenu3 { position:absolute; top:30px; right:128px; z-index: 998; }
#linkSubMenu4 { position:absolute; top:30px; right:4px; z-index: 999; }
.SubMenu { display: none; }
.SubMenu td { width: 110px; font-size: 10px; line-height:12px; padding: 4px; border:1px solid #5e1a08; text-align:center; background-color: #fff; }
 .SubMenu a { color: #5e1a08; }

#mobiCont {display:none;}
div.mobiMenu {width:100%;}
.mavLeft {width:49%; float:left;}
.mavRight {width:49%; float:right;}

.mobiButt {width:36px; height:36px; cursor:pointer; position:fixed;
	top:0; right:0; z-index: 99; opacity: .33; filter: alpha(opacity=33);}
.mobiCanc {background-color:#f2f2f2; color:#000; font-size:14px; font-weight:bold;
	padding:4px; margin: 6px auto; width:40px; cursor:pointer; clear:both;}

#dim { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none;
	background-color: #000; z-index: 998; opacity: .83; filter: alpha(opacity=83); }
#bkg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; background-color: transparent; z-index: 999; }
#bkg table { width: auto; margin: 0 auto; height: 100%; }
#bkg td { height: 100%; vertical-align: middle; }
#apop { z-index:1000; border: 6px solid #ccc; color: #000; background-color: transparent;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px; }
#padapop { padding: 6px; font-size: 12px; color:#fff;}
  #padapop p {margin: 0 0 8px 0;}
  #padapop h4 {margin: 8px 0 8px 0; font-size:14px;}
  #padapop a { color: #fff; }

@media all and (orientation: landscape)
{ .banner {width:48%; float:left;}
.leftcol {width:44%; float:left;}
.leftcolorth {width:44%; float:left;}
.rightcol {width:50%; float:right;}
.leftfoot {width:40%; float:left;}
.centerfoot {width:32%; float:left;}
.rightfoot {width:27%; float:right;}
.welcome {padding-right:36px;}
}
@media all and (min-width: 720px)
{ .wrapper {margin: 10px auto;}
.banner {width:100%; max-width:612px;}
.address {display:block;}
.footer2 {display:block;}
.leftcol {width:44%; float:left;}
.leftcolorth {width:25%; float:left; padding:1%;}
.rightcol {width:54%; float:right;}
.leftfoot {width:40%; float:left;}
.centerfoot {width:32%; float:left;}
.rightfoot {width:27%; float:right;}
.inbox {float:right; margin-left: 4%; width:42%;}
.floatif { float:right; margin-left: 4%; width:48%; }
.floatright {float:right; padding-left: 4%; max-width:50%;}
.floatleft {float:left; padding-right: 4%; max-width:50%;}
.subbox {display:block; padding:2%;}
  .subbox h1 {padding: 2% 0 0 0;}
  .subbox h2 {padding: 2% 0 0 0;}
.arrow {display:none;}
.welcome {padding-right:0;}
.mobiButt {display:none;}
h1, h2 {font-size:21px;}
h3 {font-size:16px; margin: 2% 0 2% 0;}
h4 {margin: 2% 0 2% 0;}
div.linkMenu {display:block; }
}