/* ERFcrew Template */

/*
Copyright Faye Brownbridge, FJB Consulting & Design.
Inspirations by Design 
http://WebnSpire.com
*/

body {
margin: 0; padding: 0;
min-width: 850px;
background: #030939;
color: #fff;
font-family: Tahoma, Helvetica, Arial, sans-serif;;
font-size: 95%;
text-align: center; }

p {
line-height: 1.4em; }

#container {
margin: 0 auto;
width: 850px;
text-align: left;
padding: 0;
background-image: url(images/mainbkgr1.jpg);
background-color: #5268b3;
border-left: 3px #b72d06 solid; }

#header {
margin: 0;
background-image: url(images/rfheaderbl.png);
background-repeat: no-repeat;
background-position: left top;
height: 180px;
background-color: #000000;
color: inherit; }

#navbar {
margin: 0px;
text-align: center;
padding: 8px 0px 8px 20%;
font-weight: bold;
background-color: #030939;
color: #a1acda;
word-spacing: 4px; }

#navbar a:link, #navbar a:visited {
font-size: .75em;
color: #f79025;
background-color: inherit; }

#navbar a:hover {
color: #d14a02;
font-size: 1.0em;
text-decoration: blink;
background-color: inherit; }

#navbar a.current {
color: #ff0101;
font-size: 1.0em;
background-color: inherit; }

#intro {
margin: 0px 50px;
padding: 1em 7em;
font-size: 0.9em;
text-align: justify;
color: #ffdc7e;
line-height: 1.5em; }

h1 {
margin: 0px 0px 0px 50px;
font-size: 1.2em;
padding: 20px 0px 5px 7px;
letter-spacing: 5px;
font-weight: normal;
background: #030939;
color: #f79025; }

h2 {
margin: 0 150px 0 50px;
font-size: 1.2em;
line-height: 1.8em;
padding: 10px 0 3px;
border-bottom: 2px #000000 solid;
letter-spacing: 5px;
font-weight: normal; }

h3 {
margin: 0px 50px;
font-size: 1.2em;
line-height: 1.8em;
font-weight: normal; }

h4 {
margin: 0px 100px 0px 50px;
font-size: 1.2em;
line-height: 1.8em;
font-style: oblique;
font-weight: normal;
background-color: #91a3e3; }

h5 {
margin: 0px 50px 0px 150px;
font-size: 1.2em;
line-height: 1.8em;
font-weight: normal; }

#photosh {
margin: 0;
background-color: #030939;
color: #bbbbbb; }

a:link, a:visited {
text-decoration: none;
font-weight: normal;
color: #d14a02;
background-color: #030939;
border: 2px #030939 solid;}

a:hover {
text-decoration: underline; }

#content {
margin: 0px 4px 0px 0px;
background: inherit;
color: #000000; }

#content p {
margin: 0 50px;
font-size: .9em; }

#content p.backgr {
padding: 4px;
background-color: #5065af; }

#content p.imageCenter {
margin: 10px 0;
text-align: center; }

#content p.imageE {
position: absolute; top: 300px; left: 350px; width: 640px; height: 600px; }

#content p.leftlist {
margin: 10px 10px 0 30px;
padding: 6px;
float: left;
clear: left; }

#content ul {
margin: 10px 230px 10px 90px;
padding: 8px;
list-style: none;
line-height: 2.0em;
background-color: #5065af;
font-size: 1.0em; }

#spacer {
clear: both;
width: 850px;
height: 150px;
background:inherit; }

#footer {
clear: both;
text-align: center;
padding: 8px 50px;
font-size: .65em;
background-color: #030939;
color: #ffffff; }

/*css popup adapted from pure css popups by Eric A. Meyer. 
Check out ccc/edge for more great ideas: 
http://meyerweb.com/eric/css/edge/index.html */

#imgpopup1 a img {height: 0; width: 0; border-width: 0;}

#imgpopup1 a:hover img {
position: absolute; top: 375px; left: 500px; width: 400px; height: 600px; }

#imgpopup2 a img {height: 0; width: 0; border-width: 0;}

#imgpopup2 a:hover img {
position: absolute; top: 480px; left: 500px; width: 600px; height: 400px; }