/*
  Default style sheet for NANPA
  Copyright 1999-2009, RAE, Inc.
  File: styles/default.css
  Author: John A. Lock, RAE, Inc. <http://www.relevantarts.com/>
  Date: 2008-09-08
  Version: 2.0
*/

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

body {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #444444;
  background-color: #003352;
  margin: 0px 10px 0px 10px;
}

h1 {font-size: 1.500em; font-weight: bold;}
h2 {font-size: 1.250em; font-weight: bold;}
h3 {font-size: 1.133em; font-weight: bold;}
h4 {font-size: 1.000em; font-weight: bold;}
h5 {font-size: 0.833em; font-weight: bold;}
h6 {font-size: 0.667em; font-weight: bold;}

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

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

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

h1 {
  color: #004772;
}

h3 {
  color: #50b847;
}

img {border: 0px;}

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

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

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

/* Text tweaks
******************************************************************/
.underline  {text-decoration: underline;}
.credit      {
  width: 100%;
  color: #ffffff;
  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;
}
.headtext {
  font-size: 1.333em;
  font-weight: bold;
  color: #50b847;
}
.bigbold {
  font-size: 1.333em;
  font-weight: bold;
}
.boldblue {
  font-weight: bold;
  color: #547391;
}
.form_button {
  cursor: pointer;
  overflow: visible;
  padding: 0px 10px 0px 10px;
  color: #ffffff;
  background-color: #50b847;
  background-image: url(../img/button_back.jpg);
  background-position: bottom;
  border: 1px solid #000000;
}
.clearall {
  float: none;
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  height: 0px;
  line-height: 0;
  font-size: 0;
}
* html .clearall {
  height: 0;
}

