/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Source+Sans+Pro|PT+Sans);


a.hidden2{ color: #0000bb; text-decoration: none; cursor: pointer; font-size: 15px;}
a.hidden2:link { color: #0000bb; text-decoration: none; cursor: pointer; font-size: 15px;}
a.hidden2:active { color: #0000bb; text-decoration: none; cursor: pointer; font-size: 15px;  }
a.hidden2:visited { color: #0000bb; text-decoration: none; cursor: pointer; font-size: 15px;}
a.hidden2:hover { color: #0000bb; text-decoration: none; cursor: pointer; font-size: 15px; }

a.hidden { color: #00000; text-decoration: none; cursor: pointer; font-size: 15px;}
a.hidden:link { color: #000000; text-decoration: none; cursor: none; font-size: 14px;}
a.hidden:active { color: #000000; text-decoration: none; cursor: none; font-size: 14px;  }
a.hidden:visited { color: #000000; text-decoration: none; cursor: none; font-size: 14px;  }
a.hidden:hover { color: #000000; text-decoration: none; cursor: pointer; font-size: 14px;  }

a{ color: #0000bb; text-decoration: underline; cursor: pointer;  }
a:link { color: blue; text-decoration: underline; cursor: pointer;  }
a:active { color: blue; text-decoration: underline; cursor: pointer;   }
a:visited { color: blue; text-decoration: underline;  cursor: pointer;  }
a:hover { color: blue; text-decoration: underline; cursor: pointer;  }




body 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#000000;
	padding:0;
	margin:0;
	border:0;
	vertical-align: baseline;
	height: 100%;
	min-height: 100%;
	/*background-image: url("graphics/headings/bodyBackgroundVertical2.gif");
	background-repeat: repeat-x;
*/
}


body.programAnalysis
{
	margin:0px;
	font-family:arial;
	color:#000000;
	font-size: 14px;
	background-repeat:repeat;
  background-position: center; 
	padding:0;
	margin:0;
	border-width: 1px;
	border-color: #ddd;
}


h1, h2 ,h3 {
    display: inline;
		font-weight: normal;
}


h1.fancyTitle
{
	font-family: 'Caveat', cursive;
	font-size: 24px;
}
h2.fancyTitle
{
	font-family: 'Caveat', cursive;
	font-size: 22px;
}
h3.fancyTitle
{
	font-family: 'Caveat', cursive;
	font-size: 20px;
}

@media screen and (min-width: 480px) 
{ h1.fancyTitle 
	{
    font-size: calc(22px + (10 * ((100vw - 480px) / 620)));
  }
	h2.fancyTitle
	{
    font-size: calc(22px + (5 * ((100vw - 480px) / 620)));
  }
	h3.fancyTitle
	{
    font-size: calc(20px + (4 * ((100vw - 480px) / 620)));
  }
}


h1.fancyTitleII
{
	font-family: 'Great Vibes', cursive;
	font-size: 42px;
}
h2.fancyTitleII
{
	font-family: 'Great Vibes', cursive;
	font-size: 38px;
}
h2.fancyTitleII
{
	font-family: 'Great Vibes', cursive;
	font-size: 34px;
}
@media screen and (min-width: 480px) 
{ h1.fancyTitleII 
	{
    font-size: calc(22px + (10 * ((100vw - 480px) / 620)));
  }
	h2.fancyTitleII
	{
    font-size: calc(18px + (10 * ((100vw - 480px) / 620)));
  }
	h3.fancyTitleII
	{
    font-size: calc(14px + (10 * ((100vw - 480px) / 620)));
  }
}


html
{	height: 100%;
	min-height: 100%;
}

.borderedRounded
{
  border: 3px solid #888;
	border-radius: 5px;
}


.classDate
{	cursor: pointer;
	text-align: center;
	width: 70%;
}

.display_content
{
	border-radius: 25px;
	border: 1px solid #aaa;
	padding: 20px; 
	position:fixed;
	max-width:600px;
	max-height:800px;
	z-index:70;
	background-color:#ffffff;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	top:50%;
	left:50%; 
	transform: translate(-50%, -50%);
	opacity:1.0;
	box-shadow: 8px 8px 16px #d2d2d2 inset, -8px -8px 16px #d2d2d2 inset;
}


.display_content_clear
{
	border-radius: 25px;
	border: 0;

  box-shadow: 0px 0px 5px 10px #A7C3E5;

	padding: 20px; 
	position:fixed;
	max-width:700px;
	max-height:800px;
	z-index:70;

	background-color: #EFF8FF;

	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	top:50%;
	left:50%; 
	transform: translate(-50%, -50%);
	opacity:1.0;
}

.display2_content_clear
{
	border-radius: 25px;
	border: 0;

  box-shadow: 0px 0px 5px 10px #A7C3E5;

	padding: 20px; 
	position:fixed;
	max-width:100%;
	max-height:800px;
	z-index:70;

	background-color: #EFF8FF;

	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	top:50%;
	left:50%; 
	transform: translate(-50%, -50%);
	opacity:1.0;
}





input[type=text]
{ border: solid 1px #ddd; }


input[type='number'].displayWidth
{
    width: 50px;
		text-align: center;
} 



#overlay_content
{
	position: fixed;
	 background-color: #ccccdd;
	 background-color: #ccccdd;
	 opacity:.4;
	 filter:alpha(opacity=40);
	 left: 0px;
	 top: 0px;
	 width:100%;
	 height:100%;
	 z-index: 60;
}






.picInsert
{	font-size: 12px;
	color: #000088;
	text-align: center;

}

.picInsertLeft
{	font-size: 12px;
	color: #000088;
	text-align: center;
	float: left;
}

.picInsertRight
{	font-size: 12px;
	color: #000088;
	text-align: center;
	float: right;
}

.slideshow
{
	cursor: pointer;
	
}


.imageDiv
{
	position: relative;
	top: 0;
}
.fullScreenIcon
{	position: absolute;
	right: 10px;
	top: 	10px;
	pointer-events: none;
	width: 5vw;
	max-width: 25px;
	opacity: .8;
}
.regImg 
{
	position: relative;
	top: 0;
	left: 0;
}
				
				
.subheader1
{	font-family: "Times New Roman",Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	font-style:italic;
	font-weight: bold;
}

.subheader2
{	font-family: "Times New Roman",Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	font-style:italic;
	font-weight: bold;
}

.subheader2_2
{	font-family: "Times New Roman",Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	font-style:italic;
	font-weight: bold;
}

.subheader3
{	font-family: "Times New Roman",Helvetica, sans-serif;
	font-size:22px;
	color:#000000;
	font-style:italic;
	font-weight: bold;
}

.subheader4
{	font-family: "Times New Roman",Helvetica, sans-serif;
	font-size:26px;
	color:#000000;
	font-style:italic;
	font-weight: bold;
}

.subheaderBlueWhite
{	color: #008;
	background: #fff;
}

.subheaderWhiteBlue
{	color: #ffffff;
	background: #008;
}


.adjacentToDiv
{	width: 100%;
	max-width: 560px; 
	border: 1px solid black; 
	border-radius: 5px; 
	background-color: #fff; 
	text-align: left; 
	padding: 20px; 
	box-shadow: 0px 0px 8px #a0a0a0;
}




/* Website background div...sits behind everything */
.wrapper_background
{	
	background-image: url("graphics/headings/bodyBackgroundVertical2.gif"); 
	background-repeat: repeat-x;  
	z-index: -100;
	height: 100vh;
	width: 100vw;
	position:fixed;
}




.wrapper
{
	display:grid; 
	align-items: center; 
	justify-content: center;	
	justify-items: center;
	
}


.wrapper_full
{
	display:grid; 
	align-items: center; 
	justify-content: center;	
	justify-items: center;
	max-width: 1200px;
	width: 100%;
;
	
}


.wrapper_content
{
	max-width: 100%;
	display:grid;
	grid-template-columns: repeat(20,auto);
	grid-gap: 0;
	padding: 0;
	margin-top: 0;
	justify-content: center;

}

.wrapper_content_header
{ background-color: #000088;
	grid-column: 1 / 21;
	grid-row: 1 / 2;
	grid-gap: 0px;
}

.wrapper_content_leftIcon
{ grid-column: 2 / 6;
	grid-row: 1 / 2;
	grid-gap: 0px;
	align-self: center;
	justify-self: center;
}

.wrapper_content_rightIcon
{ grid-column: 17 / 20;
	grid-row: 1 / 2;
	grid-gap: 0px;
	align-self: center;
	justify-self: center;
}




/* Menu bar below the header picture */
.wrapper_content_menu
{
	grid-column: 1 / 21;
	grid-row: 2 / 3;

	font-size: .85vw;
	text-align: center;
	padding-top: 5px;
	background-color: #000088;
	color: #ffffff;
	height: 35px;
}

@media screen and (max-width: 1400px) {
  .wrapper_content_menu 
	{
		font-size: 1.2vw;
  }
}
@media screen and (max-width: 1150px) {
  .wrapper_content_menu 
	{
		font-size: 1.4vw;
  }
}
@media screen and (max-width: 1050px) {
  .wrapper_content_menu {
    display: none;
		vertical-align:middle;
  }
}
.wrapper_content_menu img
{	vertical-align:middle; }


.mainMenuButton
{	font-weight: bold; 
	cursor: pointer; 
	padding: 2px 5px 2px 5px; 
	border-width: .5px; 
	border-radius: 4px; 
	background-color: #dddddd;
}

.menuSpan
{	cursor: pointer;
	transition: background-color .5s, color .5s;
	border-radius: 10px;
	color:#ffffff;
	
}

.menuSpan:hover
{
	cursor:pointer;
	background-size: cover;
	background-color:#f0f0f0;
	background-repeat:   no-repeat;
  background-position: center center;
	color: #000;
}


/**********  SMALL  **********/
.wrapper_content_menu_Sm
{
	grid-column: 1 / 21;
	grid-row: 2 / 3;

	font-size: 1.5vw;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 0px;
	background-color: #000088;
	color: #ffffff;

}

@media screen and (min-width: 1050px) 
{
  .wrapper_content_menu_Sm {
    display: none;
  }
}

@media screen and (max-width: 485px) 
{
  .wrapper_content_menu_Sm {
    display: none;
  }
}
.wrapper_content_menu_Smx img
{	vertical-align:top; }




/************  MOBILE  *********/ 
.wrapper_content_menu_Mobile
{
	grid-column: 1 / 21;
	grid-row: 2 / 3;

	/*font-size: 3vw; */
	text-align: center;
	padding-top: 5px;
	background-color: #000088;
	color: #ffffff;

}

@media screen and (min-width: 485px) {
  .wrapper_content_menu_Mobile {
    display: none;
  }
}





.wrapper_content_menu_Smx img
{	vertical-align:top; }




/**********  TINY  ************/
.wrapper_content_menu_Tiny
{
	grid-column: 9/12;
	grid-row: 2/3;

	font-size: 4vw;
	justify-self: center;
	color: #ffffff;

}

@media screen and (min-width: 485px) {
  .wrapper_content_menu_Tiny {
    display: none;
  }
}




/* Bottom of the window */

.wrapper_content2
{
	max-width: 97%;
	display:grid;
	grid-template-columns: minmax(19vw,300px) minmax(49vw,1000px);
	column-gap: 10px;
	justify-content: center;

}

/*  The Pages Menu for the mobile devices*/
.wrapper_content2_left_menu
{	grid-column: 1/3;
	grid-row: 3/4;
	text-align: center;
	background-color: #Fff;
	border: solid 1px #d0d0d0; 
	border-radius: 5px;
	padding: 10px;
	min-width: 10%;
	max-width: 485px;
	display: none;
}
@media screen and (min-width: 485px) {
  .wrapper_content2_left_menu {
		max-width: 30vw;
		display: none;
  }
}
@media screen and (min-width: 900px) {
  .wrapper_content2_left_menu {
		max-width: 280px;
		display: none;
  }
}


.wrapper_content2_left
{	grid-column: 1/3;
	grid-row: 3/4;
	text-align: center;
	background-color: #Fff;
	border: solid 1px #d0d0d0; 
	border-radius: 5px;
	padding: 10px;
	min-width: 10%;
	max-width: 485px;
}

@media screen and (min-width: 481px) 
{  .wrapper_content2_left 
	 {	max-width: calc(155px + (150 * ((100vw - 480px) / 520))); } 
}


@media screen and (min-width: 1000px) 
{  .wrapper_content2_left 
	 {	max-width: 305px;}
}



.wrapper_content2_right
{	grid-column: 1/3;
	grid-row: 3/4;
	background-color: #Fff;
	border: solid 1px #d0d0d0; 
	border-radius: 5px;
	padding-left: 1vw;
	padding-right: 1vw;
	padding-bottom: 50px;
	font-size: 10px;
	max-width: 485px;
	display: none;
}

@media screen and (min-width: 481px) {
  .wrapper_content2_right {
    display: block;
		grid-column: 2/3;
    font-size: calc(10px + 3 * ((100vw - 480px) / 520));
		max-width: calc(435px + (605 * ((100vw - 480px) / 520)));  
  }
}
@media screen and (min-width: 1385px) 
{  .wrapper_content2_right 
	 {	max-width: 1000px;}
}


/*
@media screen and (min-width: 480px) 
{  .wrapper_content2_right {
    font-size: calc(10px + 3 * ((100vw - 320px) / 680));
  }
}

*/












.inner2_left_title
{	min-width: 15vw;
	padding: 10px;
	cursor: pointer;
	font-size: 3.4vw;
	color: #880000;
}

@media screen and (min-width: 485px) {
  .inner2_left_title {
    font-size: 2.4vw;
  }
}

@media screen and (min-width: 900px) {
  .inner2_left_title {
    font-size: 17px;
  }
}



/* INNER2_LEFT */
.inner2_left
{	min-width: 10vw;
	border: solid 1px #a0a0a0; 
	border-radius: 5px;
	box-shadow: 0px 0px 8px #a0a0a0;
	background-color: #f0f0f0;
	padding: 10px;
	margin-left: 15px;
	margin-right: 15px;
	cursor: pointer;
	font-size: 3.1vw;
}

@media screen and (min-width: 485px) {
  .inner2_left {
    font-size: 1.8vw;
  }
}

@media screen and (min-width: 700px) {
  .inner2_left {
    font-size: 14px;
  }
}

.inner2_left:hover
{	border: solid 1px #888; 
	box-shadow: 0px 0px 15px #666666;
}



/*  INNER2_LEFT_GROUP TITLE  */
.inner2_left_group
{	min-width: 10vw;
	border: solid 1px #a0a0a0; 
	border-radius: 5px;
	box-shadow: 0px 0px 4px #a0a0a0;
	background-color: #f0f0f0;
	padding: 10px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 3.1vw;
}

@media screen and (min-width: 485px) {
  .inner2_left_group {
    font-size: 1.8vw;
  }
}
@media screen and (min-width: 900px) {
  .inner2_left_group {
    font-size: 15px;
  }
}










.grid-container1 {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-gap: 10px;
  background-color: #fff;
  padding: 10px;
}

.grid-container1a  {
  border-radius: 10px;
  border: 1px solid #bbbbbb;
  text-align: center;
  padding: 10px;
  box-shadow: 5px 10px 5px #bbbbbb;
  margin:10px;
  font-size: 25px;

	background-color: #ffffff;
/*  text-align: center;
   font-size: 30px; */
}

.grid-container2 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 50%));
  grid-template-rows: auto;
  background-color: #ffffff;
  padding: 10px;
}

.grid-container2 > div {
  background-color: rgba(255, 255,255);
  border-radius: 10px;
  border: 1px solid #bbbbbb;
  text-align: center;
  padding: 10px;
  box-shadow: 5px 10px 5px #bbbbbb;
  margin:10px;
  font-size: 25px;
}









.inner2_right
{	min-width: 100%;
	max-width: 340px;
}
@media screen and (min-width: 485px) 
{
  .inner2_right {
		max-width: 1000px;
  }
}

.wrapper_content2_right_over
{	grid-column: 1/3;
	grid-row: 3/4;
	justify-self: center;
	align-self: center;
	display: none;
}
@media screen and (min-width: 485px) {
  .wrapper_content2_right_over {
    display: block;
		grid-column: 2/3;
  }
}

.wrapper_content2_right_over_close
{	grid-column: 1/3;
	grid-row: 3/4;
	justify-self: center;
}
@media screen and (min-width: 485px) {
  .wrapper_content2_right_over {
    display: block;
		grid-column: 2/3;
  }
}



.wrapper_content2_left_over_arrow
{	grid-column: 1/3;
	grid-row: 3/4;
	justify-self: start;
	padding: 20px;
}
@media screen and (min-width: 485px) 
{  .wrapper_content2_left_over_arrow 
		{	display: none;}
}

.wrapper_content2_right_over_arrow
{	grid-column: 2/3;
	grid-row: 3/4;
	justify-self: start;
	padding-top: 10px;
	padding-left: 10px;
}
@media screen and (min-width: 485px) 
{  .wrapper_content2_right_over_arrow 
		{	display: none;}
}



.wrapper_content_page4  /* Page 4 is Calendar */
{
	width: 100%;
	max-width: 1200px;
	display:grid;
	grid-template-columns: repeat (7, 1fr);
	grid-template-rows: 110px;
	column-gap: 0px;
	background-color: #fff;

}

.wrapper_content_page4_upperLeft
{	grid-column: 1/ 3;
	grid-row: 1/4;
	justify-self: start;
	align-self: center;
	font-weight: bold;
}

.wrapper_content_page4_upperMiddle
{	grid-column: 3 / 6;
	grid-row: 1/4;
	text-align: center;
	align-self: center;

}

.wrapper_content_page4_upperRight
{	grid-column: 6 / 8;
	grid-row: 1/4;
	justify-self: end;
	align-self: center;
	font-weight: bold;
}

/*	background-color: #006600; 
	background-color: #b14B39; 
*/

.wrapper_content_page4_days
{	
	grid-row:4/6
	height: 30px;
	background-color: #F3F700;
	color: #000;
	text-align: center;
	padding: 10px 0;
	font-size: 1.6vw;
}
@media screen and (min-width: 900px) {
  .wrapper_content_page4_days {
    font-size: 17px;
  }
}



/*  These are the rows for the Calendar
		Dates for each row first 
		followed by the content cells
*/

.wrapper_content_page4-1_dates
{	
	grid-row: 6/8;
	background-color: #ddd;
	color: #888;
	border: solid 1px #ccc;
	font-style: italic;

}
.wrapper_content_page4-1_content
{	
	grid-row: 8/12;
	min-height: 150px;
	width: 14vw;
	max-width: 169px;
	background-color: #fff;
	color: #000;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ccc;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ccc;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ccc;	
	text-align: center;
	font-size: 1.4vw;
}
@media screen and (min-width: 900px) {
  .wrapper_content_page4-1_content {
    font-size: 14px;
  }
}

.wrapper_content_page4_content_inner1
{	
	min-height: 180px;
	width: 14vw;
	max-width: 169px;
	background-color: #fff;
	color: #000;
	border: solid 0px #ccc;
	text-align: center;
	font-size: 14px;
}
@media screen and (min-width: 900px) {
  .wrapper_content_page4-1_content {
    font-size: 14px;
  }
}

.wrapper_content_page4_content_inner2
{	
	width: 14vw;
	max-width: 169px;
	background-color: #fff;
	color: #000;
	border: solid 0px #ccc;
	text-align: center;
	font-size: 14px;
}
@media screen and (min-width: 900px) {
  .wrapper_content_page4-1_content {
    font-size: 14px;
  }
}


.wrapper_content_page4-2_dates
{	
	grid-row: 13/15;
	background-color: #ddd;
	color: #888;
	border: solid 1px #ccc;
	font-style: italic;
	
}

.wrapper_content_page4-2_content
{	
	grid-row: 15/19;
	min-height: 150px;
	width: 14vw;
	max-width: 169px;
	background-color: #fff;
	color: #000;
	border: solid 1px #ccc;
	text-align: center;
	font-size: 1.4vw;
}
@media screen and (min-width: 900px) {
  .wrapper_content_page4-2_content {
    font-size: 14px;
  }
}


.wrapper_content_page4-3_dates
{	
	grid-row: 20/22;
	background-color: #ddd;
	color: #888;
	border: solid 1px #ccc;
	font-style: italic;
	
}

.wrapper_content_page4-3_content
{	
	grid-row: 23/27;
	min-height: 150px;
	width: 14vw;
	max-width: 169px;
	background-color: #fff;
	color: #000;
	border: solid 1px #ccc;
	text-align: center;
	font-size: 1.4vw;
}
@media screen and (min-width: 900px) {
  .wrapper_content_page4-3_content {
    font-size: 14px;
  }
}


.wrapper_content_page4-4_dates
{	
	grid-row: 28/30;
	background-color: #ddd;
	color: #888;
	border: solid 1px #ccc;
	font-style: italic;
}

.wrapper_content_page4-4_content
{	
	grid-row: 31/35;
	min-height: 150px;
	width: 14vw;
	max-width: 169px;
	background-color: #fff;
	color: #000;
	border: solid 1px #ccc;
	text-align: center;
	font-size: 1.4vw;
}
@media screen and (min-width: 900px) {
  .wrapper_content_page4-4_content {
    font-size: 14px;
  }
}


.wrapper_content_page4-5_dates
{	
	grid-row: 36/38;
	background-color: #ddd;
	color: #888;
	border: solid 1px #ccc;
	font-style: italic;
}

.wrapper_content_page4-5_content
{	
	grid-row: 39/43;
	min-height: 150px;
	width: 14vw;
	max-width: 169px;
	background-color: #fff;
	color: #000;
	border: solid 1px #ccc;
	text-align: center;
	font-size: 1.4vw;
}
@media screen and (min-width: 900px) {
  .wrapper_content_page4-5_content {
    font-size: 14px;
  }
}



.wrapper_content_page4-6_dates
{	
	grid-row: 44/46;
	background-color: #ddd;
	color: #888;
	border: solid 1px #ccc;
	font-style: italic;
}

.wrapper_content_page4-6_content
{	
	grid-row: 47/51;
	min-height: 150px;
	width: 14vw;
	max-width: 169px;
	background-color: #fff;
	color: #000;
	border: solid 1px #ccc;
	text-align: center;	
	font-size: 1.4vw;
}
@media screen and (min-width: 900px) {
  .wrapper_content_page4-6_content {
    font-size: 14px;
  }
}




.wrapper_content_page6
{
	max-width: 97%;
	display:grid;
	grid-template-columns: repeat (3 minmax(350vw,350px));
	column-gap: 10px;
	justify-content: center;
}




select option
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	background-color: #ffffff;
}

select.standard
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	background-color: #ffffff;
}

/*

.wrapper_content2-2_left
{	grid-column: 1 / 2;
	grid-row: 3/4;
	background-color: #Fff;
	border: solid 1px #d0d0d0; 
	border-radius: 5px;
	min-width: 20%;
	max-width: 300px;
}


.inner2-2_left_title
{	min-width: 15vw;
	padding: 10px;
	cursor: pointer;
	font-size: 18px;
	color: #880000;
	text-align: center;
}




.inner2-2_left_group
{	min-width: 10vw;
	font-size: 18px; 
	padding-left: 20px;
	
}

.inner2-2_left_group_button 
{	min-width: 90%;
	cursor: pointer;
	padding-left: 15px;
	font-size: 16px;
	text-align: left;
}

.inner2-2_left_group_button:hover
{	color: #00f; }

.inner2-2_left
{	min-width: 10vw;
	font-size: 18px;
	cursor: pointer;
	padding: 20px;
}

.inner2-2_left:hover
{	min-width: 10vw;
	font-size: 18px;
	color: #00f;
	cursor: pointer;
}



#menu_item_1
{
	grid-column-start: 1;
	grid-column-end: 2;		
	padding: 0;
	background-color: #000088;
	
}
#menu_item_2
{
	grid-column-start: 2;
	grid-column-end: 3;		
	padding: 0;
	background-color: #000088;
	align-content: center;
	justify-content: center;

}
#menu_item_3
{
	grid-column-start: 3;
	grid-column-end: 4;		
	padding: 0;
	background-color: #000088;
	
}
.menu_item_4
{
	grid-column-start: 3;
	grid-column-end: 4;		
	padding: 0;
	background-color: #000088;
	align-content: center;
	
}
.menu_item_5
{
	grid-column-start: 5;
	grid-column-end: 6;		
	padding: 0;
	background-color: #000088;
	
}
.menu_item_6
{
	grid-column-start: 6;
	grid-column-end: 7;		
	padding: 0;
	background-color: #000088;
	
}
.menu_item_7
{
	grid-column-start: 7;
	grid-column-end: 8;		
	padding: 0;
	background-color: #000088;
	
}
#menu_item_8
{
	grid-column-start: 8;
	grid-column-end: 9;		
	padding: 0;
	background-color: #000088;
	
}
#menu_item_9
{
	grid-column-start: 9;
	grid-column-end: 10;		
	padding: 0;
	background-color: #000088;
	
}
#menu_item_10
{
	grid-column-start: 10;
	grid-column-end: 11;		
	padding: 0;
	background-color: #000088;
	
}


#wrapper_content_inner
{
	display:grid;
	grid-column-start: 1;
	grid-column-end: 23;
	grid-row-start: 3;
	grid-template-columns: .5fr, 2fr,7fr, .5fr;
	grid-gap:1em;
	padding: 0;
	margin-top: 0;
	align-items: start;
}




select option
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	background-color: #ffffff;
}

select.standard
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	background-color: #ffffff;
}

input button.standard
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	border-width: .5px;
}

.button_w {
  background-color: #ffffff;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 4px 2px;
	border-width: .5px;
}

#wrapper
{
 Font-Family: 'Open Sans', sans-serif; 
 font-size: 14px; 
 font-weight: normal; 
 Color: #000000;
 text-align: left;
 line-height: 150%;
	/*background-color: ffffff;*/
	padding: 0px;
	/*width: 1000px; */
	margin: 0px auto;
	opacity:1;
	filter: alpha(opacity=100);
	z-index: 20;
	
}

#wrapper1900
{
 Font-Family: 'Open Sans', sans-serif; 
 font-size: 14px; 
 font-weight: normal; 
 Color: #000000;
 text-align: left;
 line-height: 150%;
	background-color: #ffffff;
	padding: 0px;
	width: 100%;
	margin: 0px auto;
	opacity:1;
	filter:alpha(opacity=100);
	z-index: 20;
}


#wrapperFull{
	Font-Family: 'Open Sans', sans-serif; 
	font-size:14px;
	background-color: #ffffff;
	padding: 0px;
	width: 1000px;
	height: 100%;
	margin: 0px auto;
	opacity:.98;
	filter:alpha(opacity=98);
	z-index: 10;
}

#wrapperIndex{
	Font-Family: 'Open Sans', sans-serif; 
	font-size:14px;
	background-color: #ffffff;
	padding: 0px;
	width: 1000px;
	height: 100%;
	margin: 0px auto;
	opacity:.98;
	filter:alpha(opacity=98);
	z-index: 10;
}

#background_picture
{	position: absolute;
	z-index: -1;
	left: 0px;
	top: 0px;
}




#wrapper19 {
	Font-Family: 'Open Sans', sans-serif; 
	font-size:14px;
	background-color: #f8fcfd;
	padding: 0px;
	width: 1900px;
	margin: 0px auto;
}

#front_page_pic_full
{	position: absolute;
	margin: 0px auto;
	z-index: 40;
	display: none;
}


#front_page_start_message
{	position: absolute;
	margin: 0px auto;
	z-index: 50;
	width: 100%;
	background-color: #ffffff;
	opacity:.99;
	filter:alpha(opacity=95);
	font-size: 20px;
}

#front_page_pic_main
{	position: absolute;
	left: 10px;
	top:10px;
	z-index: 10;
}

#front_page_pic_indivL
{	position: absolute;
	left: 50px;
	top:50px;
	z-index: 20;
}


#front_page_pic_indivR
{	position: absolute;
	left: 350px;
	top:50px;
	z-index: 20;
}



#headingTitle
{	font-family: 'Oleo Script', cursive;
	font-family: 'Kalam', cursive;
	font-family: 'Kaushan Script', cursive;
	font-size: 24px;
	color: #b40400;
}
.headingTitleSmall
{	font-family: 'Oleo Script', cursive;
	font-family: 'Kalam', cursive;
	font-family: 'Kaushan Script', cursive;
	font-size: 18px;
	color: #b40400;
}

.headingTitle
{	font-family: 'Oleo Script', cursive;
	font-family: 'Kalam', cursive;
	font-family: 'Kaushan Script', cursive;
	font-size: 24px;
	color: #b40400;
}
.headingTitleMultiRows
{	font-family: 'Oleo Script', cursive;
	font-family: 'Kalam', cursive;
	font-family: 'Kaushan Script', cursive;
	font-size: 24px;
	color: #b40400;
	height: 30px;
}
.headingTitlePlus
{	font-family: 'Oleo Script', cursive;
	font-family: 'Kalam', cursive;
	font-family: 'Kaushan Script', cursive;
	font-size: 40px;
	color: #b40400;
}

.contentTitleMultiRows
{	font-family: 'Kaushan Script', cursive;
	font-size: 22px;
	font-weight: bold;
	color: #052f8b;
	text-align: center;
	height: 35px;
}
.contentTitle
{	font-family: 'Kaushan Script', cursive;
	font-size: 22px;
	font-weight: bold;
	color: #052f8b;
	text-align: center;
}


.headingContentTitle
{	font-size: 15px;
	color: #052f8b;
	text-align: center;
	cursor: pointer;
}

#subheadingTitle
{	font-family: 'Oleo Script', cursive;
	font-family: 'Kalam', cursive;
	font-family: 'Kaushan Script', cursive;
	font-size: 35px;
	color: #0000cc;
}
.subheadingTitle
{	font-family: 'Oleo Script', cursive;
	font-family: 'Kalam', cursive;
	font-family: 'Kaushan Script', cursive;
	font-size: 35px;
	color: #0000cc;
}




.notesUpdateMed
{
	border-radius: 15px;
	border: 2px solid #aaaaaa;
	padding: 20px; 
	position:fixed;
	width:600px;
	height:250px;
	z-index:70;
	background-color:#efe8f2;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	top:50%;
	left:50%; 
	transform: translate(-50%, -50%);
	opacity:1.0;
}


.notesUpdateSmall
{
	border-radius: 15px;
	border: 2px solid #aaaaaa;
	padding: 20px; 
	position:fixed;
	width:600px;
	height:150px;
	z-index:70;
	background-color:#efe8f2;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	top:50%;
	left:50%; 
	transform: translate(-50%, -50%);
	opacity:1.0;
}


.overlayUpdate
{
		position: fixed;
	 background-color: #c0c0c0;
	 opacity:.8;
	 filter:alpha(opacity=80);
	 left: 0px;
	 top: 0px;
	 width:100%;
	 height:100%;
	 z-index: 60;
}


.Section_Title_Index
{	font-family: 'Kaushan Script', cursive;
	font-size: 16px;
	font-weight: bold;
	color: #052f8b;
	text-align: center;
}





.lineText{	font-family: 'Oleo Script', cursive;
	font-family: 'Kalam', cursive;
	font-family: 'Kaushan Script', cursive;
	font-size: 20px;
	color: #008800;
}






/*
 show_it.css contains
 Classes: bg, bg_test, bg_over, bg_over_info, bg_debug & bg_table_standard
*/


.bg_WD 
{
	z-index:70;
	position:absolute;
	display: none; 
	top: 0%;
	left: 0%;
	/* Full height */
	height: 150%; 
	width: 100%;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;

}

.bg_form 
{
	z-index:75;
	position:absolute;
	display: none;
	top:50%;
	left:50%; 
	transform: translate(-50%, -50%);
	/* Full height */
	width: 100%;
	max-width: 750px;
	overflow-y: hidden;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-color: #ddd;

}



.bg_over_test 
{
	z-index:75;
	position:absolute;
	top: 0%;
	left: 0%;
	/* Full height */
	height: 100%; 
	width: 100%;
	overflow: hidden;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
}

.bg_over_over 
{
	z-index:80;
	display: none; 
	position:absolute;
	top: 0%;
	left: 0%;
	/* Full height */
	height: 100%; 
	width: 100%;
	overflow: hidden;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
}





.clickToEnlarge
{	font-size: 13px; 
	font-weight: normal; 
	font-style: italic;
	
	
}


#drag_wrapper 
{

  /*position:fixed;*/
	
	z-index:70;
	position:absolute;
	display: none; 
	top: 0%;
	left: 0%;
	/* Full height */
	height: 100%; 
	width: 100%;
	overflow: hidden;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;

}

#drag_map 
{
  position:relative; /* what #map img is relative to */
}

#drag_map img
{
  position:absolute; /* need this to make dragging easy */
  top:0;
  left:0;
  border:0 none transparent;
}






.parallax {
		Font-Family: 'Open Sans', sans-serif; 
		font-size: 14px; 
		font-weight: normal; 
		color: #000000;
		text-align: left;
		line-height: 150%;
		padding: 0px;
		margin: 0px auto;
		opacity:.8;
		filter:alpha(opacity=80);
		z-index: 20;
		width: 100%;

    
    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/*
#panzoom_parent
{ z-index:700;
	position:absolute;
	display: none; 
	overflow: hidden;
}
*/

#panzoom_parent
{ z-index:700;
	position:absolute;
	display: none; 
	overflow: hidden;
	place-items: center;
}


/*
#panzoom_parent
{ z-index:700;
	display: none; 
	overflow: hidden;
  position: relative;
  margin-top: 50px;
  margin-left: 50px;
  width: 100%;
  height: 1000px;
  float: left;  
  border: 1px solid #000;
  position: relative;
}
*/


#panzoom_buttons
{ z-index:710;
	position:absolute;
	display: none; 
	overflow: hidden;
	place-items: center;
}


.panzoom_background 
{
	z-index:650;
	display: none; 
	position:absolute;
	top: 0%;
	left: 0%;
	/* Full height */
	height: 100%; 
	width: 100%;
	overflow: hidden;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	background-color: #000000;
}

.panzoom_wrapper 
{

  /*position:fixed;*/
	
	z-index:700;
	position:absolute;
	display: none; 
	top: 0%;
	left: 0%;
	/* Full height */
	height: 100%; 
	width: 100%;
	overflow: hidden;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;

}

.pano_wrapper 
{

  /*position:fixed;*/
	
	z-index:70;
	position:absolute;
	display: none; 
	top: 0%;
	left: 0%;
	/* Full height */
	height: 100%; 
	width: 100%;
	overflow: hidden;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;

}

.pano {

	z-index:75;
	position:relative;
	top: 0%;
	left: 0%;
	/* Full height */
	height: 100%; 
	width: 100%;
	overflow: hidden;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;
  cursor: move;
}

/*
.pano {
	position: absolute;
	display: none;
  width: 100%;
  height: 900px;
  margin: 0 auto;
  cursor: move;
}
*/

.pano .controls {
  position: relative;
  top: 40%;
}

.pano .controls a {
  position: absolute;
  display: inline-block;
  text-decoration: none;
  color: #0f0;
  font-size: 30px;
  width: 20px;
  height: 20px;
}

.pano .controls a.left { left: 10px; }

.pano .controls a.right { right: 10px; }

.pano.moving .controls a {
  opacity: 0.4;
  color: #eee;
}





img.info_button
{	border-width: 0px; 
	box-shadow: 5px 5px 8px #aaa;  
	max-height: 100px;
}

img.graphic_button
{	border-width: 0px; 
	box-shadow: 5px 5px 8px #aaa;  
	max-height: 100px; 
}


img.roundBoxShadowPointer
{	border-radius:16px;
  box-shadow: 10px 10px 8px 0px #a0a0a0;
	cursor: pointer;
}

img.standard_display
{	border-radius:16px;
	box-shadow: 8px 8px 8px #888; 
	cursor: pointer;
}








.Button_Text
{	font-size: 14px;
	color: #ffffff;
}

.Button_Text_Inactive
{	font-size: 14px;
	color: #00ff00;
}
.Button_Small
{	color: #000088;  font-size: 8px; 
	border-width: .5px;

}

.inputButtonExSmallRounded 
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #000088;  
	font-size: 8px;
	cursor: pointer;
	border-width: .5px;
}

.inputButtonSmallRounded 
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #000088;  
	font-size: 10px;
	cursor: pointer;
	border-width: .5px;
}



.inputButtonSmallPlusRounded 
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #000088;  
	cursor: pointer;
	border-width: .5px;
	font-size: 2.4vw;
}
@media screen and (min-width: 485px) {
  .inputButtonSmallPlusRounded {
		font-size: 2.1vw;
  }
}
@media screen and (min-width: 520px) {
  .inputButtonSmallPlusRounded {
		font-size: 12px;
  }
}

