/* Standard Browns
  232, 206, 154 = E8CE9A = "rgb(232,206,154)";	Lightest (photo block)
  255, 193, 127 = FFC17F = "rgb(255,193,127)";	Text background
  255, 130,   0 = FF8200 = "rgb(255,130,0)";	Title Orange
  127,  65,   0 = 800000 = "rgb(128,0,0)";	Ad space (was 7F4100)
   64,  33,   0 = 402100 = "rgb(64,33,0)";	Darkest Top-left div
   
   Gauranteed Fonts:  
   	serif		similar to Times
   	sans-serif	Similar to Helvetica
   	monospace	Similar to courier
   	cursive 	Nice handwriting style
   	fantasy;	Bad
*/


/***********************************************/
/*  Browser background (gray)                   */
/***********************************************/
body
{
    background:     #808080;
    padding:        25px 0px 25px 0px;
}

/***********************************************/
/*  Container for page contents - centered     */
/***********************************************/
div.global_container
{
    width:          961px;
    border-radius:  20px;
    border-width:   1px 1px 1px 1px;
    border-style:   solid;
    border-color:   #000000;
    margin-left:    auto ;	/* These force the global container to center */
    margin-right:   auto ;	/* These force the global container to center */
    background:     #800000;	/* Only shows in ad region on right*/
    overflow:       auto;
}

div.left_side_box
{
    display:        inline-block;
    width:          800px;
    /*background:     #transparent;*/
    float:          left;

    border-width:   0px 1px 0px 0px;
    border-style:   solid;
    border-color:   #000000;
}

/***********************************************/
/*  Title box at top-left of page              */
/***********************************************/
div.title_box
{
    display:        inline-block;
    width:          800px;
    height:         100px;
    background:     #FF8200;
    float:          left;	/* For some reason this gets rid of gap */

    border-width:   0px 1px 0px 0px;
    border-style:   solid;
    border-color:   #000000;
    /*border-top-left-radius: 10px;*/
    
    line-height:    100px;	/*  Centers the text vertically */
    font-family:    sans-serif;
    font-size:      32pt;
    text-align:     center;
    color:          #FFFFFF;	/* Text color */
    text-shadow:    6px 6px 6px #7F4100;
}


/***********************************************/
/* Navigation Bar Components                   */
/***********************************************/
div.navigation_box
{
    float:          left;
    width:          800px;
    background:     #010101;
    border-width:   0px 1px 0px 0px;
    border-style:   solid;
    border-color:   #000000;
    color:          #66FF66;	/* Text color */
}

div.navigation_item
{
    display:        inline-block;
    float:          left;
    height:         25px;
    background:     #000000;

    border-width:   0px 1px 0px 0px;
    border-style:   solid;
    border-color:   #FF8200;	/* Orange to match title background */
    
    font-family:    sans-serif;
    font-size:      12pt;
    text-align:     left;
    color:          #FFFFFF;	/* White text color */
}

div.navigation_item:hover
{
    background-color:  #FF8200;	/* Orange to match title background */
}

div.navigation_item a:link, a:hover, a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}

div.navigation_item a
{
    display: block;
    padding: 2px 20px;
    /*text-decoration: none;*/
}
/***********************************************/
/*  End of Navigation Bar Components           */
/***********************************************/

/***********************************************/
/* Main content box is 800 pixels wide.        */
/* 700px for content, 50px each side padding.  */
/***********************************************/
div.main_content_box
{
    width:          700px;
    background:     #FFC17F;
    float:          left;	/* For some reason this gets rid of gap */
    padding:        25px 50px 25px 50px;
    
    border-width:   0px 1px 1px 0px;
    border-style:   solid;
    border-color:   #000000;
    
    font-family:    sans-serif;
    font-size:      12pt;
    text-align:     left;
    color:          #000000;	/* Text color */
}

/***********************************************/
/*  TABLES			               			   */
/***********************************************/
div.main_content_box table, td
{
    background:     #E8CE9A;
    border:         1px solid black;
    border-collapse:collapse;
    padding:        5px 10px 5px 10px;
    margin:         auto;	/* centers the table */
    caption-side:   bottom;
    white-space:    pre;	/* Set column widths with spaces on first row */
    
    color:          #000000;
    font-size:      10pt;
    text-align:     left;

}

