/* $Id: page.css,v 1.1.2.28 2009/06/12 15:44:26 jmburnz Exp $ */

/**
 * @file page.css
 * This stylesheet provides the page main styles for this theme.
 */

/**
 * Remove unused styles for performace.
 */

/**********************************************************
 *              Section, Page and Body Classes
 **********************************************************/
/**
 * Normally you will use these in combination with other
 * selectors. I include them here for completedness.
 */
	
/** 
 * Section Class
 * The section class takes the 2nd part of the URL and
 * builds a section-[arg] class from it. If you emulate
 * site sections using the Pathauto module this can be a 
 * powerful way to style site sections.
 *
 * Look in body element for the section you want to style
 * to find the class to replace section-[arg]:
 */
/* .section-arg {} */

/* Front or not front. */
.front {}
.not-front {}

/* Is the user logged in. */
.logged-in {}
.not-logged-in {}

/* Node type body classes. */
.node-type-book  {}
.node-type-blog  {}
.node-type-forum {}
.node-type-page  {}
.node-type-poll  {}
.node-type-story {}

/**
 * Warning! 
 * The sidebar body classes are integral to how genesis
 * applies the layout - do not add margin, padding, borders,
 * or positioning styles to these classes! @see layout.css. 
 */
.one-sidebar   {}
.two-sidebars  {}
.sidebar-right {}
.sidebar-left  {}

/** got this from genesis/css/uncompressed/layout.css and tweaked it **
 * #genesis-4
 * Unit:   %
 * Layout: Two column (one sidebar) content/left or right
 */
/*#genesis-4 .two-sidebars  .content-inner {margin-right: 40%;}*/
/*#genesis-4 .sidebar-left  .content-inner {margin-right: 40%;}*/
/*#genesis-4 .sidebar-right .content-inner {margin-right: 24.75%;}*/
/*#genesis-4 #sidebar-left  {width: 37%; margin-left: -37%;} */
/*#genesis-4 #sidebar-right {width: 15%; margin-left: -15%; }*/
/*#genesis-4 .sidebar-left #sidebar-left {width: 37%; margin-left: -37%;}*/


#genesis-4 #main-content {
	width: 687px; /* used to be 700 */
	float: left;
	margin-right: 0px;
}
#genesis-4 #sidebar-right {
	width: 223px;
	float: right;
}
/** 
 * Optional Region body classes
 * When any of the following regions are active a body class can be set.
 * To use you need to uncomment the conditional statements in 
 * genesis_preprocess_page(), @see template.php.
 */
/*
.leaderboard       {}
.header-blocks     {}
.secondary-content {}
.tertiary-content  {}
.footer            {}
*/



/** 
 * Page Path Class
 * The page path class takes the entire URL and builds a page-[path] 
 * class from it. See examplebelow. You need to use Firebug or view 
 * source to find out what the actual class will be, and be aware
 * that this will change if your URL alias changes!
 *
 * Replace [example-node-path] with the path you want
 * to style.
 */
/* .page-example-node-path {} */

	
/**********************************************************
 *                  The wrapper divs
 *    Be careful how you modify these, see layout.css
 **********************************************************/
/**
 * Width Setting
 *
 * Genesis supports Elastic, Fluid and Fixed width values.
 * Elastic layouts are dynamic and will expand or contract when 
 * the font size is changed. Fluid widths change when the browser 
 * is resized and fixed width layouts stay the same width even 
 * when the broswer is resized or the font size is changed.
 *
 * Elastic layouts use ems,       e.g. 80em
 * Fluid layouts use percentages, e.g. 85%
 * Fixed widths use pixels,       e.g. 960px
 */
#container {
  width: 970px;     /* Width for IE6 */
  background-color: #68953a
}
body > #container {
  width: 100%;      /* Width for all other browsers */
  max-width: 970px; /* set a maximum width */
  min-width: 760px; /* set a minimum width */
  margin: 0 auto;
  padding: 0px;
  height: 100%;
  border: 12px solid #424242;
  background-color: #fbfbfb;
  /*background: #FBFBFB url('../images/bgContainer.gif') repeat-y scroll left center;*/
}


#container-top, #container-bottom {
	width: 970px;
	/*background-color: #161616;*/
  	margin: 0 auto;
  	position: relative; 
}

body > #container-top, body > #container-bottom {
	width: 100%;
	max-width: 970px;
	min-width: 760px;
	margin 0 auto;
	padding: 0 10px 0 0;
	/*height: 100%;*/
	/*background-color: #161616;*/
}

body > #container-top {
	margin-top: 0px;
	margin-bottom: 0px;
	/*background: #161616 url('../images/body_back.gif') repeat;*/
	/*background-color: #0e0e0e;*/
}

body > #container-bottom {
	padding-right:0px;
	text-align: center;
	
}
#footer {
	text-align: left;
}

