/* uhills.css 
    style sheet for uhillslutheran.org */

/* The basics */
body
{
color: #000000;
background-color: #FFFFFF;
text-align: center;
}

p, ul, ol, li
{
font-family : "Lucida Grande", arial, sans-serif ;
font-size : small;
color: #000000;
display: inline;
text-align: left;
}

input, textarea
{
 font-size : small;
}

a:link
{
color : #666666;
text-decoration : none;
}

a:visited
{
color: #666666;
text-decoration: none;
}

a:hover
{
color: #999999;
text-decoration : underline;
}

a:active
{
color: #666666;
}

/* Header Styles */
h1, h2, h3, h4 
{
font-family : "Lucida Grande", arial, sans-serif ;
margin : 0;
padding-top : 0.0em;
line-height : 1em;
}

h1
{
font-size : x-large;
text-align : center;
color : #666666;
padding-bottom : 0.8em; 
}

h2
{
font-size : medium;
color : #666666;
text-align: left;
padding-bottom : 0.5em;
text-decoration: underline;
}

h3
{
font-size : small;
color : #666666;
font-weight: bold;
display: inline;
}

h4
{
font-size : small;
color : #666666;
font-weight: bold;
display: inline;
}

/* Div classes */

div#body
{
position: relative;
margin: 0 auto;
padding: 0;
width: 700px;
text-align: center;
}

div#image01
{
position: absolute;
top: 5px;
left: 0px;
width: 700px;
height: 128px;
border: thin solid #999999;
background-image: url(images/banner.jpg);
}

div#navframe
{
position: absolute;
top: 139px;
left: 0px;
width: 700px;
height: 20px;
border-left-style: solid ;
border-left-color: #999999;
border-left-width: 1px;
border-right-style: solid; 
border-right-color: #999999;
border-right-width: 1px;
}

div#nav01
{
position: absolute;
top: 139px;
left: 0px;
border-left-color: #999999;
border-left-width: 1px;
border-left-style: solid;
padding-left: 3px;
text-align: left;
}

div#nav02
{
position: absolute;
top: 139px;
left: 45px;
border-left-color: #999999;
border-left-width: 1px;
border-left-style: solid;
padding-left: 3px;
text-align: left;
}

div#nav03
{
position: absolute;
top: 139px;
left: 155px;
border-left-color: #999999;
border-left-width: 1px;
border-left-style: solid;
padding-left: 3px;
text-align: left;
}

div#nav04
{
position: absolute;
top: 139px;
left: 215px;
border-left-color: #999999;
border-left-width: 1px;
border-left-style: solid;
padding-left: 3px;
text-align: left;
}

div#nav05
{
position: absolute;
top: 139px;
left: 307px;
border-left-color: #999999;
border-left-width: 1px;
border-left-style: solid;
padding-left: 3px;
text-align: left;
}

div#nav06
{
position: absolute;
top: 139px;
left: 373px;
border-left-color: #999999;
border-left-width: 1px;
border-left-style: solid;
padding-left: 3px;
text-align: left;
}

div#nav07
{
position: absolute;
top: 139px;
left: 456px;
border-left-color: #999999;
border-left-width: 1px;
border-left-style: solid;
padding-left: 3px;
text-align: left;
}

div#nav08
{
position: absolute;
top: 139px;
left: 526px;
border-left-color: #999999;
border-left-width: 1px;
border-left-style: solid;
padding-left: 3px;
text-align: left;
}


div#wwanav01
{
position: absolute;
top: 10px;
left: 10px;
border-left-color: #999999;
border-left-width: 1px;
border-left-style: solid;
padding-left: 3px;
text-align: left;
}

div#wwanav02
{
position: absolute;
top: 10px;
left: 110px;
border-left-color: #999999;
border-left-width: 1px;
border-left-style: solid;
padding-left: 3px;
text-align: left;
}