div.main_content_box th	/* Table Header */
{
    background:     #800000;
    color:          #E8CE9A;
    font-size:      11pt;
    text-align:     center;
}

/***********************************************/
/*  Medium "intro" image at top of page        */
/***********************************************/
div.center_medium_image
{
    display:        block;
    text-align:     center;
    font-family:    sans-serif;
    font-size:      12pt;
    font-style:     italic;
    color:          #000000;
}

/***********************************************/
/*  Main section header for internal page use  */
/***********************************************/
div.header1_box
{
    display:        block;
    width:          700px;
    background:     transparent;
    /*float:          left;*/
    clear:          left;

    border-width:   1px 0px 2px 0px;
    border-style:   solid;
    border-color:   #800000;   /*#7F4100;*/  
    margin:        15px 0px 10px 0px;
    
    font-family:    sans-serif;
    font-size:      18pt;
    text-align:     left;
    color:          #800000;  /*#7F4100;*/
    
}

div.invisible_spacer
{
    display:        block;
    width:          700px;
    height:          10px;
    background:     transparent;
    clear:          left;

    /*
    border-width:   1px 0px 2px 0px;
    border-style:   solid;
    border-color:   #7F4100;
    margin:        15px 0px 10px 0px;
    
    font-family:    sans-serif;
    font-size:      18pt;
    text-align:     left;
    color:          #7F4100;
    */
}

/*************************************************/
/*  Photo Row Components (four thumbnails)       */
/*************************************************/

div.photo_row       /* Outer container - spans entire main_content_box */
{
    display:        block;
    text-align:     center;
}

div.photo_row_mid   /* Middle container - contains all thumbnails, and is centered */
{
    display:        inline-block;
}

/*div.photo_row_143*/   /* Contains an individual thumbnail, date and caption */
/*{	 */	    /* This one is for old thumbnails that are 143 pix wide */
/*    width:          143px;
    display:        inline-block;
    float:          left;
    vertical-align: top;
    padding:        0px 10px 0px 10px;
}
*/

div.photo_row_153   /* Contains an individual thumbnail, date and caption */
{		    /* This one is for new thumbnails that are 153 pix wide */
    width:          153px;
    display:        inline-block;
    float:          left;
    vertical-align: top;
    padding:        0px 10px 0px 10px;
}

div.photo_row img   /* Contains the thumbnail image (link) */
{
    box-shadow:     6px 6px 12px #7F4100;       
}

div.photo_row h1    /* Contains the DATE text */
{
    display:        block;
    text-align:     right;
    margin:         0px;
    font-family:    sans-serif;
    font-size:      8pt;
    font-style:     italic;
    color:          #7F4100;  /* Dark Brown */
}

div.photo_row h2 /* Contains the CAPTION text */
{
    display:        block;
    text-align:     left;
    margin:         0px;
    font-family:    sans-serif;
    font-size:      10pt;
    font-weight:    bold;
    color:          #000000;
}
/*************************************************/
/*  End Photo Row Components                     */
/*************************************************/

/***********************************************/
/*  Footer image for bottom of page            */
/***********************************************/
div.footer
{
    background:    url('/images/footer.png');
    width:          800px;
    height:         100px;
    float:          left;
    margin:         0px 0px 0px 0px;
    border-width:   0px 1px 0px 0px;
    border-style:   solid;
    border-color:   #000000;
}

div.right_side_box
{
    display:        inline-block;
    width:          160px;
    /*background:     #transparent;*/
    float:          left;
}

/***********************************************/
/***********************************************/
/*  START OF RIGHT COLUMN (WITH ADS)           */
/***********************************************/
/***********************************************/

/***********************************************/
/*  Logo box at top-right of page              */
/***********************************************/
div.top_right_box
{
    width:          160px;
    height:         100px;
    display:        inline-block;
    background:     #402100;
    
    border-width:   0px 0px 0px 0px;
    border-style:   solid;
    border-color:   #00FF00;
    
    font-family:    cursive;
    font-size:      20pt;
    text-align:     center;
    color:          #FFC17F;	/* Text color */
}