/*#container-end {
	width: 990px;
	margin: 0 auto;
	position: relative;
}
body > #container-end {
	width: 100%;
	max-width: 990px;
	min-width: 760px;
	margin 0 auto; 
	padding: 0;
	height: 15px;
	background-image: url('../images/bgFooter.jpg');
}
*/

/* Column wrappers */
#columns {}
.columns-inner {}

/* Content wrappers */
#content-column {
}
.content-inner {}

/* Main content wrappers*/
#main-content {}
#content {}


/**********************************************************
 *                       Regions
 **********************************************************/


/* Target all regions with this low specifity selector. */
.region {}
.region-inner {}

/**
 * Most regions have an .inner div to set paddings or other
 * design contingencies.
 */
 
/* Leaderboard is a full width region at the very top, 
   ideal for displaying banners. */
#leaderboard {}

/* Header blocks region is embedded in the header, floated
   between the logo/site_name and the search box. */
#header-blocks {
  float: left;
  margin-left: 2em; /* LTR */
}
#header-blocks .region-inner {}

/* Secondary content is a full width region between 
   the header and the main columns. */
#secondary-content {}
#secondary-content .region-inner {}

/* Tertiary content is a full width region above the footer, 
   below the main content. */
#tertiary-content {

}
#tertiary-content .region-inner {}

/* Content top and bottom are above and below the main content, 
   within the main content column. */
#content-top {}
#content-bottom {}

#tertiary-content #region-upper {
	background: url('../images/footer-top.jpg') no-repeat;
	text-align: center;
	height: 66px;
}
#tertiary-content #region-upper-inner {
	padding-top: 25px;
}
#tertiary-content #region-upper-inner #footer-links {
	float: left;
	padding-left: 15px;

}
#tertiary-content #region-upper-inner #footer-media-links {
	float: right;
	padding-right: 25px;
	vertical-align: top;
}
#tertiary-content #region-upper-inner #footer-media-links img {
	margin-left: 20px;
}


#media-links {
	float: right;
	padding-right: 25px;
	vertical-align: top;
    display: table-cell;
    padding-top: 6px;
}
#media-links img {
	margin-left: 10px;
}

#tertiary-content #region-upper .footer-button {
	font-size: 1.1em;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 20px;
}
#tertiary-content #region-upper .footer-button-separator {
	color: white;
	padding-left: 5px;
}
#tertiary-content #region-upper #stay-connected {
	color: white;
	padding: 0px;
	font-size: 1.1em;
	line-height: 22px;
	vertical-align: top;
	display: inline;
}
#tertiary-content #region-upper .footer-button a:link, #tertiary-content #region-upper .footer-button a:visited {
	color: white;
}
#tertiary-content #region-upper .footer-button a:hover {
	text-decoration: underline;
}
#tertiary-content #region-lower {
	background: url('../images/footer-bottom.jpg') no-repeat;
	text-align: center;
	color: #bababa;
	height: 67px;
}
#tertiary-content #region-lower #aavso-email, #tertiary-content #region-lower #aavso-phone, #tertiary-content #region-lower #aavso-address {
	margin-left: 30px;
}
#tertiary-content #region-lower-inner {
	padding-top: 25px;
}
#tertiary-content #region-middle {
	background: url('../images/footer-middle.jpg') repeat;
	padding: 20px;
	padding-left: 40px;
	line-height: 140%;
}
#tertiary-content #region-middle ul.menu,
#tertiary-content #region-middle .menu ul {
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: table;
}

#tertiary-content #region-middle ul.menu{
	display: inline;
}
#tertiary-content #region-middle ul.menu>li{
	display: table-cell;
	position: relative;
	padding: 0px;
	margin: 0px;
	padding-right: 20px;
	font-size: 13px;
}
#tertiary-content #region-middle ul.menu ul li {
	font-size: 11px;
}
#tertiary-content #region-middle ul.menu>li a:link, #tertiary-content #region-middle ul.menu>li a:visited  {
	color: white;
}
#tertiary-content #region-middle ul.menu ul li a:link, #tertiary-content #region-middle ul.menu ul li a:visited  {
	color: black;
}
#tertiary-content #region-middle ul.menu ul li a:hover  {
	color: white;
	text-decoration: none;
}
#tertiary-content #region-middle ul.menu>li ul li {
	display: block;
	padding-right: 0px;
}
#footer {
	padding-left: 30px;
}

/** hide the second sublevel menu for "About Us" on bottom of page **/
#tertiary-content #region-middle ul.menu li.first ul.menu ul {
	display: none;
}


/**********************************************************
 *                      Sidebars
 **********************************************************/
/* Target both sidebars with this low specifity selector. */
.sidebar {}
.sidebar-inner {}

/* Target a specific sidebar, inner or sidebar-inner. */
#sidebar-left {}
#sidebar-left .sidebar-inner {}

