/* Main Style Sheet   */
/* Created by J.D.    */
/* Seriously, there is really nothing to see here */

BODY
{
	padding: 0px;
	margin: 0px;
	font-family: arial;
	background-color: #FFFFFF;  /*match main body*/

	background-image: url('images/del-paso-park-10x4.jpg');
	background-size: 100vw 40vw;
	background-position: left top;
	background-repeat: no-repeat;
	background-attachment:fixed;
}

H1
{
	color: #406DA8; 
	font-family: arial;
	font-size: 4vw; 
	font-weight: bold;
	margin: 10vw 0vw 2vw 0vw; 	
	clear: both;
}


H2
{
	color: rgb(96, 160, 128);    
	font-family: arial;
	font-size: 3.5vw; 
	font-weight: bold;
	margin: 6vw 0vw 1vw 0vw;
}

H3
{
	color: #3E6C9F; 
	font-family: arial;
	font-size: 2.5vw; 
	font-weight: bold;
	margin: 4vw 0vw 0vw 0vw; 
}

p
{
	line-height: 1.5;
    margin: 1.5vw 1.5vw 0vw 0vw; 
}

.Attention 
{
  color: #C00000;
  font-weight: bold;
}


em
{
	color: #C02020;
	font-weight: bold;
	font-style: italic;
}

strong
{
	color: #001020;
	font-weight: bold;
	font-style: normal;
}


li
{
    padding: 1vw 1vw 0vw 1vw;
	line-height: 1.5;
}

li a:hover
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

audio
{
	clear: both; 
	border-radius: 1vw 1vw 1vw 1vw;
}

.ImageClipartRight
{
	width: 25vw;
	height: auto;	
	  
    margin: 1.5vw 0vw 4vw 3vw; 
	float: right;
	border: none;
	clear: right;	
}

.ImageRight
{
	width: 45vw;
	height: auto;	
	  
    margin: 1.5vw 0vw 4vw 3vw; 
	float: right;
	border: none;
	border-radius: 2vw 2vw 2vw 2vw;
	clear: right;
}

.ImageCenterBorder
{
	margin: 3vw auto 3vw auto;
	width: 80vw;
	height: auto;	
	display: block;
	border-radius: 2vw 2vw 2vw 2vw;
	border: #C0C0C0 4px solid;
	clear: both;
}

.ImageCenter
{
	margin: 3vw auto 3vw auto;
	width: 80vw;
	height: auto;
	border-radius: 2vw 2vw 2vw 2vw;

	display: block;
	clear: both;
}


.ImageLeft
{
    margin: 1.5vw 3vw 4vw 0vw;
	float: left;
	border: none;	
	border-radius: 2vw 2vw 2vw 2vw;
}


a,
a:link,
a:active,
a:visited
{
	color: #FF0000;   
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	color: #FF0000; 
	font-weight: bold;
	text-decoration: none;
}

/*
video 
{	
	margin: 3vw auto 3vw auto;
	width: 80vw;
	height: auto;	
	background-color: #102040;	
	border-radius: 2vw 2vw 2vw 2vw;
	border: #C0C0C0 4px solid;
} */


.VideoCenter
{
	
	margin: 3vw auto 3vw auto;
	width: 80vw;
	height: 45vw;	
	background-color: #102040;	
	border-radius: 2vw 2vw 2vw 2vw;
	border: #C0C0C0 4px solid;
	
	display: block;
	clear: both;
}


/*
=======================================
Top
======================================= 
*/

.MainTable
{
	width: 100%;
	height: 100%;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
}

.MainHeaderCell
{
	text-align: left; 	
	height: 40vw;
	padding: 0px;
}

.MainContentBody
{
	font-family: arial;
	font-size: 1.75vw; /*16pt;*/
	color: #202020;
	background-color: #FFFFFF;
 
	padding: 1vw 4vw 4vw 4vw; 
	text-align: left;
	vertical-align: top;
}

.MainContentBody a,
.MainContentBody a:link,
.MainContentBody a:active,
.MainContentBody a:visited
{
	color: #0080C0;  
	text-decoration: none;
	font-weight: bold;
}

.MainContentBody a:hover
{
	color: #20A0E0; 
	font-weight: bold;
	text-decoration: none;
}

/*
=======================================
Top
======================================= 
*/