div.ad_label_box
{
    width:          160px;
    height:         23px;
    display:        inline-block;
    background:     transparent;

    /*padding:        2px 0px 2px 0px;*/
    text-align:     center;
    font-family:    sans-serif;
    font-size:      10pt;
    font-style:     italic;
    color:          #FFFFFF;
}

div.test_ad
{
    width:          158px;
    height:         100px;
    background:     transparent;
    
    border-width:   1px 1px 1px 1px;
    border-style:   solid;
    border-color:   #800000;
    /* border-color:   #FFFFFF; */
    
    /*padding:        10px 10px 10px 10px;*/
    text-align:     center;
    font-family:    sans-serif;
    font-size:      14pt;
    color:          #800000;
    /* color:          #FFFFFF; */
}

/***********************************************/
/***********************************************/
/*  HOME PAGE UNIQUE DEFINITIONS               */
/***********************************************/
/***********************************************/

img.shadow 	    /* Use for images that require a drop shadow (like the main map) */
{
    box-shadow:     6px 6px 12px #7F4100;
}

div.home_thumb_grid	/* Used for a half-width thumbnail-description links such as on the first page */
{
    /* width:          340px; Attempt to fix IE8 problem with stacking these vertically 9-17-2012 */
    width:          336px;
    height:         107px;
    margin:         10px 10px 10px 0px;
    float:          left;
    /*display:        block;*/
    background:     transparent;
    /*
    border-width:   1px 1px 1px 1px;
    border-style:   solid;
    border-color:   #FFFFFF;
    */
}

div.home_thumb_grid img
{
    float:          left;
    margin:         0px 10px 0px 0px;
    box-shadow:     6px 6px 12px #7F4100;
    /*background:     #transparent;*/
    padding:        0px;
}
    
div.home_thumb_grid h1 /* RED caption text */
{
    display:        block;
    text-align:     left;
    margin:         0px;
    font-family:    sans-serif;
    font-size:      10pt;
    font-weight:    bold;
    color:          #800000;
}

div.home_thumb_grid h2 /* GREEN caption text */
{
    display:        block;
    text-align:     left;
    margin:         0px;
    font-family:    sans-serif;
    font-size:      10pt;
    font-weight:    bold;
    color:          #008000;
}

div.home_thumb_grid p /* Contains normal text */
{
    font-family:    sans-serif;
    font-size:      10pt;
    color:          #000000;
    margin:        0px 0px 0px 0px;
}


/***********************************************/
/***********************************************/
/*  FOR FULL-WIDTH LINKS ON INTRO PAGES        */
/***********************************************/
/***********************************************/

div.thumb_grid	/* Used for a full-width thumbnail-description links such as on region intro pages */
{
    width:          698px;
    height:         107px;
    margin:         10px 10px 10px 0px;
    float:          left;
    background:     transparent;
    /*
    border-width:   1px 1px 1px 1px;
    border-style:   solid;
    border-color:   #FFFFFF;
    */
}

div.thumb_grid img
{
    float:          left;
    margin:         0px 15px 0px 0px;
    box-shadow:     6px 6px 12px #7F4100;
    /*background:     #transparent;*/
    padding:        0px;
}
    
div.thumb_grid h1 /* RED caption text */
{
    display:        block;
    text-align:     left;
    margin:         0px;
    font-family:    sans-serif;
    font-size:      14pt;
    font-weight:    bold;
    color:          #800000;
}

/************************************************/
/************************************************/
/*  MISC DIVS FOR ARTICLES			        	*/
/************************************************/
/************************************************/

/****************************************************************/
/*  Float an image and caption on the right of wrapped text		*/
/*  Used in "Articals" pages only.								*/
/****************************************************************/

div.float_image_right
{
	display:        block;
	float:			right;
	margin:			10px; /*To leave a gap outside the border*/
	border-width:	0px;
	border-style:	solid;

    text-align:     center;
    /*margin:         0px;*/
    font-family:    sans-serif;
    font-size:      10pt;
    font-weight:    bold;
    color:          #000000;
}

div.float_image_left
{
	display:        block;
	float:			left;	/*This is the only change */
	margin:			10px; /*To leave a gap outside the border*/
	border-width:	0px;
	border-style:	solid;

    text-align:     center;
    /*margin:         0px;*/
    font-family:    sans-serif;
    font-size:      10pt;
    font-weight:    bold;
    color:          #000000;
}