.inputButtonSmallPlusRounded:hover
{	box-shadow: 0px 0px 14px #666666; }




/* INPUT BUTTON MED ROUNDED */
.inputButtonMedRounded 
{	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	border-width: .5px;
	padding: 5px 10px 5px 10px;
	box-shadow: 0px 0px 6px #666666;
	font-size: 3.1vw;
}

@media screen and (min-width: 485px) {
  .inputButtonMedRounded {
		font-size: 1.8vw;
  }
}
@media screen and (min-width: 700px) {
  .inputButtonMedRounded {
		font-size: 13px;
  }
}

.inputButtonMedRounded:hover
{	box-shadow: 0px 0px 14px #666666; }



.inputButtonMedRoundedBlue 
{
	color: #0000b8;  
}





/* INPUT BUTTON Large ROUNDED */
.inputButtonLargeRounded 
{	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	border-width: .5px;
	padding: 5px 10px 5px 10px;
	box-shadow: 0px 0px 6px #666666;
	font-size: 3.5vw;
}

@media screen and (min-width: 440px) {
  .inputButtonLargeRounded {
		font-size: 2.5vw;
  }
}
@media screen and (min-width: 520px) {
  .inputButtonLargeRounded {
		font-size: 14px;
  }
}

.inputButtonLargeRounded:hover
{	box-shadow: 0px 0px 14px #666666; }

.inputButtonLargeRoundedBlue 
{
	color: #0000b8;  
}




.inputButtonRounded 
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	border-width: .5px;
}

.Button_Med
{	color: #000000;  
	font-size: 10px; 
	border-width: .5px;
}

.Button_MedLarge
{	color: #000000;  
	font-size: 12px; 
	border-width: .5px;
}

.CityLeftHeader
 { Font-Size: 20px;
	Text-Align: Center;
	Color: #008800;
}

div.box_shadow 
{		border: 0;
		padding: 0;
    box-shadow: 10px 10px 8px 0px #666;
} 

div.div_Help
{
	position: absolute;
	margin: 0px auto;
	width:100%;
	z-index:70;
	display:none;
}

.roundedCorner
{
  width:100%;
	max-width: 720px;
	height:420px;
	margin: 15px;
  background-color: #fff;
  border-radius:10px;
}


.roundedContainer
{ 
    width:220px; 
    margin:auto; 
    overflow:hidden; 
    background:#ffffff; 
    border-radius:10px; 
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.5);
}

#Message
{	position: absolute;
	margin: 0px auto;
	z-index: 50;
	background-color: #ffffff;
	opacity:.9;
	filter:alpha(opacity=90);
}

div.Message_Background
{	position: absolute;
	margin: 0px auto;
	z-index: 50;
	background-color: #ffffff;
	opacity:.8;
	filter:alpha(opacity=80);
}

div.divPicShadow {
    width: 200px;
    height: 160px;
    background-color: yellow;
    box-shadow: 10px 10px 5px #888888;
}

div.main
{	z-index: 0;
	position: absolute;
	margin: 0px auto;
}

.pic_title
 { Font-Size: 14px;
	Text-Align: center;
	Font-Family: 'Open Sans', sans-serif; 
	Color: #000088;
	font-weight: bold;
}








.table16DB
 { Font-Size: 15px;
	Text-Align: Center;
	Font-Family: 'Open Sans', sans-serif; 

	Color: #000088;
}


.table16LG
 { Font-Size: 15px;
	Text-Align: Center;
	Font-Family: 'Open Sans', sans-serif; 

	Color: #008800;
}


.table16O
{ Font-Size: 15px;
	Text-Align: Center;
	Font-Family: 'Open Sans', sans-serif; 

	Color: #FFA500;
}




.moreTag
{ Color: #000088;
	font-style: italic;
	cursor: pointer;
	font-weight: bold;
}



FORM 			
{ Font-Family: 'Open Sans', sans-serif; 
	Font-size: 14px;
	/*font-weight: bold;*/
}

INPUT 
{ Font-Family: 'Open Sans', sans-serif; 
	Font-size: 100%;
	/*text-align: center;*/
	/*Font-weight: Bold;*/
}


select
{ Font-Family: 'Open Sans', sans-serif; 
	Font-size: 100%;

}									 

.selectSmall		
{ Font-Family: 'Open Sans', sans-serif; 
	Font-size: 10px;

}									 
.selectMedium
{ Font-Family: 'Open Sans', sans-serif; 
	Font-size: 12px;

}									 

.selectMediumLarge	
{ Font-Family: 'Open Sans', sans-serif; 
	Font-size: 14px;

}									 

.selectLarge
{ Font-Family: 'Open Sans', sans-serif; 
	Font-size: 16px;

}									 


SPAN.msh 
{ Color: #FF0000;	
	font-weight: Bold;
}









table
{ 
 Font-Family: 'Open Sans', sans-serif; 
 text-align: left;
}



td.story_text
{ 
 Font-Family: 'Open Sans', sans-serif; 
font-family: 'Kaushan Script', cursive;
	 font-size: 18px; 
 font-weight: normal; 
 Color: #808080;
 text-align: left;
 line-height: 150%;
  width: 85%;
}

table.story_text
{ 
 margin-left: auto;
 margin-right: auto;
 width: 80%;
 font-family: 'Kaushan Script', cursive;
 Font-Family: 'Open Sans', sans-serif; 
 font-size: 15px; 
 font-weight: normal; 
 Color: #808080;
 text-align: left;
 line-height: 150%;
}


	
table.story_pics
{ 
 margin-left: auto;
 margin-right: auto;
 padding:0px 0px 0px 0px;
 border-spacing: 0; 
 Font-Family: 'Open Sans', sans-serif; 
 font-family: 'Kaushan Script', cursive;
 font-size: 18px; 
 font-weight: normal; 
 Color: #808080;
 text-align: center;
}

table.reminder
{	border-radius: 10px;   
	border: 0px solid;  
	box-shadow: 3px 3px 15px #888888; 
	background-color: #f4f4f4; 
	color: #000088; 
	font-size: 14px;  
	text-align: center;
}

table.standard
{
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
	width: 100%;
}

table.standard_centered
{
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
	width: 100%;
	text-align: center;
}

table.tiny_centered
{
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
	text-align: center;
}







.section_head_O
{ background-image: url("Graphics/SectionHead/Overviewb.gif");
	font-family: 'Kaushan Script', cursive;
	color: #ffffff;
	font-size: 17px;
}

.section_head_PN
{ background-image: url("Graphics/SectionHead/PreviousNextb.gif");
	font-family: 'Kaushan Script', cursive;
	color: #ffffff;
	font-size: 17px;
}

.section_head_WOW
{ background-image: url("Graphics/SectionHead/WOWMomentsb.gif");
	font-family: 'Kaushan Script', cursive;
	color: #ffffff;
	font-size: 17px;
}

.section_head_WWA
{ background-image: url("Graphics/SectionHead/WhereWeAteb.gif");
	font-family: 'Kaushan Script', cursive;
	color: #ffffff;
	font-size: 17px;
}

.section_head_WWL
{ background-image: url("Graphics/SectionHead/WhatWeLearnedb.gif");
	font-family: 'Kaushan Script', cursive;
	color: #ffffff;
	font-size: 17px;
}

.section_head_WWS
{ background-image: url("Graphics/SectionHead/WhatWeSawb.gif");
	font-family: 'Kaushan Script', cursive;
	color: #ffffff;
	font-size: 17px;
}

.section_head_WWSd
{ background-image: url("Graphics/SectionHead/WhereWeStayedb.gif");
	font-family: 'Kaushan Script', cursive;
	color: #ffffff;
	font-size: 17px;
}

TEXTAREA 	
{ Font-Family: 'Open Sans', sans-serif; 
	Font-size: 14px;
}




fieldset { 
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 1.0em;
  padding-right: 1.0em;
  border: ridge;

}

legend.title
{	color:#00bb00; 
	font-size: 17px; 
	font-family: times;
}




div.a_thought
{	margin-left: 30px; 
	margin-right: 30px;
	border-width: 0px; 
	padding: 5px 10px 10px 10px;
	box-shadow: 2px 2px 12px 6px #ccc;
	;  
} 




ul.blank 
{
  list-style-type: none;
  margin-left: 15px;
  padding: 0;
}


.updatedAsterick
{	color: #ff0000;
	font-size: 18px;
	font-weight: bold;
	vertical-align: top;
}

.updatedAsterickMainMenu
{	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
}

video 
{	margin-bottom:10px;
	/* Shadow */
	/* (the shadow on Safari, Chrome and Opera will have rounded corners but not the video element!) */
	-moz-box-shadow: 10px 10px 5px #999;
	-webkit-box-shadow: 10px 10px 5px #999;
	box-shadow: 10px 10px 5px #999;
	cursor: pointer;
}



/* these styles are for the demo, but are not required for the plugin */
.zoom {
	display:inline-block;
	position: relative;
}

/* magnifying glass icon */
.zoom:after {
	content:'';
	display:block; 
	width:33px; 
	height:33px; 
	position:absolute; 
	top:0;
	right:0;
	background:url(graphics/icons/icon.png);
}

.zoom img {
	display: block;
}

.zoom img::selection { background-color: transparent; }