/*
Colors
Blue:	#336699;
Red:	#CC3333;
Yellow:	#FFFFAA;
Text:	#333333;
Text:	#EEEEEE;
*/

* {
	margin: 0;
	padding: 0;
	border: 0;				/* this removes the border around the viewport in old versions of IE */
	-webkit-text-size-adjust: none;  
}

fieldset { 
	border: none;
}

input, textarea {
	outline: none;
}

html {
	overflow-y: scroll;
}

/* --------------------------------------------------------- */
/* General */

body {
	text-align: center;
	font-family: arial, sans-serif;
	font-size: .75em;
	background: #333;
}

#pagewrap {
	width: 80em;
	margin: 0 auto;
	text-align: left;
}

a {
	color: #369;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #036;
}

h1, h2, h3, h4, h5 {
	margin: .8em 0 .2em 0;
	padding: 0;
}

p {
	margin: .4em 0 .8em 0;
	padding: 0;
}

img {
	margin: 0;
}

.clearboth {
	clear: both;
}

/* --------------------------------------------------------- */
/* Header styles */

#header {
	clear: both;
	float: left;
	width: 100%;
	height: 14.25em;
}

#header img {
	width: 80em;
	height: 14em;
	border-bottom: .25em solid #c33;
}

/* --------------------------------------------------------- */
/* Navigation Menu ================================================== 
   The original version of this stylesheet and the associated (x)html
   is available at http://www.cssplay.co.uk/menus/elegant2.html
   Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
   ================================================================== */

#mainmenu {
	clear: both;
	float: left;
	position: relative;
	z-index: 1;
}

#menu, #menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	height: 2.5em;
	background: #369;
	border-bottom: .0833em solid #c33;
}

#menu {
	padding-left: 0;
	width: 80em;
}

#menu li.first {
/*	border-left: .0833em solid #369; */
}

#menu table {
	border-collapse: collapse;
	width: 0;
	height: 0;
	padding: 0;
	margin: -.0833em;
}

#menu ul {
	position: absolute;
	left: -9999px;
}

#menu li {
	float: left;
/*	border-right: .0833em solid #369; */
	font-weight: bold;
	font-size: .95em;
	line-height: 1em;
}

#menu li a {
	white-space: nowrap;
	display: block;
	float: left;
	height: 2em;
	text-decoration: none;
	background-color: #369;   /* #223f97; */
	color: #eee;
	padding: .3em 2em .3em 1em;
}

#menu li a span {
	display: block;
}

#menu li a.home {
	padding: .2em 1em .4em .9em;
}

#menu li a.drop {
	background: #369;
}

#menu li a:hover {
	position: relative;
	background-color: #c33;
	color: #eee;
}

#menu li:hover {
	position: relative;
}

#menu li:hover > a {
	color: #fff;
}

#menu :hover ul {
	left: -.0833em;
	top: 2.6em;
	width: 10em;
	background: url(trans.gif);
	padding-top: .0833em;
	border-bottom: 0;
}

#menu :hover ul li a {
/*	border-left: .0833em #c33; */
	height: 2em;
	line-height: 1.9em;
	width: 12em;							/* width of menu items */
/*	border-bottom: .0833em solid #369; */
	font-size: 1em;
}

body#home ul#menu li.m1 a,
body#about ul#menu li.m2 a.drop,
body#events ul#menu li.m3 a,
body#chapters ul#menu li.m4 a.drop,
body#outreach ul#menu li.m5 a.drop,
body#prayer ul#menu li.m6 a,
body#bible ul#menu li.m7 a,
body#store ul#menu li.m8 a,
body#references ul#menu li.m9 a.drop {
	background-color: #c33;
}