#sidebar-right {
	margin-top: 40px;
}
#sidebar-right .sidebar-inner {}


/*********************************************************
*                     GPanel Regions
**********************************************************/
.two-col-50 {}
.two-col-50 .col-1 {}
.two-col-50 .col-2 {}

.two-col-50.with-nested {}
#two-col-50-nested {}
.two-col-50.with-nested .col-1 {}
.two-col-50.with-nested .col-2 {}
.two-col-50.with-nested #two-col-50-nested .col-1 {}
.two-col-50.with-nested #two-col-50-nested .col-2 {}

.three-col-33 {}
.three-col-33 .col-1 {}
.three-col-33 .col-2 {}
.three-col-33 .col-3 {}

.four-col-25 {}
.four-col-25 .col-1 {}
.four-col-25 .col-2 {}
.four-col-25 .col-3 {}
.four-col-25 .col-4 {}


/**********************************************************
 *                   Skip navigation
 **********************************************************/
/**
 * To hide the skip-nav you can use: 
 * 
 * height: 0; 
 * overflow: hidden;
 * 
 * Do not use display:none as this hides it from screen readers!
 */
#skip-nav {
   text-align: right; /* LTR */
   height: 0;
   overflow: hidden;
}

/* Override default pseudo class styles */
#skip-nav a:link    {}
#skip-nav a:visited {}
#skip-nav a:hover   {}
#skip-nav a:focus   {}
#skip-nav a:active  {}

/**
 * An alternative method is to position the skip-nav link offscreen
 * until the user tabs the link into focus. Uncomment the following to use.
 * 
 * Adjust the style of the active/focused link to suit.
 */
/*
#skip-nav {
   text-align: left;
}
#skip-nav a:link, 
#skip-nav a:hover, 
#skip-nav a:visited {
  height: 1px;
  overflow: hidden;
  position: absolute;
  top: -999em;
}
#skip-nav a:active,
#skip-nav a:focus {
  background: #FFF;
  color: #C00000;
  height: 1.5em;
  overflow: visible;
  position: fixed;
  top: 0;
  right: 0;
  width: auto;
  z-index: 1000;
}
*/


/**********************************************************
 *                 Header Elements
 **********************************************************/
/* #header wraps #branding, #search-box-top and #header-blocks. */
#header {}

/* #branding wraps #logo, #site-name and #site-slogan. */
#branding {
  float: left; /* LTR */
}

/* h1 is for the front page only, all others use the div. */
#branding h1 {font-size: 1em;} /* reset h1, do not change! */

/* Logo and site_name wrapper. */
.logo-site-name {
}

/* DIV/strong combo when when title is set. */
div.logo-site-name strong {}

/* Remove display:block if you want the site name inline with the logo. */
.logo-site-name span {
  display: block;
}

/* Logo. */
#logo {}

#site-name {
  text-align: right;
  padding-right: 15px;
  padding-top: 41px;
}


/* Override default pseudo class styles. */
#site-name a:link    {
	color: white;
	text-decoration: none;
}
#site-name a:visited {	
	color: white;
	text-decoration: none;}
#site-name a:hover   {
	color: white;
	text-decoration: none;
}
#site-name a:focus   {
	color: white;
	text-decoration: none;
}
#site-name a:active  {}

/* Site slogan. */
#site-slogan {}


/**********************************************************
 *    Search box, Advanced search form, Search results
 *          For the search block see blocks.css
 **********************************************************/
/**
 * Search box
 */
/* Float the serch box right. */
#search-box {
  float: left; /* LTR */
  background-image: url('../images/searchback.jpg');
  background-repeat: no-repeat;
  width: 258px;
  height: 48px;
  /*padding: 12px 0px 20px 0px;*/
  margin-bottom: 10px;
  text-align: center;
  padding-top: 5px;
}

/* Reset form element margins. */
#search-theme-form {
  margin: 0;
}

/* Use the child selector because the inner div has no class. */
#search-theme-form > div {
	margin: 0px;
	display: inline;
}

/* #search and .container-inline apply to the same div. */
#search-theme-form #search {}
#search-theme-form .container-inline {}

#search-theme-form label { display: none;}
#search-theme-form input {
	margin: 0px;
	padding: 3px;
	font-size: 1em;
	line-height: 125%;
}
#search-theme-form .form-item {
	margin: 0px;
	padding: 0px;
	display: inline;
}
#search-theme-form .form-item input {
	border: 2px solid #5894c6;
}
#search-theme-form .form-submit {
	background: transparent;
	border: 2px solid #5894c6;
	color: #FBFBFB;
	display: inline;
	margin: 0;
	margin-left: 2px;
	padding: 2px;
	background-color: #323232;
}


#edit-search-theme-form-1 {}

/* Override forms.css focus style */
/*#edit-search-theme-form-1:hover,
#edit-search-theme-form-1:focus {}
*/

