/*
  Default style sheet for GA CASA
  Copyright 2010, RAE, Inc.
  File: styles/default.css
  Author: John A. Lock, RAE, Inc. <http://www.relevantarts.com/>
  Date: 2010-01-31
  Version: 1.0
*/

/* Font definitions
*******************************************************************/  
html {
  font-size: 100%;
}

body {
  font-family: Georgia,Times,serif;
  font-size: 12px;
  color: #000000;
}

input, textarea {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 1.000em;
}

h1 {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  color: #000066;
  padding-left: 10px;
}
h2 {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 1.667em;
  font-weight: bold;
	color: #000066;
}
h3 {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 1.0em;
  color: #000066;
}

h4 {font-size: 1.167em;}

.smallest {font-size: 0.750em;}
.smaller  {font-size: 0.833em;}
.small    {font-size: 0.917em;}
.normal   {font-size: 1.000em;}
.big      {font-size: 1.333em;}
.bigger   {font-size: 1.667em;}
.biggest  {font-size: 2.000em;}

h1, h2, h3, h4 {
  margin-top: 0px;
  margin-bottom: 0px;
}

img {border: 0px;}

form {margin: 0px 0px 0px 0px;}

dd, ul, ol {margin-left: 15px;}

p, ul, ol, dl {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Text tweaks
*******************************************************************/
.underline {text-decoration: underline;}
.credit {
  width: 100%;
  text-align: center;
  font-family: serif;
  font-style: italic;
}
.moreleading {line-height: 150%;}
.indent10 {
	margin-left: 10px;
}
.indent20 {
	margin-left: 20px;
}
.redtext {
  color: #cc0000;
  font-weight: bold;
}
.bluetext {
	color: #000066;
}
.bluetextbold {
	color: #000066;
	font-weight: bold;
}
.bigbold {
  font-size: 1.333em;
  font-weight: bold;
}
.pagetitle {
  font-size: 1.333em;
	color: #000066;
}
.textbox {
  padding: 2px 2px 2px 2px;
  border: 1px solid #000000;
}
.form_button {
  cursor: pointer;
  overflow: visible;
  padding: 0px 10px 0px 10px;
  color: #ffffff;
  background-color: #6663a1;
  font-weight: bold;
  border: 1px solid #000000;
  border-radius: 0.500em;
  -moz-border-radius: 0.500em;
}
.clearall {
  float: none;
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  height: 0px;
  line-height: 0;
  font-size: 0;
}
* html .clearall {
  height: 0;
}

/* Link appearance
*******************************************************************/

a:link    {color: #cc0000; text-decoration: underline;}
a:visited {color: #660000; text-decoration: underline;}
a:hover   {color: #ff0000; text-decoration: underline;}
a:active  {color: #ff0000; text-decoration: underline;}

/* Layout specs
*******************************************************************
Padding syntax - padding: Top Right Bottom Left;
Margin syntax  - margin: Top Right Bottom Left;                  */

body {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color: #000066;
}
#header {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  background-image: url(../img/chip.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}
#header_content {
  width: 858px;
  height: 137px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
#header_content_email {
  width: 600px;
  height: 137px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
#logo {
  position: absolute;
  top: 0px;
}
#top_nav {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #ffffff;
  background-color: #6663a1;
  float: right;
  white-space: nowrap;
	line-height: 32px;
	padding: 0px 10px 0px 10px;
}
div#top_nav a:link {
  color: #ffffff;
  text-decoration: none;
	padding: 5px 10px 5px 10px;
}
div#top_nav a:visited {
  color: #ffffff;
  text-decoration: none;
	padding: 5px 10px 5px 10px;
}
div#top_nav a:hover {
  color: #ffffff;
  text-decoration: none;
	border: 1px solid #FFFFFF;
	padding: 5px 9px 5px 9px;
}
#nav_bar {
  clear: right;
  position: relative;
	width: 575px;
  top: 70px;
  float: right;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #444444;
	padding: 5px 0px 5px 0px;
	white-space: nowrap;
	text-align: right;
}
div#nav_bar a:link {
  color: #444444;
  text-decoration: none;
	padding: 4px 10px 4px 10px;
	margin-left: 20px;
}
div#nav_bar a:visited {
  color: #444444;
  text-decoration: none;
	padding: 4px 10px 4px 10px;
	margin-left: 20px;
}
div#nav_bar a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #cc0000;
  border: 1px solid #000000;
	padding: 4px 9px 4px 9px;
	margin-left: 20px;
}
#wrapper {
  width: 888px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
}
#wrapper_email {
  width: 630px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
}
#home_toolbox {
  float: right;
  color: #444444;
  padding: 10px 25px 0px 0px;
}
#toolbox {
  position: relative;
  clear: both;
  top: -18px;
  float: right;
  color: #444444;
  padding-right: 15px;
}
#left_col {
  width: 213px;
  background-color: #eaf1f7;
  margin-left: 15px;
  vertical-align: top;
}
.lc_graphic {
  margin-top: 30px;
}
.left_decor_photo {
  border: 1px solid #000000;
  margin-bottom: 10px;
}
.square_decor_photo {
  border: 1px solid #000000;
  margin: 0px 0px 10px 10px;
}
#section_nav {
  margin-left: 10px;
  white-space: nowrap;
}
div#section_nav a:link {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #cc0000;
  line-height: 175%;
  text-decoration: none;
}
div#section_nav a:visited {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #cc0000;
  line-height: 175%;
  text-decoration: none;
}
div#section_nav a:hover {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  line-height: 175%;
  text-decoration: underline;
}
#center_col {
	color: #444444;
	line-height: 155%;
  width: 425px;
  vertical-align: top;
  padding: 0px 5px 0px 5px;
}
#wide_center_col {
  line-height: 155%;
	color: #444444;
  width: 638px;
  vertical-align: top;
  padding: 0px 15px 0px 5px;
}
#title_bar {
  position: relative;
  background-color: #f5d698;
}
#right_col {
  width: 213px;
  background-color: #eaf1f7;
  margin-right: 15px;
  vertical-align: top;
}
#searchbox {
  margin-top: 20px;
  text-align: center;
}
#searchbox input {
  vertical-align: middle;
}
.search_terms {
  height: 20px;
  border: 1px solid #7f9db7;
}
.rc_graphic {
  margin-top: 20px;
}
.rc_head {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 1.25em;
  font-weight: bold;
  color: #000066;
  margin-top: 10px;
  margin-bottom: 10px;
}
.reverse_head {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 1.25em;
  font-weight: bold;
  color: #ffffff;
  background-color: #000066;
  padding: 3px 0px 3px 10px;
  margin-bottom: 10px;
  text-align: left;
}
#footer {
  text-align: center;
  line-height: 150%;
  color: #000000;
}
#blue_bar {                    
  width: 100%;                 
  height: 2px;                 
  background-color: #000066;   
}                              
#raise_me_up {                 
  padding: 0px 20px 0px 0px;   
}                              
div#footer_content a:link {    
  color: #ffffff;              
  text-decoration: underline;  
}                              
div#footer_content a:visited { 
  color: #ffffff;              
  text-decoration: underline;  
}                              
div#footer_content a:hover {   
  color: #ff0000;              
  text-decoration: underline;  
}
#intranet_header_content {
  width: 858px;
  height: 137px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  background-image: url(../img/gacasa_intranet_watermark.gif);
  background-position: right;
  background-repeat: no-repeat;
}
#intranet_nav_bar {
  clear: right;
  position: relative;
	width: 575px;
  top: 70px;
  float: right;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #444444;
	padding: 5px 0px 5px 0px;
	white-space: nowrap;
	text-align: right;
}
div#intranet_nav_bar a:link {
  color: #444444;
  text-decoration: none;
	padding: 4px 7px 4px 7px;
	margin-left: 0px;
}
div#intranet_nav_bar a:visited {
  color: #444444;
  text-decoration: none;
	padding: 4px 7px 4px 7px;
	margin-left: 0px;
}
div#intranet_nav_bar a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #cc0000;
  border: 1px solid #000000;
	padding: 4px 6px 4px 6px;
	margin-left: 0px;
}
#intranet_wrapper {
  width: 888px;
  margin-left: auto;
  margin-right: auto;
  background-color: #eaf1f7;
}
#intranet_left_col {
  width: 213px;
  background-color: #f5d698;
  margin-left: 15px;
  vertical-align: top;
  white-space: nowrap;
}
#intranet_section_nav {
  font-family: Verdana,Arial,Helvetica,sans-serif;
}
.left_nav {
  width: 100%;
}
.left_nav_off {
  background-color: #f5d698;
  padding: 5px 0px 5px 0px;
}
div.left_nav_off a:link {
  color: #cc0000;
  text-decoration: none;
  margin-left: 10px;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
}
div.left_nav_off a:visited {
  color: #cc0000;
  text-decoration: none;
  margin-left: 10px;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
}
.left_nav_on {
  background-color: #cc0000;
  padding: 5px 0px 5px 0px;
}
div.left_nav_on a:link {
  color: #ffffff;
  text-decoration: none;
  margin-left: 10px;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
}
div.left_nav_on a:visited {
  color: #ffffff;
  text-decoration: none;
  margin-left: 10px;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
}
.outerbox {
	border: 1px solid #000000;
}
.allbox {
	background-color: #eeeeee;
	border-collapse: collapse;
	border: 1px solid #000000;
}
.totals {
	background-color: #eeeeee;
}
.prevdata {
	color: #666666;
	font-size: 0.750em;
}
#map_space {
	position: relative;
}
#program_window {
	position: absolute;
	width: 400px;
	top: 347px;
	background-color: #ffffff;
	border: 1px solid #000000;
  padding: 2px 2px 2px 2px;
	margin-left: 40px;
}
#program_text {
  position: absolute:
  top: 10px;
  left: 10px;
  padding: 10px 10px 10px 10px;
}
.style1 {
	font-size: 24px;
	font-style: italic;
	color: #FF0000;
	font-weight: bold;
}
.style2 {font-size: 16px}
.style3 {
	font-size: 14px;
	font-style: italic;
}
.style4 {
	color: #FF0000;
	font-weight: bold;
	font-style: italic;
}