/*
CSS for Tom Ashe site
*/

/* 
RULES______________________________________________________________________
*/

a {
  font-weight: bold;
  color: #222222;
  font-size: small;
}

a:link {
  colour: #333333;
}

a:visited {
  color: #000000;
}

a:hover {
  text-decoration: none;
  color: #111111;
}

a:active {
  colour: #333333;
  background-color: #ffffff;
}

blockquote,test {
  font-style: italic;
  color: #B30000;
  padding: 0em;
  margin: 1.5em;
  font-size: small;
}

blockquote,service {
  font-style: italic;
  color: #333333;
  padding: 0em;
  margin: 1.5em;
  font-size: small;
}

shblockquote {
  font-style: italic;
  color: #333333;
  font-size: small;
}

body {
  font-family: Georgia, Helvetica, Arial, sans-serif;
  background-color: #000000;
  color: #ffffff;
  line-height: 125%;
  padding: 0;
  margin: 0;
}

form {
  font-size: small;
  line-height: 200%;
}
             
h2, h3, h7 {
  font-family Georgia, "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h1 {
  font-family: Georgia;
  font-size: 76px;
  color: #B30000;
  background-color: #ffffff;
  padding-top: 74px;
  padding-bottom: 17px;
  margin: 0;
  text-align: center;
  white-space: nowrap;
}

h2 {
  color: #222222;
  font-size: 130%;
  padding-top: 5px;
}

h3 {
  color: #222222;
  font-size: 110%;
}

h2, ul {
  margin-top: 15px;
}

h5 {
  font-family: Georgia;
  font-size: 75px;
  color: #00487D;
  padding-top: 15%;
  padding-bottom: 2%;
  margin: 0;
  text-align: center;
  white-space: nowrap;
}

h6 {
  color: #222222;
  font-size: 110%;
  padding-bottom: 0%;
}

img { 
border-style: none; 
}

li {
  font-size: small;
}

p {
  font-size: small;
}

table th, table td {
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-bottom: 1px solid #333333;
  border-right: 1px solid #333333;
}

td {
   font-size: small;
   padding: 8px;
}


/* 
IDS________________________________________________________________________
*/

#navigation, #bluenavigation, #bodycontent, #contact, #greennavigation, #header, #orangenavigation, #mailing, #tagline, #tomashe, #tomashe2, #test, #bio, #services, #links { 
   position: absolute;
}

{
  border: 2px solid red;
}

#bio {
  padding: 10px;
  top: 145px;
  left: 205px;
  background-color: #ffffff;
  color: #333333;
  width: 60%;
}

#bodycontent {
  color: #333333;
  background-color: #ffffff;
  padding: 20px;
  top: 385px;
  left: 20%;
  width: 60%;
}

#contact {
  padding: 10px;
  top: 145px;
  left: 205px;
  background-color: #ffffff;
  color: #333333;
  width: 60%
}

#container {
width: 30em;
color: #ffffff;
  font-family: Georgia, Times, serif;
  margin-top: 0px;
  text-align: center;
  width: 100%;
  white-space: nowrap;
  font-size: large;
  text-decoration: none;
}

#container  a:link, #container a:visited {
color: #00487D;
font-size: large;
text-decoration: none;
}

#container  p {
margin-top: 10%;
color: #ffffff;
font-size: large;
text-decoration: none;
}

#container a:hover {
color: #BFCFFF;
font-size: large;
text-decoration: none;
}

#header {
  width: 100%;
  height: 100px;
}

#jack {
  margin-top: 10px;
  padding-top: 5px;
  margin-left: 6%;
  margin-right: 6%;

  border-top: 0px solid #eeeeee;
  border-left: 0px solid #eeeeee;
  border-bottom: 0px solid #eeeeee;
  border-right: 0px solid #eeeeee;
}


#links {
  padding: 10px;
  top: 145px;
  left: 205px;
  background-color: #ffffff;
  color: #333333;
  width: 60%
}

#mlist {
  margin-top: 10px;
  padding-top: 5px;
  margin-left: 6%;
  margin-right: 6%;

  border-top: 0px solid #eeeeee;
  border-left: 0px solid #eeeeee;
  border-bottom: 0px solid #eeeeee;
  border-right: 0px solid #eeeeee;
}

#navigation {
  left: 0px;
  top: 110px;
  width: 100%;
}

#navigation a:link, #navigation a:visited {
  margin-left: 0.2em;
  margin-right: 0.2em;
  padding: 2.9px 6% 2.9px 6%;
  color: #FFFFFF;
  background-color: #B30000;
  text-decoration: none;
  border-top: 1px solid #FFBFBF;
  border-left: 1px solid #FFBFBF;
  border-bottom: 1px solid #FF8080;
  border-right: 1px solid #FF8080;
}