/**
 * Advanced search form
 */
/* Advanced search-form id. */
#search-form {}

/* Use the child selector because the inner div has no class. */
#search-form > div {}
#search-form .container-inline {}
#search-form #edit-keys-wrapper {}

#search-form label { }
#search-form input {}
#search-form .form-item {}
#search-form .form-submit {}

/* Override forms.css text field focus style. */
/*#search-form #edit-keys-wrapper input:hover,
#search-form #edit-keys-wrapper input:focus {}
*/
/* Advanced search fieldset. */
fieldset #search-advanced {}

/**
 * Search results
 */
/* Box styles for the results page. */
.section-search .box {}
.section-search .box-inner {}
.section-search .box-title {}

/* Style the no results messages. */
.section-search .box ul {}
.section-search .box ul li {}

/* Search results document list. */
dl.search-results {}
dl.search-results dt {}
dl.search-results dd {}
dl.search-results dd p {}
dl.search-results dd .search-snippet {}
dl.search-results dd .search-info {}


/*************************************************
*				User Login
**************************************************/
#login-icon {
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}
#login-icon #login {
	line-height: 0px;
	font-size: 0px;
	
}
#login-icon a:active, #login-icon a:visited, #login-icon a:link {
	color: white;
	text-decoration: none;
}

#user-links {
	text-align: right;
	
}
#user-links #user-nav {
	width: 225px;
	height: 31px;
	padding-top: 5px;
	background: url('../images/mynavbar.gif') no-repeat;
}
#user-links #hello {
	font-size: 2em;
	color: #5289b8;
}
#user-links #theuser {
	font-size: 2em;
	color: #74a043;
}
#newtome,#myaccount,#mylogout {
	color: white;
	padding: 8px;
	margin: 0px;
}
#mylogout {
	display: inline;
	padding-right: 8px;
	/*background-color: #5389b7;*/
}
#myaccount {
	display: inline;
	/*background-color: #777777;*/
}
#newtome {
	display: none;
	/*background-color: #68953a;*/
}

#user-links #user-nav a:link, #user-links #user-nav a:visited {
	color: white;
	text-decoration: none;
}
#user-links #user-nav a:hover {
	text-decoration: underline;
}

/**********************************************************
 *               Primary & Secondary Links
 **********************************************************/
/**
 * Implimentation of Primary and Secondary Links.
 *
 * Primary & Secondary Links are colored by default so you 
 * can easily identify them.
 */

/**
 * #nav is the containing div for Primary & Secondary Links.
 */
#nav {
  margin-bottom: 1px;
}

/**
 * Primary Links Positioning
 */
/* FLOAT PRIMARY RIGHT */
/* #primary .primary-inner {float: right;} */
/* ALIGN PRIMARY CENTER */
/* #primary .primary-inner {display: table; margin: 0 auto; text-align: center;} */

/**
 * Primary Links Style
 * Example styles to get you started.
 */

/*#primary {
	float: left;
	clear: left;
}

.primary-links {
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.primary-links ul {
	margin-bottom: 0px;
}
*/
/* Modify the margin to set tab spacings. */
/*
.primary-links li {
  display: inline;
  line-height: 2;
  list-style: none;
  margin: 0 1em;
  padding: 0;
}

.primary-links li a {
  text-decoration: none;
  white-space: nowrap;
}
*/


#utilities {
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
}
#utilities #plinks {/*- Primary links in Header */
	/*position:absolute;
	left:7px;
	bottom:0px!important;
	bottom:-1px;*/
	font-size: 13px;
}
		
		
#utilities #plinks ul li {
	display: inline;
	float:left;
	margin-right: -2px;
	}


/* Set pseudo class styles. */
#plinks li a:hover, #plinks li a:focus, #plinks li a:active, #plinks li a:visited, #plinks li a:link {
	color: #fbfbfb;
	text-decoration: none;
}

/* Primary first and last classes. */
#plinks li.first {}
#plinks li.last {}

/* Active trail classes. */
#plinks li.active {}
#plinks li.active-trail {}
#plinks li.active-trail a {}


/**
 * Secondary Links Positioning
 */
/* FLOAT SECONDARY RIGHT */
/* #secondary .secondary-inner {float: right;} */
/* ALIGN SECONDARY CENTER */
/* #secondary .secondary-inner {display: table; margin: 0 auto; text-align: center;} */

/**
 * Secondary Links Style
 */
#secondary {
	margin-left: 15px;
    display: table-row;
}

#nav .secondary-links {
  display: table-cell;
  font-weight: normal;
  margin: 0;
  padding: 5px 0 0 4px;
  vertical-align: top;
}

/* Modify the margin to set tab spacings. */
#nav .secondary-links li {
  display: inline;
  line-height: 2;
  list-style: none;
  margin: 0;
  margin-right: 1.5em;
  padding: 0;
}

