/* Tag Based Styles */
body {font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 12px; color: #FFF; background: #336699 url('../images/background.jpg') top center scroll no-repeat; font-size: 12px;}
h1,h2,h3,h4,h5 {margin: 1em 0;}
p {font-size: 1.1em; text-align: center; line-height: 1.5em; margin: 1em 0;}
strong {font-weight: bold;}
em {font-style: italic;}

/* Layout Styles */
#wrapper {position: relative; width: 865px; height: 560px; margin: 0 auto; overflow: hidden; left: -30px;}
#content {position: relative; width: 850px; height: 500px; margin: 0 auto; z-index: 999;}
#logo {float: left; margin-top: 288px; margin-left: 28px;}
#copyright {position: relative; float: right; top: -218px; left: 10px;}
#footer {top: 10px; width: 865px; text-align: center; margin: 0 auto; color: #7dacdc; font-size: .8em; position: relative; left: -30px}

#navigation {position: absolute; top: 475px; left: 0; width: 865px; height: 50px;}
#navigation ul {position: relative; width: 660px; height: 50px; margin: 0 auto; padding-left: 10px; list-style: none; z-index: 100;}
#navigation ul li {position: relative; float: left; padding: 0 20px; border: 0px solid black;}
#navigation ul li span.indicator {position: relative; display: block; top: -5px; width: 100%; font-size: 16px; color: #0B2F4C; text-align: center; visibility: hidden;}
#navigation ul li:hover span.indicator,#navigation ul li.selected span.indicator {position: relative; display: block; top: -5px; width: 100%; font-size: 16px; color: #0B2F4C; text-align: center; visibility: visible;}
#navigation ul li a {font-size: 11px; color: #8CB3DA; text-decoration: none;}
#navigation ul li:hover a,#navigation ul li.selected a {font-size: 11px; color: #FFF; text-decoration: none;}

/* Text Styles */
div#text {width: 700px; position: relative; margin: 0 auto; top: 100px;}
div#text p a {color: #FFF; text-decoration: none;}
div#text p a:hover {color: #FFF; text-decoration: underline;}
div#text p.large {font-size: 1.3em;}

/* ID Based Styles */
#thanks_align {position: relative; top: 125px;}
#keith {position: absolute; top: -256px; left: 615px; z-index: 50;}
#think {position: absolute; top: 130px; left: 50%; margin-left: -201px;}
#bubble {position: absolute; top: 210px; left: 50%; margin-left: -64px;}
#help_image_align {position: relative; right: 115px;}
a#home_link {cursor: pointer; display: block; background: url('images/blank.gif'); width: 250px; height: 70px; position: absolute; top: 15px; left: 15px; z-index: 1000;}

/* Class Based Styles */
label.contact {font-family: Arial,Helvetica,sans-serif; font-size: 14px;}
.required {color: #66cc00;}
a.link-note {color: #FFFFFF; text-decoration: none;}
a.link-note:hover {text-decoration: underline;}

/* Font Replacement */
p.myriad {font-size: 1.1em; text-align: center; line-height: 1.8em; letter-spacing:1px; margin: 1em 0;}
div#text p.myriad a.email-here {color:#fff;}
div#text p.myriad a.email-here:hover {color:#7dacdc;}