* {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.4 Arial, sans-serif;
  background: #000 url(img/bkgsun.jpg) center center no-repeat fixed;
    text-align: center;
  min-width: 760px;
}

#content a:link {
color: #900;
text-decoration:none;
border-bottom:1px dotted #900;
}

#content a:visited {
color:#660000;
text-decoration:none;
border-bottom:1px dashed #600;
}

#content a:active {
color: #900;
}

#content a:hover {
color: #fff;
background-color:#900;
}

h2 {
  font-size: 2.5em;
  font-weight: normal;
  color:#900;
}

h3 {
  font-size: 2em;
    font-weight: normal;
  color:#900;
}

h4 {
  font-size: 1.5em;
  font-weight: bold;
  color:#900;
}

#secondaryContent h2 {
  font-size: 2.5em;
  font-weight: bold;
  color:#900;
}

.right {
text-align:right;
display:block;
}

.rightimg {
float:right;
border-bottom:none;
margin:5px;
display:block;
}

a img, img {
border:0;
}

blockquote {
color:#666;
margin: 0 2em;
}

#dropcap {
float:left;
color:#900;
font-size:75px;
line-height:60px;
margin-top:-3px;
font-family: "Times New Roman", Times, serif;
}

.newpage {
background-image:url(img/newpage.gif);
background-repeat:no-repeat;
background-position:right;
padding-right:14px;
}

#content p {
  font-size: 1.4em;
}
#content li {
 font-size: 1.4em;
margin-left:2em;
}

#content ul {
margin-bottom:1em;
}

#mainContent p, #secondaryContent p {
margin:0 1em 1em 0;
}

#branding {
  height: 75px;
background: url(img/ReformedFellowship2.jpg) no-repeat bottom left;
}

#branding h1 {
float:right;
color:#ccc;
font-style: italic;
font-variant: small-caps;
font-stretch: wider;
line-height:.8;
margin:45px 10px 0 0;
}

#secondaryContent h2 {
  font-size: 1.6em;
  margin: 0;
}

#secondaryContent p, #secondaryContent li {
  font-size: 1.2em;
}

#data li {
list-style:none;
}

ul#data {
margin-bottom:1em;
background-color:#f2f2f2;
}

p#url {
margin-top:-30px;
color:#900;
position:relative;
z-index:1000;
}

#wrapper {
  width: 720px;
  margin: 2em  auto;
  text-align: left;
background: #fff url(img/RFlogo.jpg) no-repeat fixed top center;
}

#content {
  width: 700px;
  float: right;
  margin:1em 0;
}

#mainContent {
  width: 515px;
  margin: 0;
  float: left;
}

#secondaryContent {
  width: 180px;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: right;
border-left:1px solid #ccc;
}

#motto {
background-color:transparent;
margin:5px 0 0 15px;
position:relative;
color:#fff;
}

#footer {
background-color:#000;
color:#fff;
border:1px solid #900;
clear:both;
padding:5px;
}

#top {
float:right;
margin-top:-3px;
}

.smtext {
font-size:.8em;
}

.center {
margin:0 auto;
text-align:center;
display:block;
}

#podlink {
float:right;
clear:both;
margin: -40px 0 0 0;
}


/* padding */

#mainNav, #secondaryContent {
  padding-top: 20px;
  padding-bottom: 20px;
}

#mainNav *, #secondaryContent * {
  padding-left: 20px;
  padding-right: 20px;
}

#mainNav * *, #secondaryContent * * {
  padding-left: 0;
  padding-right: 0;
}

/* Menu adapted from www.htmldog.com */

#menu {
height:22px;
display:block;
background-color:#000;
color:#fff;
border:1px solid #900;
position:relative;
font-size:1.2em;
}

#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}

#nav a {
display: block;
color:#fff;
text-decoration:none;
}

#nav li { /* all list items */
float: left;
}

#nav li ul { /* second-level lists */
position: absolute;
z-index:100;
width:160px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#nav a.mainmenu {
padding:5px 20px;
border-right:1px solid #990000;
border-bottom:1px solid #990000;
background-color:#000;
position:relative;
z-index:10;
}

#nav a:hover.mainmenu {
background-color:#333;
color:#fff;
}

#nav a.submenu {
width:150px;
padding:5px 10px;
background-color:#000;
border-bottom:1px solid #900;
border-right:1px solid #900;
border-left:1px solid #900;
}

#nav a:hover.submenu {
background-color:#333;
color:#fff;
}