/* Default link appearance
*******************************************************************/
a:link    {color: #990000; text-decoration: underline; font-weight: bold;}
a:visited {color: #660000; text-decoration: underline; font-weight: bold;}
a:hover   {color: #ff0000; text-decoration: underline; font-weight: bold;}
a:active  {color: #ff0000; text-decoration: underline; font-weight: bold;}

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

#wrapper {
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
.header {
  width: 100%;
  height: 83px;
}
.head_margin {
  width: 15px;
  background-color: #7f9db7;
}
.logo {
  width: 170px;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background-color: #ffffff;
}
.header_photo {
  width: 100%;
  background-color: #000000;
  border-right: 1px solid #ffffff;
}
.tagline {
  background-color: #003252;
}
.toolbox {
  width: 168px;
  font-size: 11px;
  background-color: #ffffff;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
  border-right: 1px solid #ffffff;
}
.searchbox {
  width: 168px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.searchbox input {
  vertical-align: middle;
}
.search_terms {
  font-size: 11px;
  height: 18px;
  border: 1px solid #7f9db7;
}
.whiteline {
  width: 100%;
  height: 1px;
  background-color: #ffffff;
}
.main {
  width: 100%;
  border-bottom: 1px solid #ffffff;
}
.main_margin {
  width: 15px;
  background-color: #547391;
}
.leftcol {
  width: 170px;
  text-align: right;
  vertical-align: top;
  background-color: #a8adb4;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
#login_button {
  position: relative;
  text-align: center;
  margin: 10px auto 10px auto;
}
#login_popup {
  position: relative;
/*  left: -45px;*/
  display: none;
}
.login_close {
  padding: 0px 2px 0px 2px;
  cursor: pointer;
}
.centercol {
  width: 100%;
  vertical-align: top;
  background-color: #ffffff;
  border-right: 1px solid #ffffff;
}
.rightcol {
  width: 168px;
  text-align: center;
  vertical-align: top;
  color: #ffffff;
  background-color: #004772;
  border-right: 1px solid #ffffff;
  margin: 10px 10px 10px 10px;
}
.rightcol a:link {
  color: #ffffff;
  font-style: italic;
  text-decoration: underline;
}
.rightcol a:visited {
  color: #ffffff;
  font-style: italic;
  text-decoration: underline;
}
.rightcol a:hover {
  color: #ff0000;
  font-style: italic;
  text-decoration: underline;
}
.eventsdiv {
  border-bottom: 1px solid #ffffff;
  margin-bottom: 10px;
}
.newsdiv {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 10px;
}
.navbutton_off {
  font-weight: bold;
  padding: 5px 0px 5px 0px;
  margin: 5px 0px 5px 0px;
}
.navbutton_off a {
  padding-right: 15px;
}
.navbutton_off a:link {
  color: #ffffff;
  text-decoration: none;
}
.navbutton_off a:visited {
  color: #ffffff;
  text-decoration: none;
}
.navbutton_off a:hover {
  color: #547391;
  text-decoration: none;
}
.navbutton_on {
  font-weight: bold;
  background-image: url(../img/nav_on.gif);
  padding: 5px 0px 5px 0px;
  margin: 5px 0px 5px 0px;
}
.navbutton_on a {
  padding-right: 15px;
}
.navbutton_on a:link {
  color: #547391;
  text-decoration: none;
}
.navbutton_on a:visited {
  color: #547391;
  text-decoration: none;
}
.navbutton_on a:hover {
  color: #547391;
  text-decoration: none;
}
.memlogin {
  background-color: #ffffff;
}
.login_form {
  width: 170px;
  border: 1px solid #a8adb4;
}
.login_head {
  background-color: #547391;
  color: #ffffff;
  font-weight: bold;
  white-space: nowrap;
}
.login_text {
  font-size: 12px;
  color: #547391;
  font-weight: bold;
}
.login_box {
  border: 1px solid #7f9db7;
}
#home_photo {
  color: #ffffff;
  background-image: url(../img/blue_gradient_background.png);
  border-bottom: 1px solid #000000;
}
div#home_photo a:link {
  color: #ffffff;
}
div#home_photo a:visited {
  color: #ffffff;
}
div#home_photo a:hover {
  color: #cc0000;
}
#photo_box {
  width: 612px;
  padding-top: 10px;
  margin-left: auto;
  margin-right: auto;
}
#showcase {
  background-color: #ffffff;
  padding: 5px 5px 5px 5px;
  border: 1px solid #000000;
  margin-left: auto;
  margin-right: auto;
}
.photo_credit {
  color: #ffffff;
  text-align: right;
  font-size: 0.833em;
  white-space: nowrap;
}
.mission {
  clear: both;
/*  height: 100%;*/
  color: #000000;
/*  background-color: #eeeeee;
  border: 1px solid #999999; */
  padding: 10px 10px 0px 10px;
  margin-left: auto;
  margin-right: auto;
}
.center_content {
  padding: 10px 10px 10px 10px;
}
.center_content_full {
  position: relative;
  padding: 0px 0px 0px 0px;
}
.photo_header {
  background-color: #CCCCCC;
  color: #000000;
  font-weight: bold;
  width: 100%;
  padding: 3px;
}
.footer_margin {
  width: 15px;
  background-color: #547391;
}
.footer_left {
  background-color: #547391;
  border-left: 1px solid #ffffff;
  text-align: center;
}
.footer_center {
  font-size: 0.833em;
  color: #ffffff;
  background-color: #547391;
  text-align: center;
  white-space: nowrap;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 10px 10px 10px 10px;
}
.footer_center a:link {
  color: #ffffff;
}
.footer_center a:visited {
  color: #ffffff;
}
.footer_center a:hover {
  color: #ff0000;
}
.font_icons {
  text-align: right;
  white-space: nowrap;
}
.footer_contact {
  float: left;
  padding-left: 31%;
}
.footer_right {
  background-color: #547391;
  border-right: 1px solid #ffffff;
  font-size: 0.833em;
  color: #ffffff;
  white-space: nowrap;
  padding: 10px 10px 10px 10px;
}
.footer_right a:link {
  color: #ffffff;
}
.footer_right a:visited {
  color: #ffffff;
}
.footer_right a:hover {
  color: #ff0000;
}
.credit a:link {
  color: #ffffff;
  text-decoration: underline;
}
.credit a:visited {
  color: #ffffff;
  text-decoration: underline;
}
.credit a:hover {
  color: #ff0000;
  text-decoration: underline;
}
#floating_nav {
  width: 170px;
  position: absolute;
  top: 20px;
  left: 0px;
  z-index: 999;
  visibility: hidden;
  text-align: right;
  vertical-align: top;
  background-color: #a8adb4;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
#recent_forum {
  width: 293px;
  border: 1px solid #94a3c4;
}
#recent_forum_header {
  height: 42px;
  color: 3b5998;
  background-color: #eceff5;
  padding: 10px 10px 10px 10px;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #d8dfea;
}
#recent_fb {
  width: 293px;
  margin-left: 5px;
}
.photo_left {
  float: left;
  border: 1px solid #000000;
  margin-right: 10px;
}
.photo_right {
  float: right;
  border: 1px solid #000000;
  margin-left: 10px;
}
.center750 {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.reviewer_title {
  font-weight: bold;
  padding: 3px;
	background: #ffffff url(../img/reviewer_title_bg.jpg) repeat-x center center;
  border: 1px solid #000000;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.greenbox {
	border: 3px solid #ccddcc;
	background-color: #eeffee;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.redbox {
	border: 3px solid #ddcccc;
	background-color: #ffeeee;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#iif_ok_box {
  float: left;
  width: 200px;
  height: 50px;
  padding: 10px;
}
#iif_bad_box {
  float: right;
  width: 200px;
  height: 50px;
  padding: 10px;
}