/*Created by Mick Truman 2007 www.micktruman.com/websites*/

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

/* "define font sizes in ems using values that are a tenth of target pixel size" .net/march07 Craig Grannel*/
html {
font-size: 100%;
}
body {
font: 62.5% Verdana, Arial, Helvetica, sans-serif;
color: #000; background: #003;
}
p {
font: 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif;
}
h1 {
font: 2em/1.4em Verdana, Arial, Helvetica, sans-serif;
}
h2 {
font: 1.8em/1.4em Verdana, Arial, Helvetica, sans-serif;
}
h3 {
font: 1.6em/1.4em Verdana, Arial, Helvetica, sans-serif;
}
h4 {
font: 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif;
}
h5 {
font: 1em/1.2em Verdana, Arial, Helvetica, sans-serif;
}
h6 {
font: 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif;
}


#wrapper {
width: 825px; background: #fff; padding: 0.5em; clear: both;
margin-top: 4em; margin-left: auto; margin-right: auto; margin-bottom: 1em;
}


#skip a, #skip a:hover, #skip a:visited, #access a, #access a:hover, #access a:visited {/*Based upon information from www.webaim.org*/ 
position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;
} 
#skip a:active,#access a:active { 
position:static; width:auto; height:auto; 
}
#skip ul li {
position:static; width:auto; height:auto; display: inline;
}



#header {
width: 100%; clear: both; height: 20em; background: url(../images/webs/header_img.jpg) no-repeat #003;
}

#header h1 {
font: bold 3em Arial, Helvetica, sans-serif;
}
#header h2 	{
padding: 0 4.2em; text-transform: lowercase; font-style: italic; font-weight: normal; 
}
.home {/*Class used with h2 in header for area titles: psalmsongs, etc*/
color: #f6c562; 
}
.copy {
color: #b55;
}
.pss {
color: #7a748e; 
}
.hss {
color: #74863A; 
}
.sms {
color: #fc0;
}
#logo {
float: left; padding: 2em;
}
#logo a {
text-decoration: none; color: #fff; letter-spacing: -0.1em;
}
#logo a:hover {
color: #fc0; letter-spacing: 0.1em;
}

#topNav {
width: 45%; float: right; text-align: right; color: #fff; clear: right; margin: 1em 1em 0 0;
}
#topNav ul {
list-style-type: none; display: inline;
}
#topNav li {
display: inline;
}
#topNav a {
text-decoration: none; font-weight: bold; color: #fff;
}
#topNav a:hover {
text-decoration: underline;
}

#search {
width: 45%; float: right; text-align: right; clear: right; padding-right: 1em; padding-top: 2em;color: #777;
}

#mainNav {
width: 100%; clear: both;
}
#mainNav img {
margin: 0; border: 0;
}




#contentHolder {
width: 100%; clear: both;
}
#contentHolder p {
padding: 0.5em 0;
}
#contentHolder a {
text-decoration: underline; color: #7a748e;
}
#contentHolder a:hover {
text-decoration: none; color: yellow; background: black;
}

#contentLeft {
margin: 0 0 0 1em; padding: 1em 0; width: 40%; float: left;
}
#webeg {
width: 100%;
}
#webeg img {
margin: 1em; padding: 0.5em; border: 0;
}

#webeg h3 {
padding: 0.2em; font-size: 1.3em; color: #fff; background: #790364; text-align: center;
}
#webeg p {
margin: 0 0.5em; font-size: 1em; 
}

#contentRight {
margin: 0; padding: 1em 1em 1em 0; width: 50%; float: right;
}
#contentRight h3 {
padding: 0.2em; font-size: 1.3em; color: #fff; background: #1C490E; text-align: center;
}

#latest {
margin: 2em 0 1em 0; background: #def;
}
#latest h3 {
font-size: 1.3em; color: #fff; font-weight: bold; padding: 0.4em 1em; background: #39f; margin-bottom: 1em;
}
#latest h4 {
font-size: 1.5em; font-weight: bold; color: #003; padding: 0 1em;
}
#latest h5 {
font-size: 1.0em; color: #777; padding: 0 1em;
}
#latest h6 {
font-size: 1.2em; color: #777; font-weight: bold;
}
#latest p {
padding: 0.5em 1em;
}

#downloads, #copyright, #audiohelp {
margin: 1.5em 0; background: #f4e3e3;
}
#downloads h3, #copyright h3, #audiohelp h3  {
font-size: 1.3em; color: #fff; font-weight: bold; padding: 0.2em 1em; background: #b55; 
}
#downloads p, #copyright p, #audiohelp p  {
padding: 0.5em 1em;
}

#footer {
width: 100%; clear: both; color: #777; padding: 1em 0; border-top: 0.1em dotted #777;
}
#footer p {
font-size: 0.9em; float: left;
}
#footer ul {
list-style-type: none; display: inline; float: right;
}
#footer li {
display: inline;
}
#footer a {
text-decoration: none; font-weight: bold; color: #777;
}
#footer a:hover {
text-decoration: underline;
}


/*----------------------------------------------------------------------------------------*/


/*TABLES FOR INDEXES and LINKS*/

#contentHolder ul {
padding: 1em 0 2em 0; list-style-type: none; font-size: 1.2em; text-align: left;
}
#contentHolder li {
padding: 0.3em 0; display: block;
}


table#pss {
margin: 1.5em 0 1em 1em; background: #d9e8eC;
}
table#hss {
margin: 1.5em 0 1em 1em; background: #d8ebde;
}
table#sms {
margin: 1.5em 0 1em 1em; background: #ff8;
}
caption {
font-size: 1.4em; color: #fff; text-align: left; padding: 0.3em;  text-transform: lowercase;
}
#pss caption {
background: #7a748e;
}
#hss caption {
background: #74863a;
}
#sms caption {
background: #fc0;
}
th {
font-size: 1.2em; font-style: italic; color: #003; text-align: left; padding: 0.5em 0; 
}
td {
font-size: 1.2em;
}
td a:hover {
display: block;
}
.centertext {
text-align: center;
}

/*------------------------------------------------------------------------------------*/

#example {/*for copyright information example */
padding: 0.1em 2em 0.3em 2em; border: 0.1em solid #777;
}



/*------------------------------------------------------------------------------------*/
.name {/*for FORMS*/
color: #FF0000;
}
fieldset {
background: #ccc; padding: 0.5em 0.5em 0.5em 1.5em;
}