
@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

ul.menuV2 {
text-align:center;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

a.menuLinkV2 {
align:center;
font-family: sans serif, Arial;
font-size: 10pt;
    float: left;

min-width: 100px;
    text-decoration: none;
    color: black;
font-weight: bold;
    background-color: LightGrey;
    padding: 0.2em 0.6em;
    border: 1px solid Black;
}

a.menuLinkV2:hover {
text-decoration: underline;
    color: RED;
}

li.menuItemV2 {
    display: inline;
}

.cellContainer { 
	position:relative; top:0; left:0; margin:0 30px 0 30px; padding:3px;
  	background-color:#fff; border:solid 2px black; }
.cellTop { 
	position:absolute; top:0px; right:0px; width:20%; padding:3px; margin:2px;
	border:solid 1px blue; background-color:lightgreen; }
.cellBottom { 
	position:absolute; bottom:0px; right:0px; width:20%; padding:3px; margin:2px;
  	border:solid 1px green; background-color:#f0f0f0; }
.cellContent { 
	margin-right:22%; }
.cellCenter { 
	float:left; min-width:450px; }
.floatRight { 
	float:right; width:20%; padding:.5%; margin:2px 1% 2px 1%;
	border:solid 1px blue; background-color:skyblue; }
.floatLeft { 
	float:left; width:20%; padding:.5%; margin:2px 1% 2px 1%;
	border:solid 1px blue; background-color:skyblue; }
.fixedWidth { 
	width:30%; min-width:210px; background-color:pink; }

@media all and (min-width: 700px) {

	.leftMargin {
		float:left; 
		width:30%; 
		padding:.5%; 
		min-width:210px; 
		border:none; }

	.mainContent { 
		float:left; 
		width:65%; 
		padding:.5%; 
		min-width:310px; 
		border:none; }

	.shareContent { 
		float:left; 
		width:45%; 
		padding:.5%; 
		min-width:310px; 
		border:none; }
		
	.rightMargin { 
		float:right; 
		width:30%; 
		padding:.5%; 
		min-width:210px; 
		border:none; }
	
	.scheduleCell {
		font-size:14px;
	}

	.goMobile {
		display:none;
	}

	a.blogLink{text-decoration: none; color: WHITE;}
	a.menuLink{text-decoration: none; color: Black;}
	a.hilite{text-decoration: underline; color: Red;}

	iframe.mapView {
		width: 100%;
		height: 350;
	}

	body {
		align: center;
		background-image: url('img/dragonBackground.gif');
		background-repeat: no-repeat;
	}

}

@media all and (max-width: 700px) {

	.leftMargin { 
		float:left; 
		width:100%; 
		padding:.5%; 
		min-width:210px; 
		border:none; }

	.mainContent { 
		float:left; 
		width:100%; 
		padding:.5%; 
		min-width:310px; 
		border:none; }

	.shareContent { 
		float:left; 
		width:100%; 
		padding:.5%; 
		min-width:310px; 
		border:none; }
			
	.rightMargin { 
		float:left; 
		width:100%; 
		padding:.5%; 
		min-width:210px; 
		border:none; }

	.scheduleCell {
		font-size:10px;
	}

	.noMobile {
		display:none;
	}			

	a.blogLink{text-decoration: underline; color: WHITE;}
	a.menuLink{text-decoration: underline; color: Blue;}
	a.hilite{text-decoration: underline; color: Red;}

	iframe.mapView {
		width: 80%;
		height: 250;
	}

	body {
		align: center;
		background-image: url('img/dragonBackground.gif');
		background-repeat: no-repeat;
		background-size: contain;
	}
}