/*
#menu :hover ul li a.right {
	background: #ddd url(images/right.gif) no-repeat 11.25em center;
}

#menu :hover ul ul {
	left: -9999px;
	padding-top: 0;
}

#menu :hover ul li.fly a:hover {
	padding-left: 13.4166em;
	border-bottom-color: #000;
	background: #ccc url(images/down.gif) no-repeat right center;
}

#menu :hover ul li.fly:hover > a {
	padding-left: 13.33em;
	border-bottom-color: #000;
	background: #ccc url(images/down.gif) no-repeat right center;
}

#menu :hover ul :hover ul {
	left: 12.5em;
	top: 1.75em;
	font-size: 1.05em;
}

#menu :hover ul :hover ul ul {
	left: -9999px;
}

#menu :hover ul :hover ul li a:hover {
	padding-left: .833em;
	border-color: #fff;
	background: #ccc;
}

#menu :hover ul :hover ul li.fly a:hover {
	padding-left: 13.4166em;
	border-bottom-color: #000;
	background: #ccc url(images/down.gif) no-repeat right center;
}

#menu :hover ul :hover ul li.fly:hover > a {
	padding-left: 13.33em;
	border-bottom-color: #000;
	background: #ccc url(images/down.gif) no-repeat right center;
}

#menu :hover ul :hover ul :hover ul {
	left: 12.5em;
}

#menu :hover ul :hover ul :hover ul li a:hover {
	padding-left: .833em;
	border-color: #fff;
	background: #ccc;
}
*/
/* --------------------------------------------------------- */
/* Column container */

.content {
	position: relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 100%;			/* width of whole page */
	overflow: hidden;		/* This chops off any overhanging divs */
}

/* --------------------------------------------------------- */
/* 2 column global settings */

.colmask {
	background: #ffa;		/* background color for right column */
}

.colmask .backup {
	color: #c33;
	font-size: .8em;
}

.colmask .colleft .backup {
	margin: 2em 0 1em .6em;	
}

.colmask .colright .backup {
	margin: 2em 0 2em .9em;	
}

.colmask img {
	margin: .3em;
}

.colmask table {
	width: 100%;
}

.colmask td {
	width: 50%;
	vertical-align: top;
}
/* --------------------------------------------------------- */
/* 2 column both column wrap settings */

.colmask .colwrap {
	float: left;
	width: 160%;
	margin-left: -12em;
	position: relative;
	right: 80%;
	background: #fff;		/* background color for left column */
}

/* --------------------------------------------------------- */
/* 2 column left column wrap settings */

.colmask .colleftwrap {
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
	padding-bottom: 1em;
}

/* --------------------------------------------------------- */
/* 2 column left column settings */

.colmask .colleft {
	margin: 0 1em 0 13em;
	overflow: hidden;
}

.colmask .colleft h2 {
	color: #369;
	font-size: 1.4em;
	text-transform: uppercase;
}

.colmask .colleft .provdiv {
	position: relative;
	height: 6em;
}

.colmask .colleft .provtxt {
	position: absolute;
	padding: 0 5em;
	visibility: hidden;
	font-size: .95em;
}

.colmask .colleft .provtxt h5 {
	font-weight: bold;
	color: #c33;
}

.colmask .colleft h6 {
	font-size: .8em;
	font-weight: bold;
	text-transform: uppercase;
	color: #369;
}

.colmask .colleft .worldtxt {
	position: absolute;
	width: 52em;
	text-align: center;
	line-height: .9em;
	visibility: hidden;
	font-size: .95em;
}
.colmask .colleft .worldtxt h5 {
	font-weight: bold;
	color: #c33;
	margin-bottom: .5em;
}

.colmask .colleft .chapter {
	width: 98%;
	margin-left: .6em;
	border-collapse: collapse;
}

.colmask .colleft .chapter0 {
	width: 98%;
	height: 2em;
	vertical-align: bottom
}

.colmask .colleft .chapter1 {
	width: 15%;
	height: 1.6em;
	vertical-align: top;
}

.colmask .colleft .chapter2 {
	width: 28%;
	height: 1.6em;
	vertical-align: top;
}

.colmask .colleft .chapter3 {
	width: 55%;
	height: 1.6em;
	vertical-align: top;
}

.colmask .colleft .provselect {
	background: #ffa;
	padding: .1em;
	border: 1px #369 solid;
}

.colmask .colleft .provlinks {
	background: #fff;
	padding-left: .3em;
}

.colmask .colleft .aboutpic {
	width: 33em;
	height: 25em;
	float: right;
	margin: 1.2em .6em .6em .6em;
}

.colmask .colleft .newdoc {
	background-color:#ff9;
	font-variant:small-caps;
	font-size:.8em;
}

/* --------------------------------------------------------- */
/* both column settings */

.colmask .colright ol, 
.colmask .colleft ol,
.colmask .colright ul, 
.colmask .colleft ul {
	margin-left: .6em;
	color: #333;
}