#nav .secondary-links li a {
  text-decoration: none;
  white-space: nowrap;
}

/* Set pseudo class styles. */
#nav .secondary-links li a:active { color: #fbfbfb; }
#nav .secondary-links li a:link { color: #fbfbfb; }
#nav .secondary-links li a:hover { text-decoration: underline;}
#nav .secondary-links li a:focus {}
#nav .secondary-links li a:active { color: #fbfbfb;}
#nav .secondary-links li a:visited { color: #fbfbfb;}

/* Secondary first and last classes. */
#nav .secondary-links li.first {}
#nav .secondary-links li.last {}

/* Active trail classes. */
#nav .secondary-links li.active {}
#nav .secondary-links li.active-trail {}
#nav .secondary-links li.active-trail a {}

.local-tasks ul.secondary {
	margin: 0px;
	padding: 0px;
	background-color: #467DAD;
}
.local-tasks ul.secondary li {
	padding: 0px;
	margin: 0px;
	
}
.local-tasks ul.secondary li a {
	line-height: 25px;
	padding: 5px;
	padding-right: 20px;
}
.local-tasks ul li:hover {
	background-color: #fbfbfb;
	
}
.local-tasks ul.primary li.active:link {
	background-color: #467DAD;
}
#content-column .local-tasks ul.secondary li a:link, #content-column .local-tasks ul.secondary li a:visited {
	color: #fbfbfb;
}
.local-tasks ul.secondary li {
	background-color: #467DAD;
}
.local-tasks ul.secondary li:hover {
	background-color: #fbfbfb;
}
#content-column .local-tasks ul.secondary li a:hover {
	color: #467DAD;
	background-color: #fbfbfb;
	text-decoration: none;
}

.local-tasks ul.primary li.active a {
	background-color: #467DAD;
	border-bottom-color:#467DAD;
	color: #fbfbfb;
}

.node-content .main-page-tree {
	margin-left: 100px;
	margin-bottom: 50px;
	font-size: 1.1em;
}
.node-content .main-page-tree ul.menu {

}
.node-content .main-page-tree ul.menu li.expanded, .node-content .main-page-tree ul.menu li {
	list-style-image: url(../images/square.gif);
}
.node-content .main-page-tree ul.menu li.expanded ul li {
	list-style-image: url(../images/doublegreenarrow.png);
}

/**********************************************************
 *                      Breadcrumb
 **********************************************************/
/**
 * Genesis places the breadcrumb directly below the header, 
 * giving it the full width of theme to expand into.
 * You can eaisly drag the breadcrumb html to the main 
 * content column if you need to.
 */
#breadcrumb {
  padding: 0 0 0.75em;
}
#printable-link {
    position: relative;
    //top: -45px;
    left: 840px;
    width: 95px;
}


/**********************************************************
 *                       Mission
 **********************************************************/
#mission {
  font-weight: bold;
  margin: 0 0 1.5em;
}
#printable-link {
    //float: right;
    position: relative;
    top: -20px;
    right: 400px;
}

/**********************************************************
 *                    H1 Page Title
 **********************************************************/
/* The main title on each page. */
h1#page-title {
	/*background: url('../images/orangebar_back.jpg') no-repeat left;*/
	color: #2a577d;
	font-style: italic;
	border-bottom: 2px solid #000000;
	margin-bottom: 15px;
	margin-top: 5px;
}


/**********************************************************
 *                     Pager 
 **********************************************************/
/* The first 2 classes provide the base pager styles. */
.item-list ul.pager    {}
.item-list ul.pager li {
  margin: 0;
}

/* Theme the various states of pager links. */
.item-list ul.pager li a:link    {}
.item-list ul.pager li a:visited {}
.item-list ul.pager li a:hover   {}

/* Note: .pager-current is for the current page. */
.item-list ul.pager li.pager-item     {}
.item-list ul.pager li.first          {}
.item-list ul.pager li.last           {}
.item-list ul.pager li.pager-current  {}
.item-list ul.pager li.pager-first    {}
.item-list ul.pager li.pager-previous {}
.item-list ul.pager li.pager-next     {}
.item-list ul.pager li.pager-last     {}


/**********************************************************
 *               Footer, Footer Message
 **********************************************************/
#foot-wrapper {
  margin-top: 20px; 
  background-color: #fbfbfb;
}

#footer {}
#footer .region-inner {}

#footer-message {}

#footer a, 
#footer-message a {}


/**********************************************************
 *                 RSS Feed Icon
 **********************************************************/
.feed-icon {}
.feed-icon img {
  padding:0 0.5em;
}
#footer-message a.feed-icon {}


/*********************************************************
*            Helper classes for all layoutsk... from layout.css
**********************************************************/
/* Automatic centering for widths less than 100%. */

/* Trigger hasLayout. */
#columns {
  display: inline-block;
  margin-bottom: 0px; /* override */
}
/* Reset for compliant browsers. */
#container > #columns {
  display: block;
}

