/* $Id: local-sample.css,v 1.2 2010/11/01 17:37:53 aross Exp $ */ 

/**
 * @file
 * Put your custom CSS and CSS overrides in this file
 */

/* HOW TO USE LOCAL.CSS */
/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */


/* USING CSS3 PIE */

/* To use CSS3 PIE and have CSS3 round corners rendered in IE */
/* follow instructions for installing the PIE .htc file found */
/* in README.txt in the PIE directory and uncomment the       */
/* following code.                                             */

/*
.round-corners-3 .primary-menu,
.round-corners-3 h2.block-title,
.round-corners-3 .main-wrapper .block .inner,
.round-corners-3 .preface-top-wrapper .block .inner,
.round-corners-3 .postscript-bottom-wrapper .block .inner,
.round-corners-3 .footer-wrapper .block .inner,
.round-corners-3 fieldset,
.round-corners-3 div.comment,
.round-corners-3 .node div.links,
.round-corners-3 #footer,
.round-corners-7 .primary-menu,
.round-corners-7 h2.block-title,
.round-corners-7 .main-wrapper .block .inner,
.round-corners-7 .preface-top-wrapper .block .inner,
.round-corners-7 .postscript-bottom-wrapper .block .inner,
.round-corners-7 .footer-wrapper .block .inner,
.round-corners-7 fieldset,
.round-corners-7 div.comment,
.round-corners-7 .node div.links,
.round-corners-7 #footer,
.round-corners-11 .primary-menu,
.round-corners-11 h2.block-title,
.round-corners-11 .main-wrapper .block .inner,
.round-corners-11 .preface-top-wrapper .block .inner,
.round-corners-11 .postscript-bottom-wrapper .block .inner,
.round-corners-11 .footer-wrapper .block .inner,
.round-corners-11 fieldset,
.round-corners-11 div.comment,
.round-corners-11 .node div.links,
.round-corners-11 #footer {
  behavior: url(/sites/all/themes/mixnmatch/PIE/PIE.htc);
}

.round-corners-3 h2.block-title,
.round-corners-7 h2.block-title,
.round-corners-11 h2.block-title {
  position: relative;
  z-index: 0;
}
*/


/* SET BACKGROUND IMAGES */

/* NOTE: you may need to add a 1px border or a negative margin to get it to */
/* line up well with the primary menu navigation                            */

/* Add a custom header background (above navbar) here */
.header-group-wrapper {
}

/* Add background image to preface top region (right below the navbar) */

/* IMPORTANT: If there are no blocks in the preface top region, set */
/* an image here, and set a height equal to your image              */
#preface-top-container{
}
/* If there are blocks in the preface top region, use the following instead */
#preface-top {
}



/* Added on 2010-11-09  by AJM */

//h1.title {
//  background-color: #ff0000;
//}
//h2.gray {
//  background-color: #ff0000;
//}
//div.content {
//  background-color: #ffffff;
//}
//div.page {
//  background: #ffffff url(../images/bg-gray-tweaked.gif) top left repeat-x;
//}

.search-box {
  float: right;
  clear: right;
  width: auto;
  padding-top: 0px;
  padding-right: 5px;
}

/******
eri0- simplest version
******/
/*
body.gray {
*/
/*  background: #ffffff url(../images/eri0-gradient.png) top left repeat-x; */
/*
}

div.page {
*/
/*  background: transparent url(../images/eri0-banner.png) top center no-repeat; */
/*
}
*/

/******
eri3- large image version
******/
/*
body.gray {
*/
/*  background: #ffffff url(../images/eri3-combined.jpg) top center no-repeat;  */
/*
}
*/

/******
eri4-combo version with two large images
******/
body.gray {
  background: #ffffff url(../images/eri4-gradient.jpg) top center no-repeat;
}

div.page {
  background: transparent url(../images/eri_header.jpg) top center no-repeat;
}


/* 
changes color of block titles, but having trouble with size, etc...
*/
h2.block-title {
  color: #1e346d;
  font-weight: bold;
  font-size: 1.1em;
}

/* 
links (menu and other)
*/
/*
This changes link characteristics
*/
a,
a:link,
a:visited {
  color: #1e346d;
}
/*
// This changes menu items!!
*/
.block-menu {
  color: #1e346d;
}

/*
.block-gray-links a,
.block-gray-links a:link,
.block-gray-links a:visited {
  color: #1e346d;
}

.block-gray-links a:hover,
.block-gray-links a:focus,
.block-gray-links a:active {
*/
/*
   //color: #454545;;
*/
  color: #1e346d;
}

/*
  Mission block style stuff
  The total width here should add up to: ?
*/
.mission_block_image {
  width: 320px;
  text-align: center;
}
div.mission_block_text{
/*
  background-color: #ff0000;
*/
  font-size: 1.2em;
  line-height: 1.3em;
  width: 375px;
  margin-right: 20px;
}
table.mission_block_table {
/*
  border-color: #000000;
  border: 1px solid black;
  border-top: 2px double blue;
  border-top: 0px none;
  width: 50%;
  border: double 5px #0000ff;
*/
  border: 0px;
}

table.mission_block_tr {
  background-color: #00ff00;
}
table.mission_block_td {
  background-color: #ff00ff;
}

/* an attempt at controlling the height of the header */
/*
*/
.header_group_inner {
  height: 600px;
}
#logo {
  height: 120px;
}
.header-site-info {
  height: 120px;
}

p.mission_block_caption {
  color: #006666;
  text-align: center;
  width: 90%;
  font-size: 0.8em;
  line-height: 1.0em;
}

/* 
  The main menu area is where we put the search box
  But its location seems to be largely controlled by 
  the size of the transparent logo we use to shift things down...

  Possibly a better way?
*/
.main-menu {
  /* the height ends up controlling the gray line ghosted on the screen */
  /* would be better to track that down and fix, but this is a pretty decent workaround */
  height: 70px;

  background-color: transparent;
  background: none;
}

/*
#main-wrapper {
  padding-bottom: 0px;
  background-color: #ff0000;
}
#footer-message-wrapper {
  padding-top: 0px;
  background-color: #00ff00;
}
#footer-message-text-inner {
  padding-top: 0px;
  background-color: #00ff00;
}
.eri-footer {
  padding-top: 0px;
  margin-top: 0px;
  background-color: #0000ff;
}
*/

.views-field-field-news-date-value {
  width: 80px;
}
.views-field-title {
  width: 400px;
}

#header-group-wrapper {
  height: 190px;
}

table.ascfa-1819 tbody tr td {
  padding-left: 10px;
  padding-right: 10px; 
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: top;
}