/*
  Approved Emailer Style Sheet
  14-Oct-2004 PWS
*/ 

/****************************/
/* site-wide page contructs */
/****************************/

body { margin: 0px; padding: 0px; }

/* encloses all content */
div#main { width: 800px; position: relative; }

/* top including logo */
div#header { position: relative; width:800px; height: 129px; }
div#header img { border: none; }

/* navbar and links */
div#nav { z-index:1; position: relative; width: 800px; height: 29px;}
img#nav_top { z-index:5; position: absolute; left: 0px; top: 0px; }
img#nav_bar { z-index:5;position: absolute; left: 0px; top: 7px; }
img#nav_bottom { z-index:5;position: absolute; left: 0px; top: 23px; }

a.nav_text, a.nav_text_on { display:block; z-index:10; font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; }
a.nav_text:link { color: white; }
a.nav_text:visited { color: white; }
a.nav_text:hover { color: #99FF66 }
a.nav_text:active { color: #003300 }

a.nav_text_on:link { color: #003300 }
a.nav_text_on:visited { color: #003300 }
a.nav_text_on:hover { color: #99FF66 }
a.nav_text_on:active { color: #003300 }

a#nav1 { position: absolute; left: 120px; top: 8px; }
a#nav2 { position: absolute; left: 285px; top: 8px; }
a#nav3 { position: absolute; left: 480px; top: 8px; }
a#nav4 { position: absolute; left: 555px; top: 8px; }
a#nav5 { position: absolute; left: 700px; top: 8px; }

/* everything between header/navbar and footer */

div#page {  
  position: relative;
  width: 800px; 
 /* height: 442px;*/ 
  background-color: #336699; background-image: url("/images/main_page_bg.gif"); background-repeat: repeat-y;
	}
div#page.home { height: 338px; background-image: url("/images/main_bg.gif"); }

/*div#page.new_height { height: 338px; }*/

div.page_space { width: 800px; height: 15px; background-image: url("/images/main_bg.gif"); background-repeat: repeat-y; }

/* footer */

div#footer { position: relative; width: 800px; height: 40px;}
img#bottom_strip { position: absolute; left: 0px; top: 14px; }
div#footer_text { 
  position: absolute; left: 125px; top: 22px; 
  font-family: Arial, Helectiva, sans-serif; font-size: 10px; color: white;
}
div#footer_text a { color: white; }

/*********************************/
/* end site-wide page constructs */
/*********************************/

/*************/
/* home page */
/*************/

div#sidebar_home { 
  position: absolute;
  width: 64px; height: 338px; top: 0px; left: 0px; 
  background-image: url("/images/sidebar_home_bg.gif"); background-repeat: no-repeat;
}

/* home page story box */
div#story { 
  position: absolute; width: 343px; height: 338px; left: 64px; top: 0px;
  padding: 15px; 
	background-color: white;
	}
div#story p { 
  font-family: Arial, Helectiva, sans-serif; font-size: 12px; 
  color: black; margin: 0em 0em 1em 0em;
}



/* home page feature boxes */
div.feature { position:absolute; width: 330px; height: 200px; }
div.feature .head {
  position: absolute; width: 330px; height: 17px; left: 0px; top: 0px;
  text-align: right;
  background-color: #003300; background-image: url("/images/feature_head_bg.gif"); 
}
div.feature .head h2 { 
  color: white; margin: 2px 15px 0px 0px; text-transform: uppercase;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 10px;
	}
div.feature .body {
  position: absolute; width: 326px; height: 181px; left: 0px; top: 17px;
  background-color: white; border: solid #003300; border-width: 0px 2px 2px 2px; 
 }
div.feature .body .feature_img { position: absolute; width: 326px; height: 112px; left: 0px; top: 0px; }
div.feature .body .feature_text { 
  position: absolute; width: 306px; height: 54px; left: 0px; top: 112px;
  padding: 5px 10px 0px 10px;  
}
div.feature .body .feature_text p {
  color: #336600; margin: 0px 0px 1em 0px;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 13px;
}

div.feature a:link { color: black; }
div.feature a:visited { color: black; }
div.feature a:hover { color: #336600; }
div.feature a:active { color: #336600; }

div.feature .newsbody { 
  position: absolute; width: 306px; height: 86px; left: 0px; top: 17px;
  padding: 10px;
  background-color: white; border: solid #003300; border-width: 0px 2px 2px 2px; 
	}
div.news_item { line-height: 1em; margin-bottom: 0.5em;}
div.news_item span.headline { font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 12px;}
div.news_item span.copy {font-family: Arial, Helectiva, sans-serif; font-size: 12px; }
div.news_item a:link { color: #336600;text-decoration:none; }
div.news_item a:visited { color: #336600; text-decoration:none;}
div.news_item a:hover { color: #336600; text-decoration:none;}
div.news_item a:active { color: #336600; text-decoration:none;}



span.more a:link { font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 12px;color: black;text-decoration:underline; }
span.more a:visited { font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 12px;color: black;text-decoration:underline; }
span.more a:hover { font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 12px;color: #336600;text-decoration:underline; }
span.more a:active { font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 12px;color: #black;text-decoration:underline; }

div#feature1 { top: 0px; left: 448px; }
div#news { top: 213px; left: 448px; height: 125px;}

/*****************/
/* end home page */
/*****************/

/***************/
/* inner pages */
/***************/

div#sidebar_in { 
  /*float:left;*/ position: absolute; top:15px; left: 0px;
  width: 117px; margin-top: 0px; height: 413px;
  background-image: url("/images/sidebar_bg.gif");
}


/* sidebar navigation*/
div#subnav { width: 117px; margin-top: 45px; background-image: url("/images/sidebar_nav_bg.gif"); }

div#subnav a {
  display: block; width: 100px; padding: 7px 0px 7px 10px; 
  line-height: 1em; margin: 0px;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 12px;
  text-decoration: none;
}
div#subnav a.on { background-image: url("/images/subnav_arrow.gif"); background-repeat: no-repeat;}

div#subnav a:link { color: white; }
div#subnav a:visited {color: white; }
div#subnav a:hover {color: #99CC99; }
div#subnav a:active {color: #99CC99; }

/* inner page content area */




div#content {
  position: relative;
  width: 448px; z-index 10;
  margin-left: 117px; 
  margin-top: 45px;
  background-color: white; padding: 55px 212px 10px 15px; 
}

div#content.wide { padding-right: 15px; width: 645px; }

/* min-hieght hack; sigh */
/* http://www.mezzoblue.com/archives/2004/09/16/minheight_fi/index.php */
/* for Mozilla/Safari/Opera */
*>div#content{
 padding-top: 368px;
 min-height: 1px;
}
*>div#content div#story_body {
 margin-top: -368px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html div#content {
 height: 368px;
 top:145px;
}
/* end filter */
 
div#story_body { width: 449px; }
div#story_body.wide { width: 645px;s}

div#story_head {
  width: 675px; height: 45px; top: 15px; left: 117px; position: absolute;
  /*float: left;*/ margin-top: 0px; z-index: 20;
  background-color: #EDF4E9;
}
div#story_head h1 {
  font-family: Arial, Helectiva, sans-serif; font-weight: 100; font-size: 25px;
  color: #336600; margin: 10px 0px 0px 10px;
}
div#story_head h1 span.prehead {
  font-size: 15px; font-weight: bold; color:#509325;
}

div#content p, div#content li { 
  font-family: Arial, Helectiva, sans-serif; font-size: 12px; 
  color: black;
}
div#content strong { font-weight: bold; color: #003300; }