/* Float the columns. */
#content-column,
#sidebar-left,
#sidebar-right,
#home-left,
#home-middle-left,
#home-middle-right,
#home-right,
{
  float: left;
}

/* Set a width on main content column. */
#content-column {
  width: 100%;
}

#section1 {
	float: left;
	margin-bottom: 15px;
}
#section2 {
	float: right;
	margin-right: 15px;
}
#home-left {
	width: 222px;
	height: 125px;
	float: left;
    margin-left: 15px;
	margin-right: 6px;
	/*background-image: url('../images/audience_blueback.jpg');*/
    background-color: #538BBA;
    border: 2px solid #538BBA;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

#home-middle-left{
	width: 200px;
	height: 125px;
	float: left;
	margin-right: 6px;
	/*background-image: url('../images/audience_blueback.jpg');*/
    border: 2px solid #538BBA;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
#home-middle-right{
	width: 270px;
	height: 125px;
	float: left;
	margin-right: 6px;
	/*background-image: url('../images/audience_blueback.jpg');*/
    border: 2px solid #538BBA;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
#home-right {
	width: 210px;
	height: 125px;
	float: left;
	/*background-image: url('../images/audience_blueback.jpg');*/
    border: 2px solid #538BBA;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.active-forum-topics ul li {
    margin-left: 0px;
    padding-left: 0px;
    background: none;
}
#sectionContainer {
	width: 940 px;
	height: 275px;
	background: url('../images/biggestblueback.jpg') no-repeat;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}
#sectionHome1 {
	float: left;
}
#sectionHome2 {
	float: right;
	margin-right: 0px;
}
#home-content-left {
	text-align: center;
	width: 215px;
	float: left;
	margin: 8px;
	margin-right: 6px;
	background-color: #538ebd;
}
#home-content-middle {
	text-align: left;
	width: 475px;
	float: left;
	margin: 8px;
	margin-left: 4px;
	margin-right: 5px;
	background-color: #538ebd;
}
#home-content-right {
	text-align: left;
	width: 215px;
	margin: 8px;
	margin-left: 0px;
	background-color: #538ebd;
}
#content-column {
	margin: 0px 20px 50px 20px;
	width: 930px;
}
#header-top {
	padding-left: 15px;
	padding-right: 15px;
}
#header-bottom {
	width: 970px;
	height: 150px;
	/*background-image: url('../images/mira_home.jpg');*/
	background-image: url('../images/header9.jpg');
	/*border-top: 6px solid #595959; */
}

#nav {
    background-color: #424242;
	width: 970px;
    display: table;
    margin-bottom: 6px;
}
/*#nav {
	background: #fbfbfb url('../images/black_menu_bar.jpg') no-repeat;
	width: 970px;
	height: 36px;
}
*/

/* Helper class for clearing both. */
.clear,
#nav,
#columns,
#breadcrumb,
#content-bottom,
#secondary-content,
#tertiary-content,
#footer-wrapper,
#footer,
#footer-message,
#home-content
{
  clear: both;
}

.hide {
  height: 0; 
  overflow: hidden;
}


/*********************************
*		Forms
**********************************/
button, input[type="reset"], input[type="button"], input[type="submit"] {
	cursor: pointer;
}

.form-submit{
border:3px double #ccc;
background:#346793;
color:#fff;
}
.form-submit {
margin-top:0;
padding: 4px 2px 2px;
font-size: 14px;
}

.form-button, .form-submit {
margin:0.5em 0.5em 1em 0;
}


/******* User Login *******************/
form#user-login .form-item label {
	font-size: 13px;
	display: inline;
}
form#user-login .form-item input {
	font-size: 13px;
	padding: 5px;
}


/******* User profile edit form *******/
form#user-profile-form .form-item label {
	display: inline;
}
form#user-profile-form .form-item input {
	font-size: 13px;
	padding: 5px;
	margin-top: 0px;
}
form#user-profile-form .form-item select option {
	padding: 2px;
}
form#user-profile-form .form-item select {
	padding-top: 3px;
}
form#user-profile-form fieldset {
	border: 2px solid #5a98ca;
}	
form#user-profile-form fieldset legend {
	font-size: 15px;
	color: #68953a;
	padding: 2px;
}
fieldset.myaavso {
	background-color: #faf7e8;
}
table.aavsorecord {
	margin: 0px;
}
table.aavsorecord td {
	padding: 2px;
}
table.aavsorecord td p {
	margin-bottom: 0px;
}
table.aavsorecord td.label {
	text-align: right;
	padding-right: 4px;
	vertical-align: top;
	width: 200px;
}
table.aavsorecord div.form-item {
	margin-top: 2px;
	margin-bottom: 3px;
}	
select#edit-profile-affiliation {
	width: 400px;
}