#navigation a:hover {
  border-top: 1px solid #FF8080;
  border-left: 1px solid #FF8080;
  border-bottom: 1px solid #FFBFBF;
  border-right: 1px solid #FFBFBF;
}

#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: center;
  white-space: nowrap;
}

#navigation li {
  display: inline;
}

#bluenavigation {
  left: 0px;
  top: 110px;
  width: 100%;
}

#bluenavigation a:link, #bluenavigation a:visited {
  margin-left: 0.2em;
  margin-right: 0.2em;
  padding: 2.9px 6% 2.9px 6%;
  color: #FFFFFF;
  background-color: #00248F;
  text-decoration: none;
  border-top: 1px solid #BFCFFF;
  border-left: 1px solid #BFCFFF;
  border-bottom: 1px solid #809FFF;
  border-right: 1px solid #809FFF;
}

#bluenavigation a:hover {
  border-top: 1px solid #809FFF;
  border-left: 1px solid #809FFF;
  border-bottom: 1px solid #BFCFFF;
  border-right: 1px solid #BFCFFF;

}

#bluenavigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: center;
  white-space: nowrap;
}

#bluenavigation li {
  display: inline;
}

#greennavigation {
  left: 0px;
  top: 110px;
  width: 100%;
}

#greennavigation a:link, #greennavigation a:visited {
  margin-left: 0.2em;
  margin-right: 0.2em;
  padding: 2.9px 6% 2.9px 6%;
  color: #FFFFFF;
  background-color: #008F00;
  text-decoration: none;
  border-top: 1px solid #BFFFBF;
  border-left: 1px solid #BFFFBF;
  border-bottom: 1px solid #80FF80;
  border-right: 1px solid #80FF80;
}

#greennavigation a:hover {
  border-top: 1px solid #80FF80;
  border-left: 1px solid #80FF80;
  border-bottom: 1px solid 80FF80;
  border-right: 1px solid #80FF80;
}

#greennavigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: center;
  white-space: nowrap;
}

#greennavigation li {
  display: inline;
}

#orangenavigation {
  left: 0px;
  top: 110px;
  width: 100%;
}

#orangenavigation a:link, #orangenavigation a:visited {
  margin-left: 0.2em;
  margin-right: 0.2em;
  color: #FFFFFF;
  padding: 2.9px 6% 2.9px 6%;
  background-color: #FF8000;
  text-decoration: none;
  border-top: 1px solid #FFDFBF;
  border-left: 1px solid #FFDFBF;
  border-bottom: 1px solid #FFC080;
  border-right: 1px solid #FFC080;
}

#orangenavigation a:hover {
  border-top: 1px solid #FFC080;
  border-left: 1px solid #FFC080;
  border-bottom: 1px solid #FFDFBF;
  border-right: 1px solid #FFDFBF;
}

#orangenavigation ul {
  list-style: none;  margin: 0;
  padding: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: center;
  white-space: nowrap;
}

#orangenavigation li {
  display: inline;
}

#services {
  padding: 10px;
  top: 145px;
  left: 205px;
  background-color: #ffffff;
  color: #333333;
  width: 60%;
}

#mailing {
  color: #ffffff;
  padding: 0em;
  margin: 1.5em;
  font-size: small;
}

#tagline {
  top: 25px;
  width: 100%;
}  

#tagline p {
  font-family: Georgia, Times, serif;
  margin-top: 0px;
  color: #000000;
  text-align: center;
  width: 100%;
  white-space: nowrap;
}

#tagline2 p {
  font-family: Georgia, Times, serif;
  margin-top: 3px;
  color: #ffffff;
  text-align: center;
  width: 100%;
  white-space: nowrap;
}

#test {
  background-color: #ffffff;
  color: #333333;
  top: 145px;
  width: 18%;
  margin: 5px 0 5px 1%;
  padding-left: 0;
  padding-right: 0;
}


#tomashe {
  top: 145px;
  left: 20%;
  margin: 0;
}     

#tomashe2 {
  top: 145px;
  left: 0;
  width: 200px;
}     

#navigation {
  font-size: 90%;
}

/* 
CLASSES__________________________________________________________________
*/

.orange {
  color: #FF8000;
}

.green {
  color: #008F00;
} 

.blue {
  color: #0033CC;
} 

.red {
  color: #B30000;
}

.white {
  color: #ffffff;
}

.centered {
  text-align: center;
}

a:hover.redhover {
  text-decoration: none;
  color: #B30000;
}

a:hover.orangehover {
  text-decoration: none;
  color: #FF8000;
}

a.bluesign {
  color: #0033CC;
} 

a:hover.bluesign {
text-decoration: none;
}

a:hover.bluehover {
  text-decoration: none;
  color: #00487D;
}

p.signup {
  margin: 1.5em;
}

h2.signuphead {
  margin: 1em;
}

.italics {
  font-style: italic;
}

.small {
  font-size: 80%;
  padding-bottom: 0%;
  font-weight: normal;
}