/* inner page callouts */

div.callout { position:absolute; width: 190px; height: 130px; }
div.callout .head {
  position: absolute; width: 190px; height: 17px; left: 0px; top: 0px;
  text-align: right;
  background-color: #003300; background-image: url("/images/infeature_head_bg.gif"); 
}
div.callout .head h2 { 
  color: white; margin: 2px 15px 0px 0px; text-transform: uppercase;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 10px;
}
div.callout .featurebody {
  position: absolute; width: 186px; height: 113px; left: 0px; top: 17px;
  background-color: white; border: solid #003300; border-width: 0px 2px 2px 2px; 
}
div.callout .feature_img { position: absolute; width: 186px; height: 61px; left: 0px; top: 0px; }
div.callout .feature_text { 
  position: absolute; width: 166px; height: 50px; left: 0px; top: 61px;
  padding: 0px 10px; 
}
div.callout .feature_text p {
  color: #336600; margin: 1em 0px 1em 0px;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 11px;
}

div.feature_text a:link { color: black; }
div.feature_text a:visited { color: black; }
div.feature_text a:hover { color: #336600; }
div.feature_text a:active { color: #336600; }

div.callout .newsbody {
  position: absolute; width: 166px; height: 93px; left: 0px; top: 17px;
  padding: 10px;
  background-color: #CADEBD; border: solid #003300; border-width: 0px 2px 2px 2px; 
 }
div.callout span.headline {
  font-family: Arial, Helectiva, sans-serif;
  font-weight: bold; font-size: 11px; line-height: 11px;
}

div.callout .screenbody {
  position: absolute; width: 186px; height: 113px; left: 0px; top: 17px;
  background-color: white; border: solid #003300; border-width: 0px 2px 2px 2px; 
}
div.callout .screen_img { position: absolute; width: 186px; height: 87px; left: 0px; top: 0px; border: none;}
div.callout .screen_text { 
  position: absolute; width: 166px; height: 16px; left: 0px; top: 87px;
  padding: 5px 10px; background-color: #509325;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 11px; }
}
div.callout .screen_text a { text-decoration: none; }
div.callout .screen_text a:link { color: white; }
div.callout .screen_text a:visited { color: white; }
div.callout .screen_text a:hover {color: #336600; }
div.callout .screen_text a:active {color: #336600; }

div#callout1 { top: 55px; left: 479px; }
div#callout2 { top: 199px; left: 479px; }

/*******************/
/* end inner pages */
/*******************/

form#request, form#signup {
  font-family: Arial, Helectiva, sans-serif; font-size: 12px; 
  color: black;
}

table#site_index { width: 90%; margin: 1em;}
table#site_index th { width: 25%; color: white; background-color: #336699; font-family: Arial, Helectiva, sans-serif; font-size: 12px;}
table#site_index th a:link {color: white; }
table#site_index th a:visited {color: white; }
table#site_index th a:hover {color: #99FF66; }
table#site_index th a:active {color: #003300; }
table#site_index td { color: black; background-color: #E5EAEF; font-family: Arial, Helectiva, sans-serif; font-size: 12px;}
table#site_index td a:link {color: black; }
table#site_index td a:visited {color: black; }
table#site_index td a:hover {color: #336600; }
table#site_index td a:active {color: #336600; }