/*****************************************
*  		User Profile page
******************************************/

.userprofile {
	margin-top: 30px;
}
.userprofile .user-picture {
	float: right;
	vertical-align: top;
}
.userprofile .user-picture img {
	border:1px solid #E1E0E0;
	padding: 4px;
}
.userprofile .fields {
	background: transparent url('../images/square.gif') no-repeat scroll 0 1px;
	padding-left: 20px;
	margin-bottom: 15px;
}

.userprofile .fields span {
	font-weight: bold;
}

/****************************
*  Request Initials Form
*****************************/
form#requestinitials_form table td.fieldname {
	font-weight: bold;
	text-align: right;
	padding-right: 0px;
}
form#requestinitials_form input {
	font-size: 13px;
	padding: 5px;
}
form#requestinitials_form select {
	padding: 5px;
}
form#requestinitials_form .form-item label {
	display: inline;
}

form#requestinitials_form td.fieldname {
	font-size: 1.1em;
}
form#requestinitials_form div.form-item {
	margin: 0px;
}

/****************************
*	node content
*******************************/

.node-content {
	padding-top: 10px;
	padding-bottom: 15px;
}

.keyword-title {
	font-weight: bold;
}
.node-terms {
	margin: 10px 0px;
}
/******************
* Messages on home page 
*******************/
.drupal-messages-front .messages {
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#webobs-menu-list-wrapper {
	
}
#webobs-menu-list {
	margin: 25px 50px 50px;
}
#webobs-menu-list li {
	margin-top: 15px;
	font-size: 16px;
}
#webobs-menu-list li a:link, #webobs-menu-list li a:visited {
	color: #346793;
	background-color: white;
	text-decoration: underline;
}
#webobs-menu-list li a:hover {
	color: #ffffff;
	background-color: #346793;
}
#webobs-software ul li {
	margin-top: 10px;
}

#main-webobs {
	border: 0px;
	margin-top: 0px;
}
/***************************************
*			Observing Page
***************************************/
div#observing-container {
	text-align: center;
	margin: auto;
}
table#observing-header {
	border: 0px;
	margin: auto;
}
table#observing-header td {
	padding-right: 30px;
}
div#observer-top-container {
	background-color: #d97f1e;
	padding: 6px;
}

div#new-observers {
	background-color: #d97f1e;
	margin-right: 4px;
	height: 100%;
}

div#new-observers-inner {
	background-color: #fcf5ed;
	padding: 10px 8px 8px 10px;
	height: 100%;
}
#new-observers-height {
	height: 7px;
}
#new-observers-inner h3 {
	margin-bottom: 10px;
}
div#new-observers ul {
	margin-bottom: 0px;
	margin-left: 20px;
	font-size: 14px;
}
div#new-observers ul li {
	background:url("../images/square_sm.gif") no-repeat scroll 0 2px transparent;
	list-style:none outside none;
	padding:0px 0px 4px 16px;
}
div#new-observers ul li a:link, div#new-observers ul li a:visited {
	color: #C8661D;
}
div#new-observers ul li a:hover {
	background-color: #C8661D;
	color: white;
}

div.resources-top-container {
	background-color: #528AB9;
	padding: 6px;
	margin-bottom: 25px;
}
p#research-note {
	margin-bottom: 5px;	
}
div.resources {
	background-color: #528AB9;
}
.resources-inner {
	background-color: white;
	padding: 10px 8px 8px 10px;
}
.resources-table {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 13px;
}
.resources-table td {
	vertical-align: top;
}
div.resources-inner h3 {
	margin-bottom: 10px;
}
div.resources ul {
	margin-bottom: 0px;
	margin-left: 20px;
}
div.resources ul li {
	background:url("../images/square_sm.gif") no-repeat scroll 0 2px transparent;
	list-style:none outside none;
	padding:0px 0px 8px 16px;
}
div.resources ul li a:link, div.resources ul li a:visited {
	color: #346793;
	font-size: 14px;
	font-weight: bold;
}
div.resources ul li a:hover {
	background-color: #346793;
	color: white;
	font-size: 14px;
}
.resources-table {
	border: 0px;
}

table#obs-chat-table {
	border: 0px;
	margin: 0px;
}
td#new-observer-cell {
	width: 50%;
	padding: 0px;
}
td#chat-cell {
	width: 50%;
	padding: 0px;
	height: 100%
}


div#chat{
	background-color: #d97f1e;
	height: 100%;
}
div#chat-inner {
	background-color: #fcf5ed;
	padding: 10px 8px 8px 10px;
}
div#chat-inner #chat-link {
	background: url('../images/greenarrow_sm.png') no-repeat left;
	padding-left: 18px;
	margin-left: 180px;
}
#chat-inner p {
	margin-bottom: 5px;
}
#chat-inner h3 {
	margin-bottom: 8px;
}
div#chat-filler {
		height: 31px;
}