.TitleTable
{
	 padding: 0px;
	 width: 100%;
	 border-spacing: 0px;
	 height: 100%;
}


.TitleTextCell
{
	text-align: left;
	vertical-align: top;  
	padding: 4vw 2vw 0vw 2vw;
}


.TitleMenuCell
{
	background-color: transparent;	
	height: 3vw;
	text-align: left;
	vertical-align: middle;	
	padding: 0vw 0vw 0vw 1vw;
}


.TitleText
{
	font-family: arial;
	font-size: 4vw;
	font-weight: bold;
	white-space: nowrap;
	
	color: #F0F0F0;
	background-color: rgba(96, 160, 224, 0.60);
	border: rgba(0, 32, 64, 0.40) 4px solid;	

	padding: 2vw 4vw 2vw 4vw; 
	border-radius: 5vw 5vw 5vw 5vw;
	
	vertical-align: middle;
}


/* 
=======================================
Menu
======================================= 
*/

.MenuTable
{
	text-align: center;
	border-collapse: separate;
	border-spacing: 1vw 0vw;
	padding: none;
	height: 100%
}

.MenuSelectedCell
{	
	padding: 1vw 2vw 1vw 2vw;
	vertical-align: middle;
	white-space: nowrap;

	font-family: arial;
	font-size: 2vw; /*16pt; */
	font-weight: bold;	
	border-radius: 2vw 2vw 0vw 0vw;

	border-top: 2px rgba(0, 0, 0, 0.50) solid;
	border-right: 2px rgba(0, 0, 0, 0.50) solid;
	border-left: 2px rgba(0, 0, 0, 0.50) solid;  
}

.MenuInactiveCell
{	
	padding: 1vw 2vw 1vw 2vw;
	vertical-align: middle;
	white-space: nowrap;

	font-family: arial;
	font-size: 2vw; /*16pt; */
	font-weight: bold;	
	border-radius: 2vw 2vw 0vw 0vw;

	border: 2px rgba(0, 0, 0, 0.50) solid;
}



.MenuSelectedCell 
{
	background-color: #FFFFFF;  
}

.MenuInactiveCell
{
	background-color: rgba(96, 160, 96, 0.70); 
}

.MenuSelectedCell a,
.MenuSelectedCell a:visited,
.MenuSelectedCell a:link
{
	text-decoration: none;
	color:  rgb(96, 160, 128);
	display: block; 
}

.MenuInactiveCell a,
.MenuInactiveCell a:visited, 
.MenuInactiveCell a:link
{ 
	text-decoration: none;
	color: #FFFFFF;	
	display: block; 
}

.MenuPetitionCell a,
.MenuPetitionCell a:visited, 
.MenuPetitionCell a:link
{ 
	text-decoration: none;
	color: #FFFFFF;	
	display: block; 
}



.MenuInactiveCell:hover
{ 
	color: #FFFFFF;			
	background-color: rgba(96, 160, 96, 1); 
}


.MenuPetitionCell:hover
{ 
	color: #FFFFFF;			
	background-color: rgba(160, 48, 48, 1); 	
}



/* 
=======================================
Link buttons
======================================= 
*/

.LinkTable
{	
    margin: 1.5vw 0.5vw 1.5vw 0.5vw;   
   	border-radius: 2vw 2vw 2vw 2vw;
	background-color:  #80B0D0;  
}

.LinkTable:hover
{
	background-color:  #90C0E0; 	
}

.LinkCell
{
	padding: 1vw 1.5vw 1vw 1.5vw;
}

.LinkCell a:active,
.LinkCell a:link,
.LinkCell a:visited,
.LinkCell a:hover
{
	color: #FFFFFF;	
}


/* 
=======================================
Quotes
======================================= 
*/

.QuoteTable
{	
	border-collapse:collapse;
	margin: 3vw 2vw 0vw 2vw; 
	border-left: 4px #E0E0E0 solid;
}


.QuoteCellLeft
{
	vertical-align: top;
	width: 2vw;
	line-height: 1.5;
    padding: 0vw 0vw 0vw 1vw;
}


.QuoteCellText
{
	vertical-align: top;
	font-style: italic;
	color: #2850A0; 
	line-height: 1.5;
	padding: 0vw 1vw 0vw 0.5vw;
}

.QuoteCellBlank
{ 		
}

