@import url("layout.css");

body {font-family: "Times New Roman", Times, serif; font-size: 1.0em; background-color: #fff; 
background-image: url("../images/blend_background.gif"); background-repeat: repeat; background-attachment: scroll; text-align: center;}

/* IDs */

#container {width: 700px; margin: 2px auto; text-align: left;}

#navigation {width: 700px; margin: 2px 0 0 8px; background-color: #fff; text-align: center;}

#masthead {width: 700px; margin: 0 0 0 8px; background-color: #fff; text-align: center;}

#content {width: 700px; margin: 1px 0 5px 8px; background-color: #fff; text-align: left;}

#footer {width: 700px; margin: 0 0 5px 8px; padding: 3px 0; background-color: #fff; text-align: center;}

/* Elements */

table.join {width: 90%; margin: 0 auto; border: 2px solid #66CCFF; font-weight: bold;}
table.join caption {font-weight: normal; text-align: center;}
table.join td {width: 33%; padding: 5px; margin: 0px; text-align: center; border: 1px solid #66CCFF; background-color: #CCFFFF;}

img {border-width: 0;}

h1 {color: #FF0000; font-size: xx-large; font-weight: bold;}
h2 {color: #FF0000; font-size: x-large; font-weight: bold;}
h3 {color: #FF0000; font-size: large; font-weight: bold;}
h4 {color: #FF0000; font-size: medium; font-weight: bold;}
h5 {color: #FF0000; font-size: small; font-weight: bold;}

hr {width: 90%; height: 1px; color: #CCCCCC;}

/* Class Styles */

a:link {color: #0000FF;}
a:visited {color: #0000FF;}
a:active {color: #0000FF;}
a:hover {color: #0099FF;}

.fontred {color: #FF0000;}
.fontblue {color: #0000FF;}
.fontbigblue {color: blue; font-size: 18px; font-weight: bold; line-height: 140%;}

.fontlarger {font-size: larger;}
.fontxxlarge {font-size: xx-large;}
.fontxlarge {font-size: x-large;}
.fontlarge {font-size: large;}
.fontmedium {font-size: medium;}
.fontsmall {font-size: small; color: #000000;}

.highlight1 {background-color: #FFFF66;}

.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}