div#beliefsnav01
{
position: absolute;
top: 10px;
left: 10px;
border-left-color: #999999;
border-left-width: 1px;
border-left-style: solid;
padding-left: 3px;
text-align: left;
}

div#beliefsnav02
{
position: absolute;
top: 10px;
left: 67px;
border-left-color: #999999;
border-left-width: 1px;
border-left-style: solid;
padding-left: 3px;
text-align: left;
}

div#beliefsnav03
{
position: absolute;
top: 10px;
left: 175px;
border-left-color: #999999;
border-left-width: 1px;
border-left-style: solid;
padding-left: 3px;
text-align: left;
}


div#content
{
position: relative;
top: 166px;
left: 0px;
width: 660px;
background-color : #FFFFFF;
border-left-style: solid ;
border-left-color: #999999;
border-left-width: 1px;
border-right-style: solid; 
border-right-color: #999999;
border-right-width: 1px;
border-top-style: solid; 
border-top-color: #999999;
border-top-width: 1px;
border-bottom-style: solid; 
border-bottom-color: #999999;
border-bottom-width: 1px;
text-align: left;
padding-left: 10px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 60px;
}

div#contentheaders
{
position: relative;
top: 25px;
width: 680px;
}

div#sparkspic
{
position: relative;
top: 10px;
width: 660px;
height: 186px;
background-image: url(images/sparks.jpg);
background-position: center;
background-repeat: no-repeat;
}

div#sparkstxt
{
position: relative;
top: 10px;
left: 0px;
width: 660px;
text-align: center;
}

div#robertapic
{
position: relative;
top: 20px;
left: 0px;
width: 660px;
height: 135px;
background-image: url(images/roberta.jpg);
background-position: center;
background-repeat: no-repeat;
}

div#robertatxt
{
position: relative;
top: 23px;
left: 0px;
width: 660px;
text-align: center;
}

div#katherinepic
{
position: relative;
top: 35px;
left: 0px;
width: 660px;
height: 135px;
background-image: url(images/katherine.jpg);
background-position: center;
background-repeat: no-repeat;
}

div#katherinetxt
{
position: relative;
top: 35px;
left: 0px;
width: 660px;
text-align: center;
}

div#ftvtxt
{
postion: relative;
top: 50px;
left: 10px;
padding-right: 5px;
text-align: left;
}

div#beliefstxt
{
postion: relative;
top: 80px;
left: 10px;
padding-right: 5px;
text-align: left;
}

div#foot
{
position: absolute;
bottom: 0px;
width: 660px;
height: 60px;
background-image: url(images/foot.jpg);
border-top-style: solid; 
border-top-color: #999999;
border-top-width: 1px;
}



/* Navbar Text and Link Styles */

p.topnav
{
display: inline;
font-family : "Lucida Grande", arial, sans-serif ;
font-size : small;
color: #666666;
}

p.topnav a:link
{
display: inline;
font-family : "Lucida Grande", arial, sans-serif ;
font-size : small;
color: #666666;
}

p.topnav a:visited
{
display: inline;
font-family : "Lucida Grande", arial, sans-serif ;
font-size : small;
color: #666666;
}

p.topnav a:hover
{
display: inline;
font-family : "Lucida Grande", arial, sans-serif ;
font-size : small;
color: #999999;
}

p.topnav a:active
{
display: inline;
font-family : "Lucida Grande", arial, sans-serif ;
font-size : small;
color: #666666;
}

p.sermontitle
{
font-family : "Lucida Grande", arial, sans-serif ;
font-size : small;
color: #000000;
display: inline;
text-align: left;
text-decoration: underline;
font-weight: bold;
}

p.verses
{
font-family : "Lucida Grande", arial, sans-serif ;
font-size : small;
color: #380000;
display: inline;
text-align: left;
font-style: italic;
}

p.worship
{
font-family : "Lucida Grande", arial, sans-serif ;
font-size : small;
color: #000000;
display: inline;
text-align: center;
}