/* Company: AptNav Incorporated
   URL: www.aptnav.com
   Author: Matthew Craner
   Email: mattcraner@aptnav.com
*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

/*h1, h2, h3, h4, h5, h6, p, ul, ol, li {
  position: relative;
}  */

/* *********************************************************************************************************************************** */
/* Basic XHTML tag styles */
body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 100.01%;
	background-color: #666600;
	background-image: url(../i/resources/bkgrnd.gif);
	background-repeat: repeat;
	color: #000000;
	text-align: center;
}

div, td, p {
	font-family: "Trebuchet MS", Arial, sans-serif;
}

/* *********************************************************************************************************************************** */
/* DIV "wrapper" styles */
#wrapper {
	width: 820px;
	margin:10px auto;
	text-align:left;
	background-position: center;
	background-color: #FFFFFF;
}

/* *********************************************************************************************************************************** */
/* DIV "topper" styles */
#topper {
	/*border-bottom: 2px solid #330066;*/
	font-size: 75%;
}

#topper p {
	margin-left: 2px;
}

#topper form {
	margin-left: 4px;
}

#topper input {
	color: black;
}

#topper .radioStyle {
	color: #333333;
} 

#topper .textarea {
	background-color: #CCCC99;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}

#topper a{
	text-decoration: none;
	padding: 0 4px;
	letter-spacing: .5px;
}

#topper a:link{
	color: #999999;
}

#topper a:visited{
	color: #999999;
}

#topper a:hover{
	color: #FFFFFF;
	background: #660066;
	text-decoration: none;}

#topper a:active{
	color: #FFFFFF;
	background: #660066;
	text-decoration: none;}

#topper hr {
	border: 1px solid #CCCCCC;
}

/* *********************************************************************************************************************************** */
/* DIV "hiddennav" styles */
#hiddennav {
	margin-top: 3px;
	border-top: 2px solid #CCCCCC;
}
#hiddennav p{
	color: #FFFFFF;
	font-size: 0;
}

#hiddennav a{
	color: #FFFFFF;
	font-size: 0;
}

#hiddennav h1 {
	font-size: 0;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	letter-spacing: 1px;
	color: #FFFFFF;
}
#hiddennav h2 {
	font-size: 0;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	letter-spacing: 1px;
	color: #FFFFFF;
}

/* *********************************************************************************************************************************** */
/* DIV "mainnav" styles */
#mainnav {
	height: 20px;
	background-color: #003300;
}

#ddmenu {
	z-index: 100;
	float: left;
	clear: left;
}

/* *********************************************************************************************************************************** */
/* DIV "hflash" styles */
#hflash {
	height: 200px;
	background-color: #333333;
	border-bottom: 2px solid #CCCCCC;
}

/* *********************************************************************************************************************************** */
/* DIV "banner" styles */
#banner {
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}

#banner h1 {
	margin-right: 8px;
	font-size: 140%;
	color: #000000;
	letter-spacing: 2px;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* *********************************************************************************************************************************** */
/* DIV "leftcol" styles */
#leftcol{
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 20px;
	width: 220px;
	float: left;
	height: 100%;
}

#topper #nav ul {
background-color: transparent;
list-style-type: none;
margin-left: 6px;
width: 200px;
padding: 0;
border: 1px solid #000000;/*this adds a second line to the bottom of the nav, if you prefer a single line you can remove it by uncommenting the other properties and commenting out this one. I think it gives a nice raised effect, the choice is your's :)*/
/*border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;*/
}

#topper #nav ul li {
padding: 0;
margin: 0; 
}

#topper #nav ul li a{
background-color: #FFFFFF;
border-bottom: 1px solid #000000;
color: #000000;
display: block;
padding: 2px 0 2px 6px;
text-decoration: none; 
height: 1%;
}

