@charset "UTF-8";
/* CSS Document */

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin: 0px;
	color:#1B1B1B;
	background-color:#253361;
	padding: 10px; /* forces a border at the top */ 
	text-align:justify;
	height:100%;
}

h1 {
	font-size:1.5em;
	color:#F9AD1D;
	text-align:left;
}
h2 {
	font-size:1.2em;
	color:#FF8324;
	text-align:left;
}
.page {
	padding: 0px;
	font-size: 1em;
	position: relative;
	margin: 0px auto 0px auto;
	max-width: 1020px;
}
#venueMap {
	margin-left:auto;
	margin-right:auto;
	width:97%;
	height:500px;	
}
.page header {
	background-color:#FFF;
	display: block;
	position: relative;
	height: 110px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background:url(/_images/header.png) no-repeat 0px 0px;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);	}

.page .menubar {
	height:55px;
	background: -moz-linear-gradient(top, #ffffff 60%, #E9E9E9 95%);
	background: -ms-linear-gradient(top, #ffffff 60%, #E9E9E9 95%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#ffffff), color-stop(95%,#E9E9E9));
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.page nav#global {
	position: absolute;
	top: 122px;
	text-align: left;
	right:10px;
}
.page nav#context {
	position: absolute;
	top: 122px;
	text-align: left;
	left:10px; /*moves the nav to the right*/
	
	}
	
	
.page nav a {
	border: 1px solid #fff;
	border-radius: 16px;
	color: #FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	padding: 7px 20px 7px 20px;
	
	text-decoration: none;
	font-weight: normal;
	font-size: 1em;
	display: inline-block;
	margin: 0px 2px 0px 2px;
	background-color:#193390;
	}
.page nav a:Hover {
	background-color:#FCAC00;
}
.page_content {
	background-color: #FFFFFF;
	padding: 1px 0px 1px 0px;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}


.page footer {
	display: block;
	/*border-top: 1px solid #ddd;*/
	padding: 15px 10px 15px 20px;
	font-size: .9em;
	color: #757575;
	background-color: #aaa;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-box-shadow: 0px 5px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 5px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 3px rgba(0,0,0,0.3);
	background: -moz-linear-gradient(top, #ffffff 60%, #E9E9E9 95%);
	background: -ms-linear-gradient(top, #ffffff 60%, #E9E9E9 95%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#ffffff), color-stop(95%,#E9E9E9));
	
}

.clear_both {
	clear: both;
	line-height: 0px;
	}
.full {
	
	margin-left: auto;
	margin-right: auto;
	width : 96%;
	padding-left: 1%;
	padding-right: 1%;
}
.leftside {
	float: left;
	margin-left: 0;
	margin-right: 0;
	width : 47%;
	padding-left: 1%;
	padding-right:1%;

}
.rightside {
	float: right;
	margin-left:0;
	margin-right: 0;
	width : 47%;
	padding-left: 1%;
	padding-right:1%;
}


.leftsideextend {
	float: left;
	margin-left: 0;
	margin-right: 0;
	width : 65%;
	padding-left: 1%;
	padding-right:1%;
}

.rightsidereduce {
	float: right;
	margin-left:0;
	margin-right: 0;
	width : 30%;
	padding-left: 1%;
	padding-right:1%;
}



.leftsidereduce {
	float: left;
	margin-left: 0;
	margin-right: 0;
	width : 30%;
	padding-left: 1%;
	padding-right:1%;
}

.rightsideextend {
	float: right;
	margin-left:0;
	margin-right: 0;
	width : 65%;
	padding-left: 1%;
	padding-right:1%;
}

.leftside25 {
	float: left;
	margin-left: 0;
	margin-right: 0;
	width : 23%;
	padding-left: 1%;
	padding-right:1%;
}

.rightside75 {
	float: right;
	margin-left: 0;
	margin-right: 0;
	width : 70%;
	padding-left: 1%;
	padding-right: 1%;
}



.leftthird {
	float: left;
	margin-left: 0;
	margin-right: 0;
	width : 31%;
	padding-left: 1%;
	padding-right:1%;

}
.midthird {
	float: left;
	margin-left: 0;
	margin-right: 0;
	width : 31%;
	padding-left: 1%;
	padding-right:1%;

}
.rightthird {
	float: right;
	margin-left:0;
	margin-right: 0;
	width : 31%;
	padding-left: 1%;
	padding-right:1%;
}


.full#pageMenu {
	padding-top:8px;
	height:26px;
	padding-bottom:8px;
}

.leftsideNav {
	float: left;
	margin-left: 0;
	margin-right: 0;
	width : 23%;
	padding-left: 1%;
	padding-right: 1%;
	top: 0px;
	bottom: 0px;	
}
.leftsideNav a {
	color: #005893;
	text-decoration:none;
	
	font-size:1.2em;
}
	
/* Small Screen Rules */
@media screen and (min-width: 150px) and (max-width: 635px) {	
body {
		padding: 5px; 
		}
.page {
		font-size: 1.2em
		}
#venueMap {
	
	height:300px;	
}
.page .menubar {
	display:none;
}
	
.page nav#global {
	position: inherit;
	padding: 15px 0px 1px 0px;
	text-align: left;
}
	
.page nav#context {
	position: inherit;
	padding: 15px 0px 1px 0px;
	text-align: left;
}
.page nav a {
	color: #fff;
	border: 1px solid #68230b;
	padding: 7px 10px 7px 10px;
	font-size: 1em;
	display: block;
	margin: 0px 10px 10px 10px;	
}

.page header {
	height: 50px; 
	background:url(../_images/headersml.png) no-repeat 0px 0px;
}
	
.page footer {
	font-size: .8em;
	
}	

.leftside,
.leftside25,
.leftsideextend,
.rightside,
.rightside75,
.rightsidereduce,
.leftthird,
.midthird,
.rightthird,
.leftsidereduce,
.rightsideextend {
	float: left;
	width: 95%;
}
	
.leftsideNav {
	width:96%;	
}
	
		
}

/* Medium Screen Rules */
@media screen and (min-width: 636px) and (max-width: 820px) {
body {
	padding: 7px;
}

.page {
	font-size: 1.15em;
}
#venueMap {
	
	height:600px;	
}
.page header {
	height: 90px;
	background:url(../_images/headermed.png) no-repeat 0px 0px;
	}

.page .menubar {
	height:30px;
}	

.page nav#global,
.page nav#context {
	top: 92px;
}
.page nav a {
	border-color: #fff;
	padding: 5px 10px 5px 10px;
	font-size: .9em;
}
	
		
			
		
}

/* Large Screen Rules */
@media screen and (min-width: 821px) and (max-width: 10000px) {
body {

}	
}
