/**************************************************************/
/* id = #		*/
/* class = .	*/
/**************************************************************/

/**************************************************************/
/* CSS Reset */
/**************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	font-family: Georgia;
	color:blue;
	
}

/**************************************************************/
/* set display to block so older browsers display correctly   */
/**************************************************************/
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

/**************************************************************/
/* header styling */
/**************************************************************/
header	{
    width:100%; 
	/* height: 50px; */
	height: auto; 
	/* position: relative; */
	/*background-repeat:no-repeat; */
	/*border-bottom: 2px solid #000000; */
}


/**************************************************************/
/* nav styling */
/**************************************************************/
nav	{
    width:100%; 
	/* height: 30px; */
	height: auto; 
	position: relative;
	/* border-bottom: 2px solid #000000; */
	font-family: Georgia;
	color: blue;
	font-size: 16px; /* 12pt */
}

nav ul {
	margin:0; 
	padding:0;
}

nav ul li {
	display:inline; 
	margin:10px;
}

/**************************************************************/
/* navbar styling -links on right side*/
/**************************************************************/
#navbar {
  float: right ;
  width: 20% ;
  background-color: #7FFFD4; /* Aquamarine */
}

/**************************************************************/
/* section styling */
/**************************************************************/
section {
	margin-right: 20% ;
	font-family: Georgia;
	color: blue;
	font-size: 16px; /* 12pt */
}

/**************************************************************/
/* figure styling */
/**************************************************************/
figure {
	display: block;
    /* border: 1px dotted gray; */
    margin: 20px; /* adjust as needed */
}

figure.left {
	float: left;
}

figure.right {
	float: right;
}

figure img {
    vertical-align: top;
}
figure figcaption {
	display: block; 
	/* border: 1px dotted blue; */
    text-align: center;
	font-family: Georgia;
	color: blue;
	font-size: 16px; /* 12pt */
}

/**************************************************************/
/* img styling */
/**************************************************************/
img{
vertical-align:top;
}
img.portrait {
	width: auto;
	max-width: 270px;
	height: 100%;
	max-height: 360px;
	padding-right: 1em;
}

img.landscape {
	width: auto;
	max-width: 360px;
	height: 100%;
	max-height: 270px;
	padding-right: 1em;
}

img.portraitsmall {
	width: auto;
	max-width: 120px;
	height: 100%;
	max-height: 160px;
	padding-right: 1em;
}

img.landscapesmall {
	width: auto;
	max-width: 160px;
	height: 100%;
	max-height: 120px;
	padding-right: 1em;
}

/* not used currently */
img.centered {
    display: table;
    margin-left: auto;
    margin-right: auto; 
}

/* not used currently */
img.landscapeleft  {
	width: 100%;
	max-width: 480px;
	/* height: 75%; */
	height: auto;
	max-height: 360px;
	float: left;
	padding-right: 1em;
}

/* not used currently */
img.landscaperight  {
	width: 100%;
	max-width: 480px;
	/* height: 75%; */
	height: auto;
	max-height: 360px;
	float: right;
	padding-right: 1em;
}

/* not used currently */
img.portraitleft {
	/* width: 75%; */
	width: auto;
	max-width: 360px;
	height: 100%;
	max-height: 480px;
	float: left;
	padding-right: 1em;
}

/* not used currently */
img.portraitright {
	/* width: 75%; */
	width: auto;
	max-width: 360px;
	height: 100%;
	max-height: 480px;
	float: right;
	padding-right: 1em;
}

/**************************************************************/
/* p styling */
/**************************************************************/
p {
	font-family: Georgia;
	color: blue;
/*	font-size: 16px; */ /* 12pt */
	font-size: 20px;
	margin: 10px;
	text-indent: 2em;
} 


p.centered {
	text-align: center
}

p.noindent {
	text-indent: 0em;
}

p.title {
	font-family: Georgia;
	color: green;
	font-size: 32px; /* 24pt */
	font-weight: bold;
	margin: 10px;
}