#topper #nav a:hover, #leftcol #nav a:focus { 
background-color: #CCCCCC;
border-right: 1px solid #fff;
border-bottom: 1px solid #FFFFFF;
color: #003300;
font-weight: bold;
}

#topper h3 {
	margin: 0;
	margin-left: 5px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

/* *********************************************************************************************************************************** */
/* DIV "content" styles */
#content{
	margin-left: 225px;
}

#content table{
	font-size: 85%;
}

#content p{
	font-size: 85%;
	margin: 20px;
}

#content h1, h2, h3, h4, h5, h6{
	padding: 0;
	margin: 20px;
	text-align: left;
}

#content h1{
	font-size: 130%;
	color: #000000;
}

#content h2{
	font-size: 110%;
	color: #333333;
}

#content h3{
	font-size: 95%;
	color: #660066;
}

#content h4{
	font-size: 95%;
	color: #333333;
}

#content p.right{
	float: right;
}

#content ul li{
	font-size: 85%;
	margin: 10px 15px 10px 60px;
}

#content ul li li{
	font-size: 100%;
	margin: 5px 15px 5px 35px;
}

#content ul li li li{
	font-size: 100%;
	margin: 5px 15px 5px 35px;
}

#content ol li{
	font-size: 85%;
	margin: 10px 15px 10px 60px;
}

#content ol li li{
	font-size: 100%;
	margin: 5px 15px 5px 35px;
}

#content ol li li li{
	font-size: 100%;
	margin: 5px 15px 5px 35px;
}

#content table {
	margin: 0px 10px 0 10px;
	margin-left: 20px;
}

#content td p {
	margin: 10px;
	padding: 0;
	font-size: 100%;
}

#content td ul li {
	margin-left: 16px;
	font-size: 100%;
}

#content td ol li {
	margin-left: 24px;
	font-size: 100%;
}

#content th ol li {
	margin-left: 24px;
	font-size: 100%;
}

#content td {
	padding: 1px 3px 1px 3px;
	font-size: 95%;
}

#content th {
	padding: 1px 3px 1px 3px;
	font-size: 95%;
}

#content a{
	letter-spacing: .5px;
}

#content a:link{
	color: #333333;
}

#content a:visited{
	color: #333333;
}

#content a:hover{
	color: #FFFFFF;
	background: #660066;
	text-decoration: none;
}

#content a:active{
	color: #FFFFFF;
	background: #660066;
	text-decoration: none;
}

#content #nav ul {
background-color: transparent;
list-style-type: none;
margin: 0 15px 0 35px;
width: 250px;
padding: 0;
font-size: 90%;
border: 1px solid #000000;/*this adds a second line to the bottom of the nav, if you prefer a single line you can remove it by uncommenting the other properties and commenting out this one. I think it gives a nice raised effect, the choice is your's :)*/
/*border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;*/
}

#content #nav ul li {
padding: 0;
margin: 0; 
}

#content #nav ul li a{
background-color: #CCCC99;
border-bottom: 1px solid #000000;
color: #000000;
display: block;
padding: 2px 0 2px 6px;
text-decoration: none; 
height: 1%;
}

#content #nav a:hover, #leftcol #nav a:focus { 
background-color: #660066;
border-right: 1px solid #fff;
border-bottom: 1px solid #FFFFFF;
color: #FFFFFF;
font-weight: bold;
}

#content #cbx {
	margin-top: 20px;
}

/* *********************************************************************************************************************************** */
/* DIV "footnav" styles */
#footnav {
	border-top: 2px solid #336600;
	color: #000000;
	clear: both;
}

/* *********************************************************************************************************************************** */
/* DIV "footer" styles */
#footer{
	color: #999999;
	font-weight: bold;
	clear: both;
}

#footer table {
	border-top: 2px solid #CCCCCC;
}

#footer p {
	font-size: 70%;
	padding: 3px;
}

#footer a{
	text-decoration: none;
	padding: 0 4px;
	letter-spacing: .5px;
}

