/* style.css - a simple style sheet */


/* BODY */

* { 	
margin: 0; 
}


html, body {
height: 100%;
}

div.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
position: relative;
}

body.rainmakers {
background-image:url('images/rainmakers_bg.gif'); 
background-position:center;
margin-left: 0%; margin-right: 0%;
margin-bottom: 0%;
padding: 0px;
border: 5px;
font-size:1em;
font-family:Tahoma, Verdana, Helvetica, sans-serif;
color: #4b341d;
background-repeat: no-repeat;
background-color: #94ada2;
}



/* START FOOTER */

div.bottom_spacer {
height: 1em;
clear: both;
}


div.footer {
background-color: gold;
position: relative;
height: 2em;
width: 100%;
bottom: 0px;
margin-top: 10px;
z-index: 1; 
}

/* END FOOTER */

/* START HEADER */

div.bottombar {
background-color:gold;
background-position: right;
background-repeat:no-repeat;
position: relative;
bottom:0px;
height: 3em;
width: 100%;
}

/* END HEADER */

/* TEXT */

a {
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 1em;
color: #5f8694;
}

li {
list-style-type: disc;
padding-left: 0%;
margin-left: 10%;
margin-right: 5%;
}

h1,h2,h3,h6,h7,h8 {
font-family: Tahoma, Verdana, Helvetica, sans-serif;
color: #5f8694;
}

h1 {
font-size: 1em;
color: #5f8694;
margin-left: 5%;
margin-right: 5%;
margin-top: 0; 
margin-bottom: 0; 
padding: 10px;
}

h2 {
font-size: 18px;
color: #15485b;
}

h3 {
font-size: 1.2em;
margin-left: 6%;
color: #15485b;
}


h5 {
font-size: 2em;
color: #4b341d;
margin-left: 5%;
margin-right: 5%;
margin-top: 0; 
margin-bottom: 0; 
padding: 0px;
}

h6 {
font-size: 1.2em;
color: #4b341d;
}

h7 {
font-size: 18px;
color: #A17129;
font-weight: bold;
}

/* h8 is front page main text */

h8 {
font-size: 15px;
color: #1b5781;
padding: 0px;
font-weight: normal;
}



p.yellowpad {
background-color: none;
background-image: none; 
font-family: Tahoma, Verdana, Helvetica, sans-serif;
text-align: left;
margin-left: 5%;
margin-right: 5%;
margin-top: 0; 
margin-bottom: 0; 
padding: 5px;
color: #15485b;
}


p.normal {font-style:normal}
p.italic {font-style:italic}
p.oblique {font-style:oblique}
p.center {text-align:center}
p.right {text-align:right}

div.center {text-align:center}

p.indent { 
text-indent: 50px; 
}



/* LINKS */

a.bluetheme:link {
text-decoration: none;
font-weight:bold;
color:#1e6782;
}

a.bluetheme:visited {
text-decoration: none;
color: #3B8BC4;
}

a.bluetheme:hover {
text-decoration: none;
color: #09475e;
}

a.bluetheme:active {
text-decoration: none;
font-weight:bold;
color:gold;
}



a.rollover:link {
position: relative;
z-index: 0;
text-decoration: none;
font-weight:bold;
color:#1e6782;
}

a.rollover:visited {
text-decoration: none;
color: #3B8BC4;
}

a.rollover:hover {
text-decoration: none;
background-color: transparent;
z-index: 50;
color: #8a9b94;
}

.rollover span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
visibility: hidden;
color: #8a9b94;
text-decoration: none;
}

.rollover span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 22px;
text-align: right;
}

.rollover:hover span{ /*CSS for enlarged image on hover*/
text-decoration: none;
visibility: visible;
background-image: url('images/ja3.png') no-repeat; 
display:block; 
position:absolute; 
top: -150px;
left: 200px;
height: 240px;
width: 320px;
border-width: 10px;
padding: 10px;
border-color: black;
}



/* ADJUSTED POSITIONING FOR ROLLOVER */

a.rollover_higher:link {
position: relative;
z-index: 0;
text-decoration: none;
font-weight:bold;
color:#1e6782;
}

a.rollover_higher:visited {
text-decoration: none;
color: #3B8BC4;
}