/* clear floating */
p.clear {
    clear: both;
}
p.clearleft {
    clear: left;
}
p.clearright {
    clear: right;
}

p#StanleyParkTourBottomHeading {
	font-family: Georgia;
	color:blue;
	font-size: 37px; /* 28pt */
	font-weight:bold;
}


/**************************************************************/
/* span styling */
/**************************************************************/
span {
	font-family: Georgia;
	color: green;
	font-size: 16px; /* 12pt */
} 

/**************************************************************/
/* strong styling */
/**************************************************************/
strong {
	font-family: Georgia;
	color: green;
	font-size: 32px; /* 24pt */
} 

/**************************************************************/
/* details styling */
/**************************************************************/
details {
	font-family: Georgia;
	color: blue;
	font-size: 11px; /* 8pt */
	margin: 5px;
} 

/**************************************************************/
/* article styling */
/**************************************************************/

div.right {
	float: right;
	margin-left: 5px
}

div.width30right {
	float: right;
	width: 30%;
	background-color: white;
}

div.width50right {
	float: right;
	width: 50%;
	background-color: white;
}

div.width60right {
	float: right;
	width: 60%;
	background-color: white;
}

div.width70right {
	float: right;
	width: 70%;
	background-color: white;
}

div.width100right {
	float: right;
	width: 100%;
	background-color: white;
}

div.width30left {
	float: left;
	width: 30%;
	background-color: white;
}

div.width50left {
	float: left;
	width: 50%;
	background-color: white;
}

div.width60left {
	float: left;
	width: 60%;
	background-color: white;
}

div.width70left {
	float: left;
	width: 70%;
	background-color: white;
}

div.width100left {
	float: left;
	width: 100%;
	background-color: white;
}
/**************************************************************/
/* table styling */
/**************************************************************/
table#UpcomingEvents {
	width: auto; 
	display: block;
}
table#PastEvents {
	width: auto; 
	display: none;
}
table#Events2016 {
	width: auto; 
	display: none;
}
table#Events2015 {
	width: auto; 
	display: none;
}
table#Events2014 {
	width: auto; 
	display: none;
}
table#Events2013 {
	width: auto; 
	display: none;
}


table#tblBottomLinks {
	width: 100%;
}

#tblStanleyParkTourBottom {
	font-family: Georgia;
	color:blue;
	font-size: 36px;
	text-align:left;
	vertical-align:top;
	padding: 5px;
	border: none;
}

td.tdStanleyParkTourBottom  {
	text-align:left;
	vertical-align:top;
	padding: 20px;
	/* note margin doesn't work on <td> */
	border: 1px solid black;
	background: cyan;
	color: black;
}

/**************************************************************/
/* a styling */
/**************************************************************/
a.button {
    background-color: #999999;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 5px 8px;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.button:hover {
    text-decoration: none;
}


/**************************************************************/
/* h1,h2,h3,h4,h5,h6 styling */
/**************************************************************/
h1	{
	font-family: Georgia;
	color:blue;
	font-size: 37px; /* 28pt */
	margin: 10px;
} 

h2	{
	font-family: Georgia;
	color:blue;
	font-size: 32px; /* 24pt */
	margin: 10px;
} 

h3	{
	font-family: Georgia;
	color:blue;
	font-size: 26px; /* 20pt */
	margin: 10px;
} 

h4	{
	font-family: Georgia;
	color: black;
	font-size: 22px; /* 16pt */
	margin: 10px;
	margin-bottom:0;  /* to remove bottom spacing on links headings */
	padding-bottom:0; /* to remove bottom spacing on links headings */
}

h5	{
	font-family: Georgia;
	color: black;
	font-size: 16px; /* 12pt */
	margin: 10px;
}

h6	{
	font-family: Georgia;
	color: black;
	font-size: 11px; /* 8pt */
	margin: 10px;
}

/**************************************************************/
/* footer styling */
/**************************************************************/
footer {
  clear: both ;
}