/* Css originally by mejobloggs  Design by Aran @ stuio7designs.com  Please email me if you use this, as I would love to see how it is being used, also you can join my linkshare to help you with your google ranking */



body { font-family:  arial, tahoma, sans-serif; font-size: 90%; color: #666; background-color: white; margin: 0; padding: 0; text-align: center;}

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


/** HEADINGS */

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

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

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

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

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

h1 { color:#0068cc; 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:visited { color: #036cb6; }
a:link { color: #036cb6; }
a:hover{ color: red; }



/* Set the page width */
#wrapper-footer {width: 95%;margin: 0 auto;	text-align: left;}

#wrapper-content {width: 95%;margin: 0 auto; text-align: left;}

#header { width: 95%; margin: 0 auto; text-align: left;}

#wrapper-menu-top {	width: 95%;	margin: 0 auto;	text-align: left;}

#wrapper-menu-top {	background: white url('images/bg02-white-left.png') no-repeat left top;}

#menu-top {	background: url('images/bg02-white-right.png') no-repeat right top;	overflow: hidden}

#menu-top ul {margin: 0 20px; padding: 1em 0 0 0; list-style: none;	font-size: 85%;	float: left;}

#menu-top li {	display: inline; float: left; } 

#menu-top a { float: left; background:url('images/menuleft.png') no-repeat left top; margin:0; text-decoration:none; line-height: 1.5em; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0}

#menu-top a span { background: url('images/menuright.png') no-repeat right top; color:#5b8fbe; display: block; float: left;	cursor: pointer; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px}

 #menu-top a:hover { background-position:0% -42px; }
 #menu-top a:hover span {	background-position:100% -42px; }

#wrapper-header {	background: url('images/bg.png') repeat-x top center;}

#header { background: #eee url('images/banner_mountains.jpg') no-repeat center top;}

#wrapper-header2 { background: url('images/bg02-blue-left.png') no-repeat top left;}

#wrapper-header3 {	background: url('images/bg02-blue-right.png') no-repeat top right;}

#wrapper-header3 a {margin-left: 30px; margin-top:40px;}

#header h1 { margin: 0 20px; padding: 0; height: 192px;	line-height: 3em; color: #333; font-size: 130%;}

#wrapper-content { background: white url('images/bg02-white-left.png') no-repeat left top; max-width: 860px;}

* html #wrapper-content { height: 1%; }

#content { background: url('images/bg02-white-right.png') no-repeat right top; padding:15px;}

#wrapper-menu-page { float: right; width:360px;	padding: 20px; background: url('images/menu.png') no-repeat; text-align: left; line-height: 120%; font-family: trebuchet ms, verdana, arial, tahoma;
    margin-left:2em; margin-right:30px; margin-top:20px; margin-bottom:3em}

* html #wrapper-menu-page { margin-right: 15px; }

.head {color : #FFFFFF; text-align: center; background: #00F ;font-family: Arial; font-size: 24pt; font-weight: bold; margin: 30px 10px 30px 10px; padding: 20px;}
.ctr	{text-align: center; }
.clear {clear:both; margin:0; padding:0;}
.floatboldl { text-align: center; font-size: 14pt; /*font-style: italic;*/ font-weight: bold; font-family: Arial; padding: 10px; color: #0068cc; /* letter-spacing: 0.5px;*/}
.floatboldr { float: right; font-size: 12pt; font-style: italic; font-weight: bold; padding: 10px;}
.subhead {text-align: center; font-family: Arial; font-size: 12pt; font-weight: bold; margin: 30px 10px 30px 10px; padding: 10px;}
.internallink {font-size:1.1em; text-align:center;}
.hide {display:none;}
.headsub   { width:95%; margin: 0 auto; background: #910000; text-align:center; font-size: 18px; font-family:Arial; color:white; padding-top:10px; padding-bottom:10px;}
.headerstyle {clear:left; display:block; margin:20px 0 10px 0; padding:5px 0 5px 8px; background:#eee url(img/gradient2.png) repeat-x; color:#444; border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd; text-decoration:none;}
.headnavy   { width:95%; margin: 0 auto; background: blue; text-align:center; font-size: 14pt;font-weight:bold;font-family:Arial;padding:15px;color:#fff;}
.headtitle {width:95%; margin: 0 auto; color:#FFFFFF; background:url(images/bgr.jpg); padding-top:20px; padding-bottom:20px; font-family:Arial; font-size:24px; font-weight:bold; line-height:1em; text-align:center;}
.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 {width:95%; background:#fff url(img/gradient2.png) repeat-x; font-size:1.8em; color:#333; border-top:1px solid #ddd; border-right:1px solid #888; border-bottom:1px solid #888; border-left:1px solid #ddd; margin-left: 10px; margin-right: 10px; padding: 10px; font-weight:bold;}.right { text-align: right; margin-right: 40px; font-size: 8pt: font-family: verdana; font-style: italic; text-decoration: underline;}

li {text-align: left; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 95%;margin-left: 20px; margin-right: 20px; color: #0068cc; line-height:1.5em;}

.important {font-weight: bold;}
.blockquote {margin-left: 20px; padding-bottom: 7px; padding-left: 20px; border-left: 5px solid #ddd; border-bottom: 2px solid #ddd; }
.small	{font: 8pt Verdana, sans-serif; line-height: 1.3em; margin: 10px 12px 0px 25px; padding-bottom: 10px; border-bottom: 10px;}
.smallverse	{font: 12px Verdana, sans-serif; font-style: italic; line-height: 1.5em; border: 2px solid #cfebfa; color: #336699; margin-left: 10px; margin-right: 10px; padding : 10px; text-align: left; background: #f4faff;}
.smallquote {border: 2px solid #cfebfa; color: #00008b; margin-left: 10px; margin-right: 10px; padding : 10px; text-align: left; background: #f4faff; }
.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 }

.bold {font-family: "Trebuchet MS", Arial, sans-serif; border: 2px solid #f7e5e5; margin: 30px 10px 30px 10px; padding: 10px; color:navy; background-color: #FFF8F4;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 { margin-left: 20px; margin-right: 20px; padding: 20px; color:#000; font-family: Verdana, Arial; font-size:10pt; font-style: italic; border: 1px solid #CCCCCC; background-color: #F5F5F5;}*/
.gray  {font-family: "Trebuchet MS", Arial, sans-serif; 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;}
.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;}


#menu-page { padding-top: 5px; }

#menu-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
}

#menu-page h3 {
	font-size: 75%;
	margin: 1em 0 0.3em 0;
	color: #5b8fbe;
	font-weight: normal;
	letter-spacing: 0.15em;
}

#menu-page a:visited { color: #5b8fbe; text-decoration: underline;  }

#menu-page a:link { color: #5b8fbe; text-decoration: underline;  }
#menu-page a:hover { color: #666; background: #EEFFFF; text-decoration: none; }

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

#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:navy; text-decoration: none;}

#footer a:hover {text-decoration: underline;}

h2 { font-size: 120%; }
h3 { font-size: 140%; }


#box {
	/*float: rightt;*/
	width:660px;
	padding: 20px;
	border: 1px solid #ccc;
	background: url('images/box.png') repeat-x;
	text-align: left;
	line-height: 120%;
	font-family: trebuchet ms, verdana, arial, tahoma;
	margin-left:2em; margin-right:30px; margin-top:20px; margin-bottom:3em;
	margin: 0 auto;
}
#boxb {
	/*float: rightt;*/
	width:85%;
	padding: 20px;
	border: 1px solid #ccc;
	background: url('images/box.png') repeat-x;
	text-align: center;
	line-height: 120%;
	font-family: trebuchet ms, verdana, arial, tahoma;
	margin-left:2em; margin-right:30px; margin-top:20px; margin-bottom:3em;
	
}
#boxin {
	
	margin: 1em 0 0.3em 0;
	color: #5b8fbe;
	font-weight: bold;
	text-align: center;
	/*letter-spacing: 0.15em;*/
}