div#chat a:link, div#chat a:visited {
	color: #C8661D;
}
div#chat a:hover {
	background-color: #C8661D;
	color: white;
}

#observing-sections {
	width: 100%;
	margin-top: 25px;
}
#observing-sections h3 {

}
table#obs-sections {
	margin-top: 0px;
	line-height: normal;
	border: 0px;
	margin-left: 8px;
}
table#obs-sections h5 {
	margin-bottom: 2px;
}
table#obs-sections td {
	vertical-align: top;
}
table#obs-sections td.obs-body {
	padding-left: 0px;
	padding-bottom: 20px;
}
table#obs-sections td.obs-image {
	padding-left: 0px;
}
p.obs-title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1px;
}

/******* Program menus ***/
.program-menu {
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 14px;
}
.program-menu-list {
	margin: 0px;
	margin-left: 20px;
}
.program-menu-list li {
	display: inline;
	margin-right: 20px;
	background: url('../images/square_sm.gif') no-repeat left center;
	padding-left: 15px;
}
.program-menu-list li.last-item {
	margin-right: 0px;
}
.program-menu a:active, .program-menu a:visited {
		color: #538EBD;
	
}
#content-column .program-menu a:hover {
	color: white;
	background-color: #538EBD;

}
#mayall-image {
	float: right;
	width: 200px;
}
.publications-table {
	width: 100%;
	margin: auto;
	text-align: center;
}
table#publications {
	border: 0px;
	margin: auto;
}
table#publications ul li {
	list-style-image: url(../images/square.gif);
	margin-bottom: 5px;
}
div.allpubs table  {
	border: 0px;
	font-size: 13px;
	line-height: 1.38em;
}
div.allpubs table td {
	vertical-align: top;
	padding-left: 0px;
	padding-bottom: 20px;
}
div.allpubs img {
	border: 1px solid black;
}	
div.allpubs caption {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	font-family: verdana,arial;
	border-bottom: 1px solid black;
}
div .allpubs tbody.indent-pubs td {
	padding-left: 20px;
	padding-bottom: 0px;
	padding-top: 3px;
}
table#donate-icons {
	border: 0px;
}

.page-node-1447 #main-content #page-title{display:none}
#node-1447 .node-submitted, 
#node-1447 .node-terms, 
#node-1447 .node-links{display:none} 

#centennial-banner {
  height: 100px; 
  width: 325px;
  margin-top: -20px;
  margin-left: 25px;            
  float: left; 
  background-color: rgba(83, 137, 184, 0.85);
  border: solid 1px white;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 1em;
  padding: 5px;
	/*background-image: url('../images/audience_blueback.jpg');*/
  opacity: 50%;
}

#centennial-banner p {
  margin-bottom: 0;
}

#centennial-sep {
  width: 68%;
  border-top: solid 1px white;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

#centennial-banner a:hover {
  text-decoration: underline;
}

a#centennial-date {
  display: block;
  width: 100px;
  height: 100px;
  background-color: white;
  float: right;
  color: black !important;
  font-size: 1.1em;
  line-height: 1;
  margin-left: 5px;
}

a#centennial-date:hover {
  text-decoration: none;
  background-color: #FF6;
}

#centennial-month {
  color: white;
  background-color: #68953a;
  padding-top: 3px;
  padding-bottom: 3px;
}

#hundred-years {
  color: #74A043;
  font-weight: bold;
  font-style: italic;
}

#no-timeline {
  margin-top: 1.5em;
}

span#date {
  font-size: 3em;
  line-height: 1;
}

#timeline-img {
  float: right;
  height: 8em;
}

td.first {
    width: 20%;
}

.donate-button {
    font-weight: bold;
    font-size: 1.3em;
    background: linear-gradient(yellow, orange);
    width: 175px;
    padding: 10px 12px;
    margin-top: 4px;
    text-align: center;
    border-radius: 15px;
}

.standard-box {
    display: block;
    color: white;
    font-weight: bold;
    font-size: 1.3em;
    background: linear-gradient(#467dad, #5a98cb);
    padding: 10px 12px;
    margin-top: 4px;
    text-align: center;
    border-radius: 15px;
}

.standard-box a:link {
    color: #44F;
}
.standard-box a:visited {
    color: #44F;
}
.standard-box a:active {
    color: white;
}
.standard-box a:hover {
    color: white;
    text-decoration: underline;
}

.standard-button {
    display: block;
    color: white;
    font-weight: bold;
    font-size: 1.3em;
    background: linear-gradient(#467dad, #5a98cb);
    width: 175px;
    padding: 10px 12px;
    margin-top: 4px;
    text-align: center;
    border-radius: 15px;
}

a.standard-button:link {
    color: white;
}

a.standard-button:visited {
    color: white;
}

a.standard-button:active {
    color: white;
}

a.standard-button:hover {
    text-decoration: underline;
}