a.rollover_higher:hover {
text-decoration: none;
background-color: transparent;
z-index: 1;
color: #8a9b94;
}

.rollover_higher span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
visibility: hidden;
color: #8a9b94;
text-decoration: none;
}

.rollover_higher span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 22px;
text-align: right;
}

.rollover_higher:hover span{ /*CSS for enlarged image on hover*/
text-decoration: none;
visibility: visible;
background-image: url('images/ja3.png') no-repeat; 
display:block; 
position:absolute; 
top: -250px;
left: 200px;
height: 240px;
width: 320px;
border-width: 10px;
padding: 10px;
border-color: black;
}



a.graytheme:link {
text-decoration: none;
font-weight:bold;
color:#3c3b3c;
}

a.graytheme:visited {
text-decoration: none;
color: #676367;
}

a.graytheme:hover {
text-decoration: none;
color: #bdbdbd;
}

a.graytheme:active {
text-decoration: none;
font-weight:bold;
color: #1f1f1f;
}



a img {
border: none; 
} 



/* DIV */




/* START BACKGROUND OVERLAY */
/* END BACKGROUND OVERLAY */



/* START NAV BAR */

div.nav1 {
position:relative;
left:27%;
bottom:-25px;
display:inline;
background-color:#f5f1c2;
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
padding: 5px 5px 5px 7px;
margin:5px;
text-align: center;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
z-index: 2;
/*color: #008080;*/
}

div.nav2 {
position:relative;
left: 29%;
bottom:-25px;
display:inline;
background-color:#f5f1c2;
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
padding: 5px 5px 5px 7px;
margin:5px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
color: #008080;
z-index: 2;
}

div.nav3 {
position:relative;
left: 31%;
bottom:-25px;
display:inline;
background-color:#f5f1c2;
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
padding: 5px 5px 5px 7px;
margin:5px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
color: #008080;
z-index: 2;
}

div.nav4 {
position:relative;
left: 33%;
bottom:-25px;
display:inline;
background-color:#f5f1c2;
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
padding: 5px 5px 5px 7px;
margin:5px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
color: #008080;
z-index: 2;
}

div.nav5 {
position:relative;
left: 35%;
bottom:-25px;
display:inline;
background-color:#f5f1c2;
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
padding: 5px 5px 5px 7px;
margin:5px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
color: #008080;
z-index: 2;
}

div.nav_bottom1 {
position:absolute;
left: 428px;
bottom: auto;
display:inline;
background-color:#f5f1c2;
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
padding: 5px 5px 5px 7px;
margin:5px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
color: #008080;
}



/* END OF NAV BAR */


/* START CONTACT */
/* END CONTACT */



/* START CENTRAL TEXT */

div.centercontainer {
background-color: none; 
background-image: url('images/yellow_notepad_paper.gif'); 
background-position:center;
width: 630px;
padding: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0%;
margin-bottom: 5%;
border: 0px solid #000; 
padding: 10px;
color: #15485b;
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
}

div.yellowpad-sidebar {
background-image: url('images/yellow_notepad_paper.gif'); 
background-color: gray; 
background-position:left;
width: 550px;
right: 0px;
float: left;
text-align:left;
font-size: 1em;
z-index: 0;
padding: 0px;
margin-left: 18%;
margin-right: 0%;
margin-top: 0%;
margin-bottom: 0%;
border: none; 
-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
}

blockquote {
border : none;
width: 450px;
margin-left: 20%;
margin-right: 20%;
padding: 0px;
background-color: none;
}

img.quote {
float: left;
margin-left: 10%;
}

img.center {
display: block;
margin-left: auto;
margin-right: auto;
}

/* END CENTRAL TEXT */

/* START IMAGE BORDERS */
/* END IMAGE BORDERS */



/* color map
------------------------------------------
teal = "#008080"
olive = "#808000"
black = "#000000"
silver = "#C0C0C0"
gray = "#808080"
charcoal (projects) = 3c3b3c
white = "#FFFFFF"
brown: #4b341d
light brown text: #6F4D2B
light brown img border: #cfc595
blue flowery = #265A80
dark gray for text = #212121
off white = f5f1c2
alt. for off white = e4dcaf
ragged bg = F5F0DA


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