.colmask .colright ul li, 
.colmask .colleft ul li {
	margin-left: .6em;
	padding-bottom: .3em;
	list-style: disc inside;
}

.colmask .colright ol li, 
.colmask .colleft ol li {
	margin-left: .6em;
	padding-bottom: .3em;
	list-style: decimal inside;
}

.colmask h3 {
	padding-top: .6em;
	color: #369;
	text-transform: uppercase;
}

.colmask h4 {
	color: #c33;
	padding-top: .6em;
	margin-left: .6em;
	text-transform: uppercase;
}

.colmask h5 {
	color: #c33;
	text-transform: uppercase;
	font-size: 1em;
}

.colmask .colleft .smalltxt, 
.colmask .colright .smalltxt {
	color: #369;
	font-size: .9em;
}

.colmask .colleft .details, 
.colmask .colright .details {
	color: #333;
	margin-top: 0;
	padding-top: 0;
}

.colmask .colleft p,
.colmask .colright p,
.colmask .colright strong {
	color: #333;
	margin-left: .6em;
}

.colmask .inline-icon {
	margin-bottom:-.3em;
	width: 17px;
	height: 16px;
}

.colmask .inline-yicon {
	margin-bottom:-.3em;
	width: 17px;
	height: 14px;
}

.colmask .inline-uicon {
	margin-bottom:-.25em;
	width: 17px;
	height: 12px;
}

.colmask .colleft .inline-mediaicons {
	margin-bottom: 0;
	width: 24px;
	height: 10px;
}

.colmask .prov-icon {
	margin-top: -.1em;
	width: 14px;
	height: 14px;
	cursor: help;
}

.colmask .map-icon {
	margin-top: .1em;
	width: 14px;
	height: 14px;
	cursor: help;
}

.colmask .world-icon {
	margin-bottom: -.2em;
	width: 14px;
	height: 14px;
	cursor: help;
}

/* --------------------------------------------------------- */
/* 2 column right column settings */

.colmask .colright {
	float: right;
	width: 26em;
	position: relative;
	left: 27em;
}

.colmask .colright .links {
	line-height: 1.6em;
	font-size: .9em;
	list-style: none;
	margin-left: 1em;
	text-transform: uppercase;
}

.colmask .colright .links a:hover {
	padding: .3em;
}

.colmask img.displayed {
    display: block;
    margin: 0 auto;
}

.colmask img.padtop {
    margin-top: 1.6em;
}

.colmask .colright .announce {
	list-style-type: square;
	margin-left: 2em;
}

.colmask .colright .announce li {
	line-height: 1.5em;
}

.colmask .colright td {
	vertical-align: top;
	padding-bottom: 1em;
}

.colmask .colright .presidents {
	 margin-left: .6em;
 }

.colmask .colright .presidents th {
	font-size: .9em;
	vertical-align: top;
	line-height: 2em;
}
.colmask .colright .presidents td {
	padding-left: .6em;
	vertical-align: top;
	line-height: .3em;
}

.colmask .colright .colmpics {
	width: 1%;
	text-align: left;
}

.colmask .colright .storetable {
	border-collapse: collapse;
}

.colmask .colright .storetable td {
	margin: 0;
	padding: 0 1em;
}

.colmask .colright .storetable hr {
	margin: 1em 0;
	border: 1px solid #369;
	border-collapse: collapse;
}

.colmask .colright .storetable td.tallies {
	text-align: right;
}

hr {
	margin: 1em 0;
	border: 1px solid #369;
	border-collapse: collapse;
}


/* --------------------------------------------------------- */
/* Footer styles */

#footer {
	clear: both;
	float: left;
	width: 80em;
	height: 2.5em;
	border-top: 1px solid #f00;
	background: url(images/footer.jpg) repeat-x #fff top center;
}

#footer div {
	color: #699;
	padding: .75em;
	margin: 0;
}

#footer div.zleft {
	width: 75%;
	height: 2.5em;
	float: left;
}
	
#footer div.zright {
	float: right;
	z-index: 1;
}

#footer div.zright .foot-icon {
	margin:-.1em .3em 0 .6em;
	height: 1.3333em;
}
/* --------------------------------------------------------- */
/* form styles */

