/*##### START: Reset Style #####*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
/*##### END: Reset Style #####*/
body {
font-size: 0.9em;
padding: 0 400px 0 400px;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background: #fcfcfc url(http://futuregold.org/gifs/mutedflag.gif) repeat;
}
#sizer {
margin: 0 auto 0 auto;
padding: 0;
width: 41%;
max-width: 200px;
/* version for IE is at the bottom of this style block */
}
#expander {
/*background: #FDF94D; */
background: #D5AF53;
margin: 0 -400px 0 -400px;
min-width: 600px;
/* Critical Safari fix! */
position: relative;
}
/* Holly hack for IE \*/
* html #expander {
height: 0;
}
/* */
/* helps IE get the child percentages right. */
#wrapper {
width: 100%;
}
/* * --- stop copying, but be sure to grab IE's max-width, just above the body-tag --- * * * * * * * * * * * * * * */
#sidebar {
border: solid 1px #3d5473;
width: 21%;
float: left;
display: inline;
text-align: left;
margin-left: 3%;
color: #000000;
font-family: "Comic Sans MS", Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
font-weight: normal;
padding-left: 2px;
padding-top: 0;
background: #3d5473 url(http://futuregold.org/gifs/bg_rd_wht_blu.220.jpg) repeat;
}
#sidebar a {
color: #686;
}
#content {
border: solid 1px #3d5473;
width: 70%;
margin-right: 3%;
color: #3d5473;
font-size: 1.0em;
font-weight: normal;
text-align: justify;
display: inline;
float: right;
padding: 3px;
background: #fdf94d url(http://futuregold.org/gifs/bg_lt_lines.jpg) repeat;
}
#oval table tr td div span img {
border:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align: justify;
}
#header {
/*border-color: #f00;*/
width: 100%;
padding: 5px 0;
/*background: #ffffc0 url(http://futuregold.org/gifs/bg_star1.gif) repeat;*/
/* background: #fff url(http://futuregold.org/gifs/) no-repeat 50px 7px; */
/* use above line for a fixed header image position */
/* "jello" BG is made to be in fixed position here */
}
.header {
color: #00c;
text-align: center;
}
/*\*/
* html .header {
background-position: 10px 3px;
}
/* IEwin hack needed because the "jello" BG is in a positioned wrapper and shows
variance. IEwin does not support fixed backgrounds on elements other than the body */
/**/
.header span {
color: #000000;
}
#navigation {
margin-left: 50px;
margin-right: 50px;
padding: 0px;
min-width: 700px;
}
/*********** Nav Bar Rules *************/
#navbar ul li a:link, #navbar ul li a:visited {
color: #3cf;
font-size: 15px;
background-color: #009;
text-decoration: none;
border-left: solid #3cf 15px;
border-right: solid #000000 1px;
border-top: solid #000000 1px;
border-bottom: solid #000000 1px;
margin: 1px;
padding: 1px;
display: inline;
}
#navbar div {
text-align: center;
font-size: x-small;
}
#navbar ul li a:hover {
color: #009;
background-color: #3cf;
border-left: solid #009 15px;
border-right: none #000 1px;
}
#navbar a.current {
text-decoration: none;
}
#navbar ul li {
margin: 0px;
padding: 0px;
list-style-type: none;
display: inline;
}
#navbar ul {
margin: 0px;
padding: 0px;
}
#footer {
width: 100%;
margin: 0px;
text-align: center;
font-size: xx-small;
clear: both;
border: solid 1px #666;
background: #9cf url(http://futuregold.org/gifs/bg_lt_lines.jpg) repeat;
}
/* http://positioniseverything.net/easyclearing */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
.clear {
clear: both;
}
/* * * Decorative Styles * * */
.fill {
color: #aaa;
}
.back {
text-align: right;
padding: 3px 10px 0 0;
}
.alignright {
margin: 30px 0;
text-align: right;
}
.small {
font-size: .8em;
}
.tiny {
font-size: .3em;
font-family: Tahoma;
}
.return {
position: absolute;
top: 10px;
right: 20px;
width: 20em;
text-align: right;
font-size: .9em;
line-height: 1.4;
}
.return a {
color: #000000;
}
.paptitle {
font-size: x-large;
font-family: Papyrus;
font-weight: bold;
color: #dc143c;
}
.bluesubtitle {
font-size: x-large;
font-family: Comic Sans MS;
font-weight: bold;
color: #00008b;
}
.titlebar {
font-family: Papyrus;
font-size: 18px;
color: #ffd700;
font-weight: bold;
letter-spacing: 0.3em;
background-color: #000000;
border-top: 6px outset;
border-right: 6px outset;
border-bottom: 6px outset;
border-left: 6px outset;
padding-left: 2px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
margin: 4px 3px;
text-align: center;
clear: all;
}
.title {
color: #000000;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
font-style: italic;
text-decoration: underline;
text-align: center;
line-height: 1.1em;
letter-spacing: .4em;
}
.titlemd {
color: #000000;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
font-style: italic;
text-decoration: underline;
text-align: center;
line-height: 1.1em;
letter-spacing: .4em;
}
.titlesm {
color: #000000;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 4px;
font-weight: bold;
font-style: italic;
text-decoration: underline;
text-align: center;
line-height: 1.1em;
letter-spacing: .4em;
}
.hdgb {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #000000;
font-size: 16px;
font-weight: bold;
font-style: normal;
line-height: 1.2em;
}
.hdgi {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #000000;
font-size: 16px;
font-weight: bold;
font-style: italic;
line-height: 1.2
}
.hdgr {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #ff0000;
font-size: 16px;
font-weight: bold;
font-style: normal;
line-height: 1.2em;
}
/************ Email Form Rules ************/
#email_form {
font-weight: bolder;
width: 95%;
background-color: #c0c0c0;
border: solid 2px #dad080;
margin: 2px;
}
#email_form form {
/*margin: 0 0 2em -20%; */
position: relative;
}
#email_form form p {
width: 100%;
clear: both;
}
#email_form form p label {
float: left;
margin: 3px;
}
#email_form form p input, form p textarea, form p select {
float: right;
margin: 3px;
}
/************ Email Quote Form Rules ************/
#quote-form {
font-weight: bolder;
width: 400px;
background-color: #c0c0c0;
border: solid 2px #dad080;
}
#quote-form form {
/*margin: 0 0 2em -20%; */
position: relative;
}
#quote-form form p {
width: 400px;
clear: both;
}
#quote-form form p label {
float: left;
}
#quote-form form p input, form p textarea, form p select {
float: right;
}