#footer a:link{
	color: #999999;
}

#footer a:visited{
	color: #999999;
}

#footer a:hover{
	color: #FFFFFF;
	background: #660066;
	text-decoration: none;}

#footer a:active{
	color: #FFFFFF;
	background: #660066;
	text-decoration: none;}

#footnote {
	font-size: 80%;
	color: #333333;
	border-top: 1px dashed #330066;
	margin: 10px 0 10px 0;
}

/* ***************************************************** */
/* Style for floating box in content (bulleted lists in box) */

#flowing {
	float: right;
	clear: right;
	padding: 5px;
	background-color: #BEBE7E;
	border: solid 1px #003300;
	width: 260px;
}

#flowing h5 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
	color: #333333;
}

#flowing ul {
	font-size: 90%;
	margin-left: 15px;
}

#flowing ol {
	padding: 0;
	margin: 0;
	font-size: 90%;
}

#flowing ol li {
	line-height: 1em;
	margin: 0px;
	padding: 0;
	padding-bottom: 5px;
}

#flowing p {
	font-size: 85%;
	padding: 0;
	margin: 0;
}

/* ***************************************************** */
/* Style for floating box to contain right justified images with Figure capiton on bottom */

#flowing-img {
	float: right;
	clear: right;
	margin: 3px 20px 3px 3px;
	background-color: #FFFFFF;
}

#flowing-img p {
	font-size: 100%;
}

/* ***************************************************** */
/* Style for floating box in content (print, ask, feedback) */

#cbx {
	float: right;
	clear: right;
	padding: 5px;
	margin: 5px 25px 5px 5px;
	border: 1px solid #000033;
	background-color: #CCCC99;
	width: 190px;
}

#cbx a:link{
	color: #003300;
}

#cbx a:visited{
	color: #003300;
}

#cbx a:hover{
	color: #000000;
	background: #FFFF99;
	text-decoration: none;
}

#cbx a:active{
	color: #000000;
	background: #FFFF99;
	text-decoration: none;
}
/* ***************************************************** */
/* Style for floating header scpriture piece */
#scripture {
	float: right;
	clear: right;
	padding: 5px;
	background-color: transparent;
	width: 325px;
}

#scripture p {
	font: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-style: italic;
	font-size: 17px;
	padding: 0;
	margin: 0;
	text-align: right;
}

/* ***************************************************** */
#hcm1 {
	font-size: 80%;
}

#botnote {
	font-size: 75%;
	color: #CCCCCC;
	text-align: center;
	background-color: #666600;
	background-image: url(../i/resources/bkgrnd.gif);
	background-repeat: repeat;
	padding-left: 35px;
	padding-right: 35px;
	margin-bottom: 8px;
}

#botnote a:link{
	color: #CCCCCC;
}

#botnote a:visited{
	color: #CCCCCC;
}

#botnote a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#botnote a:active{
	color: #FFFFFF;
	text-decoration: none;
}

/* ***************************************************** */
/* Style for sub-navigation tab-menus */
#tabmenu {
	color: #333333;
	border-bottom: 1px solid #333333;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	z-index: 1;
	padding-left: 10px;
	font-size: 17px;
	font-weight: bold;
}

#tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
}

#tabmenu a, a.active {
	color: #333333;
	background: #FFFFFF;
	border: 1px solid #333333;
	padding: 2px 5px 0px 5px;
	margin: 0;
	text-decoration: none; 
}

#tabmenu a.active {
	background: #BEBE7E;
	border-bottom: 3px solid #BEBE7E;
}

#tabmenu a:hover {
	color: #FFFFFF;
	background: #660066;
	padding-bottom: -1px;
}

#tabmenu a.active:hover {
	background: #BEBE7E;
	color: #660066; 
}

#tabmenu-b {
	background: #BEBE7E;
	height: 85px;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
}

#tabmenu-b h1 {
	margin: 15px;
}