.reqstar {
	font-size:1.1em;
	color:#c33;
}

#orderform input {
	padding: .1em;
	border: 1px solid #369;
	text-align: center;
}

#orderform input.units {
	display: block;
	margin-top: .1em;
	padding: .3em;
	border: none;
	text-align: left;
}

/*
#form-wrap {
	width: 48em;
	margin: 0 auto;
	background: url(images/form-bg.jpg) top center no-repeat;
	min-height: 48em;
}
#form-wrap form {
	padding: 3.6em 0 0 6.3333em;
}
#formLeft {
	width: 34em;
	float: left;
	}
	#formLeft .move {
		padding-left: 4em;
	}
	.move2 {
		margin-left: -.5em;
	}
	#formLeft input {
		width: 250px;
		margin: 0 0 20px 0;
		border: none;
		text-align: center;
		background: none;
		margin: 13px 0 0 8px;
		font-size: 1.2em;
	}
	#formLeft .input-bg {
		background: url(images/form-sm-bg.png) bottom left no-repeat transparent;
		height: 45px;
		margin-bottom: 10px;
		position: relative;
	}
	#formLeft .active {
		background: url(images/form-sm-bg.png) top left no-repeat transparent;
	}

	#formLeft textarea {
		width: 298px;
		height: 168px;
		display: block;
		border: none;
		background: none;
		margin: 0 0 0 20px;
		padding: 13px 0 13px 0;
		font-family: arial, sans-serif;
		font-size: 1.2em;
		overflow: auto;
	}
	#formLeft .message-bg {
		background: url(images/message-bg1.png) bottom left no-repeat transparent;
		height: 198px;
	}
	#formLeft .tactive {
		background: url(images/message-bg1.png) top left no-repeat transparent;
	}
#form-wrap label {
	display: block;
	font-size: 1em;
	text-indent: .6em;
	font-weight: bold;
}
#form-wrap label.error {
	position: absolute;
	top: -16px;
	left: 6em;
	padding: .25em;
	color: #c33;
	font-size: 1.0em;
	text-align: right;
	font-style: italic;
	font-weight: normal;
}
#form-wrap input.submit-button {
	padding: 1em 0 0 11em;
}

*/

/* --------------------------------------------------------- */
/* Prayer form styles */


#form-area {
	width: 25em;
	margin: 0 auto;
}

#form-area form {
	margin-top: 1em;
}

#form-pad {
	width: 25em;
	float: left;
	}
	#form-pad input {
		width: 21em;
		border: none;
		background: white;
		text-align: left;
		padding: .3em;
		margin: 1em 0 1.8em 0;
	}
	#form-pad .input-bg {
		position: relative;
	}
	#form-pad textarea {
		display: block;
		width: 21em;
		border: none;
		background: white;
		text-align: left;
		padding: .3em;
		margin: 1em 0 1.8em 0;
		overflow: auto;
	}
	#form-pad .textarea-bg {
		position: relative;
	}

#form-area label {
	display: block;
	color: #333;
	font-size: .9em;
	font-weight: bold;
}

#form-area label.error {
	position: absolute;
	top: 2em;
	left: 0em;
	color: #c33;
	font-size: .9em;
	text-align: right;
	font-style: italic;
	font-weight: normal;
}
 
#prayerform input,
#prayerform select,
#prayerform textarea {
	display: block;
	margin-top: .3em;
	padding: .3em;
}


#form-area select {
	margin-bottom: 1.8em;
}

#form-area option {
	padding: .1em .6em 0 .6em;;
}

.captchaImage{
	border:1px solid black;
	margin:3px 3px 3px 0px;
	padding:3px;
	background-color:white;
	text-align:center;
	width:150px;
}

#form-area .submitBtn {
	float: left;
	background: #369;
	color: #eee;
	font-weight: bold;
	height: 2.3em;
	width: 5em;
}

#form-area .resetBtn {
	float: right;
	background: #369;
	color: #eee;
	font-weight: bold;
	height: 2.3em;
	width: 4em;
}

#form-area .submitBtn:hover,
#form-area .resetBtn:hover {
	background: #c33;
	cursor: pointer;
}

.colmask .colright #formarea h4 {
	padding-top: 1em;
	margin-left: .6em;
	text-transform: uppercase;
}