.QuoteCellSource
{
	padding: 1vw 0vw 0vw 0vw;
	color: #2850A0;
	font-size: smaller;
}

.QuoteImage
{
	vertical-align: text-top; 
	width: 1.5vw;
	height: auto;
	padding: none;
}




/* 
=======================================
Major Quote
======================================= 
*/

.MajorQuoteTable
{	
	font-family: "Times New Roman", Times, serif;
	border-collapse:collapse;
	margin: 3vw auto 0vw auto;
}


.MajorQuoteCellLeft
{
	vertical-align: top;
	width: 2vw;
    padding: 0vw 0vw 0vw 1vw;
}


.MajorQuoteCellText
{
	font-size: 3vw; 
	font-style: italic;
	line-height: 1.25;

	vertical-align: top;
	font-weight: bold;
	color: #808080; 
	padding: 0vw 1vw 0vw 0vw;
}

.MajorQuoteCellBlank
{ 		
}

.MajorQuoteCellSource
{
	font-size: 2.5vw; 
	font-style: italic;

	padding: 1vw 0vw 0vw 0vw;
	color: #606060; 
}

.MajorQuoteImage
{
	vertical-align: text-top; 
	width: 1.5vw;
	height: auto;
	padding: none;
}


/*
=======================================
Chart
=======================================
*/

.ChartTable
{
  border-collapse: collapse;
  margin: 2vw 0vw 0vw 2vw;
}

.ChartTable ul
{
  margin: 0vw 1vw 0vw 1vw;
}

.ChartColumn
{
  font-family: arial;
  font-weight: bold;
  text-align: center;

  padding: 1vw 2vw 1vw 1vw;
  border: 2px solid #0E3C70; 
  color: #FFFFFF; 
  background-color: #7EACE0;  
}

.ChartBody
{
  font-family: arial;
  vertical-align: middle; 
  text-align: left;
  white-space: nowrap;   


  padding: 1vw 2vw 1vw 1vw;
  border: 2px solid #0E3C70; 
  color: #202020;
  background-color: #F8F8F8;
} 
/* 
=======================================
Embed Table
======================================= 
*/
.EmbedTable 
{
	margin: 3vw auto 3vw auto;
	width: 80vw;
	border: 0.5vw #E0E0E0 solid;
	border-radius: 2vw 2vw 2vw 2vw;
	background-color: #FFFFFF;
}

.EmbedCell
{
	padding: 3vw;
}



/* 
=======================================
Event Table
======================================= 
*/

.NoticeTable
{
	color: #FFFFFF;
	border: 0.25vw #2A6090 solid; 
	border-radius: 3vw 3vw 3vw 3vw;
	background-color: #5A90C0;
	margin: 5vw auto 2vw auto;
}


.NoticeCellLeft
{
	vertical-align: top;
	padding: 2vw 3vw 2vw 3vw;
}

.NoticeCellRight
{
	vertical-align: top;
	padding: 2vw 3vw 2vw 0vw;
}

.NoticeHeader
{
	color: #FFFFFF;
	font-size: 3vw;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.5;
}

.NoticeCellRight img
{
	border-radius: 2vw;
	width: 40vw;
	height: auto;
	
}


/* =======================================
   Calendar Table
   ======================================= */


.CalendarTable
{
	float: right;
	margin: 1.5vw 0vw 1.5vw 3vw; 
	background-color: #FFFFFF;  
	border-collapse: collapse;	
	border: 0.25vw #2A6090 solid;  	
}

.CalendarTitle
{
    text-align: center;
    padding: 1vw 1vw 1vw 1vw; 
   	color: #FFFFFF;
	
	background-color: #5A90C0;
	border: 2px #2A6080 solid;  
}

.CalendarColumn
{
    text-align: center;
    vertical-align: middle;
	width: 4vw; 
	height: 4vw; 
	color: #000000;
	background-color: #F0F0F0;
	border: 2px #2A6080 solid;	
}


.CalendarDay
{
    text-align: center;
    vertical-align: middle;
	width: 4vw; 
	height: 4vw; 
	color: #000000;
	background-color: #FFFFFF;
	border: 2px #2A6080 solid;	
}


.CalendarEvent
{
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
	width: 4vw; 
	height: 4vw; 
	color: #FFFFFF;
	background-color: #40C080;
	border: 2px #3A80A0 solid;
}