@charset "utf-8";

/* Simple fluid media

   Note: Fluid media requires that you remove the media's height and width attributes from the HTML

   http://www.alistapart.com/articles/fluid-images/ 

*/

img, object, embed, video {

	max-width: 100%;

}

/* IE 6 does not support max-width so default to width 100% */

.ie6 img {

	width:100%;

}



/*

	Dreamweaver Fluid Grid Properties

	----------------------------------

	dw-num-cols-mobile:		5;

	dw-num-cols-tablet:		16;

	dw-num-cols-desktop:	12;

	dw-gutter-percentage:	15;

	

	Inspiration from "Responsive Web Design" by Ethan Marcotte 

	http://www.alistapart.com/articles/responsive-web-design

	

	and Golden Grid System by Joni Korpi

	http://goldengridsystem.com/

*/



/* Mobile Layout: 480px and below. */



.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 88.626%;
	padding-left: 1.1869%;
	padding-right: 1.1869%;
	background-color: rgba(255,255,255,1);
}

#LayoutDiv1 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#Header {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: none;

}

#Menu {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#RightColumn {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: none;

}

#Main {

	clear: both;

	float: left;

	width: 100%;

	display: block;

	margin-top: 10px;

}

#DeskMenu {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: none;

}

#MobileMenu {

	clear: both;

	float: left;

	margin-left: 0;

	width: 30%;

	display: block;

	

}

#Footer {

	clear: both;

	float: none;

	

	width: 100%;

	display: block;

	background-color: rgba(255,255,255,1);

}

#CookieWarning {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#Mobile-Header {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}
#amazon-mobile-ad {display:none;
	text-align: right;}
#amazon-tablet-ad {
	display: none;
	text-align: right;
	margin-right: 10px;
}
#amazon-desktop-ad {display:none;
	text-align: right;}
#UnderHeading {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: rgba(204,51,0,1);
	
}
#LeftUnderheading {
	display:none;
	
}
#RightUnderheading {
	display:none;
	float: right;
	margin-right: 3px;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14pt;
	font-style: italic;
	font-weight: bold;
	color: rgba(255,255,255,1);
	padding-right: 5px;
	padding-top:3px;
	
}
#MenuButton{
	display: block;
	float: left;
	vertical-align: middle;
}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */



@media only screen and (min-width: 600px) {

.gridContainer {

	width: 100%;

	padding-left: 0%;

	padding-right: 0%;

}

#LayoutDiv1 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#Header {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#Menu {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#RightColumn {

	clear: none;

	float: right;

	margin-left: 0.8219%;

	width: 24.3835%;

	display: block;

	

}

#Main {

	clear: both;

	float: left;

	margin-left: 0;

	padding-left: 2%;

	width: 72.7945%;

	display: block;

}

#DeskMenu {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: none;

}

#MobileMenu {

	clear: both;

	float: left;

	margin-left: 0;

	width: 20%;

	display: block;

}

#Footer {

	clear: both;

	float: none;

	

	width: 100%;

	display: block;

}

#CookieWarning {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#Mobile-Header {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: none;

}
#amazon-mobile-ad {display:none;
	text-align: right;}
#amazon-tablet-ad {display:block;
	text-align: right;}
#amazon-desktop-ad {display:none;
	text-align: right;}
#UnderHeading {
	
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;}
#MenuButton{
	display: block;
	float: left;
	
	vertical-align: bottom;
}
#LeftUnderheading {
	display:none;
}
#RightUnderheading {
	
	display:block;
	float: right;
	text-align: right;
	padding-top: 5px;
	margin-right: 10px;
}
#MenuButton{}

}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */



@media only screen and (min-width: 800px) {

	body {


	

	background-color: #CDCDCD;

	

}



.gridContainer {

	width: 100%;

	max-width: 970px;

	padding-left: 0%;

	padding-right: 0%;

	margin: auto;

}

#LayoutDiv1 {

	clear: both;

	float: left;

	

	width: 100%;

	display: block;

}

#Header {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#Menu {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#RightColumn {

	clear: none;

	float: right;

	margin-left: 1.0989%;

	width: 24.1758%;

	display: block;



}

#Main {

	clear: none;

	float: left;

	margin-left: 1.0989%;

	width: 57.8754%;

	padding-left: 0%;

	display: block;

}

#DeskMenu {

	clear: both;

	float: left;

	margin-left: 0;

	width: 15.7509%;

	display: block;



	

}

#MobileMenu {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: none;

}

#Footer {

	clear: both;

	float: none;

	margin-left: 0;

	width: 100%;

	display: block;

	margin-right: 0px;

	padding-right: 0%;

	padding-left: 0%;

}

#CookieWarning {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#Mobile-Header {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: none;

}
#amazon-mobile-ad {display:none;
	text-align: right;}
#amazon-tablet-ad {display:none;
	text-align: right;}
#amazon-desktop-ad {display:block;
	text-align: right;}
#UnderHeading {clear: both;float: left;margin-left: 0;width: 100%;display: block;}



#LeftUnderheading {
	display: block;
	float: left;
	margin-left: 15px;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: rgba(204,204,204,1);
	padding-left: 10px;
	padding-top: 3px;
	font-style: italic;
}
#RightUnderheading {
	display:block;
	float: right;
	margin-right: 15px;
	text-align: right;
	padding-top: 0px;
}
#MenuButton{display:none;}
}
#EventHead{
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: rgba(255,255,255,1);
	text-align: center;
	background-color: rgba(15,51,163,1);
	margin-bottom: 10pt;
}
	body {
		padding:0px;
margin:0px;

}