body {
  padding:0;
  margin: 0;
  font-family: /*Segoe UI, Calibri, "lucida grande",*/ arial, sans-serif;
  font-size: 93%;
  color: #2d2e2e;
  background-color: #ffffff;
  text-align: left;
  line-height: 1.48
}


body { background-image: url(images/mainbckgrnd3.jpg); background-repeat: repeat-y; background-position:center; }

p {	margin:0 1em 1em 1em; line-height:1.5em; text-align: left;}

li {font-size: 11pt; margin-left: 50px; margin-right: 50px; color: #333399; line-height:1.5em; text-align: left;}

img {margin: 15px;}

blockquote {
	margin: 2em 4em 2em 4em;
    padding: 1.5em;
  	line-height:1.5em;
  	border-left: 5px solid #DDD;
  	border-right: 5px solid #DDD;
  	text-align:left;
  	font-size: 11pt;
}



.QBox {
   
   background: #FAFAFA url('images/quote-left.gif') no-repeat left top; 
   width: 620px;
   padding-top: 20px;
   padding-left: 40px; 
   font-style:normal; 
   font-variant:normal; 
   font-weight:normal; 
   font-size:15px; 
   font-family:Arial;
   margin: 0 auto;
   border: 1px solid #CCC;
}

.QBox div {
   background: transparent url('images/quote-right.gif') no-repeat right bottom;
   padding-right: 40px;
   padding-bottom: 20px
}




#header { position:relative; width: 850px; margin: auto;}

.mainheading { text-align: center; width: 850px; height: 140px; background-color: #00225f; background-image: url(images/bgpad.jpg); color: #FFFFFF; padding-top: 60px; font-size: 140%; /*font-weight: bold;*/}
.mainheading a {color: #FFFFFF;}

.description {width: 850px; color: #CCC; padding-top: 14px; height: 35px; background-color: #0c1f51; font-size: 10pt; font-family: "Trebuchet MS", Arial, sans-serif; text-align:center; margin: 0 auto;}

#page {margin:auto;	width: 830px; /*padding-left:15px; padding-right:15px;*/}

hr{ background: #CCCCCC; border: 0; color: #CCCCCC; height: 1px; width: 98%; margin-top: 20px; margin-bottom: 20px;}

.uak{color:black; font-size: 8pt; font-family: Verdana, sans-serif; font-style: italic; padding-bottom: 2px; text-align: center; }

/** HEADINGS */

h1 { color: #0066FF; font-family: "Trebuchet MS", Arial, sans-serif; text-align:center;}



h2 { color: #0066FF; font-family: "Trebuchet MS", Arial, sans-serif; text-align:center;}



h3 { color: #0066FF; font-family: "Trebuchet MS", Arial, sans-serif; text-align:center;}



h4 { color: #0066FF; font-family: "Trebuchet MS", Arial, sans-serif; text-align:center;}



h5 { color: #0066FF; font-family: "Trebuchet MS", Arial, sans-serif; text-align:center;}



h6 { color: #0066FF; font-family: "Trebuchet MS", Arial, sans-serif; text-align:center;}



h1 { font-size: 200%;}
h2 { font-size: 175%;}
h3 { font-size: 155%;}
h4 { font-size: 125%;}
h5 { font-size: 100%;}
h6 { font-size: 75%;} 


.cit {color: #A970DA;}


a:link { color: #1155ff; text-decoration: none;}
a:visited { color: #1155ff; text-decoration: none;}
a:hover { color: red; text-decoration:underline;}


/*MULTI-USE TAGS==========================================================================================*/

/*.center {text-align: center;}*/
.alignleft {text-align: left;}
.alignright {text-align: right;}
.left {float:left;}
.bg1 {background: #ffffff}
.bg2 {background: #fefeef}

/*IMAGE TAGS==========================================================================================*/

/*the below will make images float right if they have no other tags (like 'right')*/

img.right {float: right; margin:5px 10px 10px 10px}

/*the below will make images float right but you have to add 'class="left" inside the image tag)*/

img.left {float: left; margin: 5px 20px 5px 5px}

/*#footer {border-top: 1px solid #cccccc;	padding: 0;	margin: 0;	clear:both;	width: 800px;}

		#footer p {margin: 0; padding: 5px 10px; text-align: center;}*/
/*- Menu Tabs J--------------------------- */

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    /* End IE5-Mac hack */
          
.ctr	{text-align: center; }
.clear {clear:both; margin:0; padding:0;}
.hide {display:none;}
.headsub   { width:95%; margin: 0 auto; background: #AA0000; text-align:center; font-size: 18px; font-family:Arial; color:white; padding-top:10px; padding-bottom:10px;}
.headtitle2 {width:95%; margin: 0 auto; color:#FFFFFF; background:url(images/header.jpg); padding-top:20px; padding-bottom:20px; font-family:Arial; font-size:24px; font-weight:bold; line-height:1em; text-align:center;}

/*.menuheader {
	
	background: #fff url(img/gradient2.png) repeat-x;
	border-top: 1px solid #bbb;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	border-left: 1px solid #ccc;
	margin: 2em 4em 2em 4em;
	font-family: "Trebuchet MS", Arial, sans-serif;
	padding: 1.5em; 
	color:#aa0000;
	font-weight:bold;
	text-align: center;
}*/

.menuheader {
	color:#aa0000; 
	background:#fff url(img/gradient2.png) repeat-x; 
	border-top:1px solid #ddd; 
	border-right:1px solid #888; 
	border-bottom:1px solid #888; 
	border-left:1px solid #ddd; 
	margin:1em; 
	padding: 10px; 
	font-weight:bold;}
      
.title {
	
	
	width: 95%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color:#CC0000;
	text-align: center;
	margin:40px 10px 40px 10px;
	font-weight:normal;
}
      
.important {font-weight: bold;}
.verse {color: #fff; background: navy; padding:10px; margin: 10px;}
.quote {border: 2px solid #cfebfa; color: #00008b; font-size: 10pt; voice-family: "\"}\"";  voice-family:inherit; margin: 30px 10px 30px 10px; padding : 10px; text-align: left; background: #f4faff; font-family: Verdana; font-style: italic }
.green {border: 2px solid #B8E6E6; margin: 30px 10px 30px 10px; padding: 10px; color: #006B6B; font-family: "Trebuchet MS", Arial, sans-serif; font-style: italic; background : #F7FFF6;}
.green li {	margin-left:55px; display:block;}
.gray  {font-family: "Trebuchet MS", Arial, sans-serif; font-size: 15px; border-left: 5px solid #CCC; border-right: 5px solid #CCC; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; font-style: italic; margin: 50px 10px 50px 10px; padding: 10px; padding-right: 20px; text-align:justify; background-color: #F7F7F7; -moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
.uak{color:black; font-size: 8pt; font-family: Verdana, sans-serif; font-style: italic; padding-bottom: 2px; text-align: center; }
.cytat {border-left: 5px solid #CCC; border-right: 5px solid #CCC; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;font-style: italic; margin: 30px 10px 30px 10px; padding: 10px; padding-right: 20px; text-align:justify; background-color: #EFEFEF;}

#wrapper-footer { margin-top: 1em; text-align: center; max-width: 900px;}

#footer { margin: 0 20px; background-color: #F7F7F7; border: 1px solid #ccc; clear: both; font-size: 13px;}
#footer p.first {padding-top: 10px; text-align:center; font-size: 8pt; font-family: Verdana, sans-serif;}
#footer p.second {text-align: center;font-size: 8pt; font-family: Verdana, sans-serif; padding-top: 5px;}
#footer a {color:#125ca2; text-decoration: none;}
#footer a:hover {color:navy; text-decoration: underline;}




/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */

/*td {padding: 2px;}
td a {display: block; background: #bbb;}*/

/* Commented Backslash Hack hides rule from IE5-Mac \*/

/* End IE5-Mac hack */

/* Menu */

/* table menu*/

table.menu a {
width:80px;
border:1px solid #FFFFFF;
display: block;
} 

div.menu a {
color: #FFFFFF;
background: #007ca6;
text-decoration:none;
font-weight:bold;

font-size:12px;
line-height:18px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 5px 8px;
text-align:center;
}

div.menu a:link {
color: #FFFFFF;
background: #0c1f51;}

div.menu a:active {
color: #FFFFFF;
background: #0c1f51;
}

div.menu a:visited {
color: #FFFFFF;
background: #0c1f51;
}

div.menu a:hover {
color: #FFFFFF;
background: #6600CC;
}

/*div.menu {
position:absolute;
top:0;
left:0;
} */

.gray  {
		/*font-family: "Trebuchet MS", Arial, sans-serif; */
		border-left: 5px solid #B5B4C5; 
		border-right: 5px solid #B5B4C5; 
		border-top: 1px solid #B5B4C5; 
		border-bottom: 1px solid #B5B4C5; 
		font-style: italic; 
		font-size:14px; 
		margin-left: 4em;
  		margin-right: 4em;
  		padding: 15px;
		text-align:left; 
		background-color: #FAFAFA;
		}

.stopa {width: 850px; color: #AAA; padding-top: 14px; height: 175px; background-color: #000034; font-size: 75%; font-family: Verdana; text-align: center; margin: 0 auto;}
.stopa p {text-align: center;}
.stopa a:link {color: #00AAFF; text-decoration: none;}
.stopa a:active {color: #00AAFF; text-decoration: none;}
.stopa a:visited {color: #00AAFF; text-decoration: none;}
.stopa a:hover {color: #FFFF00; text-decoration: underline;}

.menuul { 
margin: auto;
width: 49em; /*crucial width guess */
padding: 0;
z-index: 30;
overflow: hidden; 
/* overflow to remove need for special extra clearing div for 
most modern browsers, though some IE might need the div! */ 
}

.menuul li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold .80em arial;
/* Dont use px and especially not flyspeck like 9px! */
}

.menuul li a {  
display: block;
margin: 0 1px 0 0;
padding: 10px 20px;
background: #0c1f51;
color: #FFFFCC;
text-align: center;
text-decoration: none;
width: 80px;
border-bottom: 5px solid #888;
} 


.menuul li a:hover {  
display: block;
background: #223399;
color: #FFFFFF;
text-align: center;
text-decoration: none;
border-bottom: 5px solid #00DDFF;


}