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

/* -------- color guide ----------
#0061af : TW blue
#40bde8 : light blue
#75b943 : light green
#002b5f : dark blue
#eeab1f : light orange
#e86a10 : dark orange
#668d3c : dark green
#999999 : 50% grey
#626262 : 70% grey
#000000 : black
#FFFFFF : white
background-color:#E8E8E8;
*/

/* --------------------------- global constants -------------------------*/
html, body {
	margin: 0px;
	padding: 0px;
}

body {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(Images/background.jpg);
	background-repeat:repeat-x;
	background-color:#E8E8E8;
	margin: 0px;
	padding: 0px;
}


/* ------ global classes -------- */
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.clearRight {
	clear: right;
}
.clearLeft {
	clear: left;
}
.clearBoth {
	clear: both;
}


/* ------ page borders -------- */
#pageBorder {
	padding-top: 20px;
	width: 800px;
	height: 1100px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	background-color: #8E857C;
}
#pageContent {
	padding: 0;
	width: 1050px;
	height: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	background-image: url(Images/background_box.png);
	background-repeat: repeat;
	clear: both;
}
#content {
	width: 1050px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(Images/background_box.png);
	background-repeat: repeat;
}


#topShadow {
	width: 1050px;
	height: 20px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(Images/top.png);
}
#bottomShadow {
	width: 1050px;
	height: 20px;
	padding: 0px;
	margin-top: -16px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(Images/bottom.png);
	background-repeat: no-repeat;
}

/* --------------------- top-level region layout styles ------------------- */
/* header */
#header {
	width: 1000px;
	height: relative;
	padding: 10px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	top: 10px;
}
#mainText {
	padding-top: 20px;
	width: 990px;
	height: relative;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	background-color: #FFFFFF;
	clear:both;
	}
#footer {
	padding: 10px;
	width: 1024px;
	height: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	clear: both;
}
#images {
	width: 400px;
	height: 400px;
	float: left;
	position: absolute;
	top: 225px;
	margin-left: 350px;
	background-image: url(temp/images/1900WLS.jpg);
	background-repeat:no-repeat;
}
#finePrint {
	width: 1000px;
	height:auto;
	position:inherit;
	margin-left: auto;
	margin-right: auto;
}
#googleMap {
	width: 500px;
	height: 50px;
	margin-right: 0px;
	float:right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#sideImage {
	width: 300px;
	height: auto;
	margin-left: 20px;
	float:right;
	text-align:right;
}
#logo {
	width: 300px;
	height: relative;
	padding: 0px;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	float:left;
	clear: both;
}
#nav {
	width: 500px;
	padding: 0px;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0px;
	float:right;
	clear:right;
	text-align:right;
}
#ownedBy {
	width: 500px;
	margin-right: 0px;
	clear:left;
	margin-right: auto;
	margin-left:auto;
}
#gallerybox {
	float: right;
	height: 550px;
	width: 710px;
	margin-top: 10px;
	font-size: x-small;
	margin-left: 20px;
	margin-bottom: 10px;
}

#banner {

	margin-bottom: ;
	width:1000px;
	height: 300px;
	background-image: url(Images/banner2.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	float: left;
	background-color: #FFFFFF;
		}
#banner a {
	float: right;
	margin-top: 14px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-right: 10px;
	color: #FFFFFF;
	background: #0478CE url(Images/but_left.gif) no-repeat left;
	padding-top: 2px;
	padding-right: 15px;
	padding-left: 15px;
}
#banner a:hover {
	background: #000066 url(Images/but_left.gif) no-repeat left top;
	font-size: 12px;
	margin-top: 8px;
	padding-bottom: 6px;
}



/* --------------------- text formatting classes ------------------- */
.black0810 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	line-height: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}


.black1012 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.black1215 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	padding-left:5px;
}
.black1215center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align:center;
}
.black1215right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align:right;
}
.black1418 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.black1418right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:right;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.black1824 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.black2430 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.blue1824 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	font-variant: normal;
	color: #0478CE;
	text-decoration: none;
}
li.whitesquare { 
	margin-left: 10px; 
	list-style: square inside; 
	font-size: 14px 
	font-family: Arial, Helvetica, sans-serif; 
	color: #ffffff;
	text-indent: 10px;
}
.white1012 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	color: #BFBAB5;
	text-decoration: none;
	text-align:center;
}
.white1012left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align:left;
}
.white1215 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	text-decoration: none;
}
.white1215center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	text-decoration: none;
	text-align:center;
}
.white1215right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	text-decoration: none;
	text-align:right;
}
.white1421 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.white1421center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
}
.white1824 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	font-variant: normal;
	color: #EAEE99;
	text-decoration: none;
}
.white2426 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 26px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a:link {
	color: #FFFFFF;
	font-weight:bold;
}
a:visited {
	color: #FFFFFF;
	font-weight:bold;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight:bold;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}
ul.b {
	list-style-type:square;
	}

table, td, th
{
	border:0px solid white;
	color:white;
	vertical-align:text-top;
	line-height: 18px;
	font-size: 14px;
	text-align: left;
}
.mapbox {
	float: right;
	height: 300px;
	width: 500px;
	margin-top: 10px;
	font-size: x-small;
	margin-left: 20px;
}
.tablelink:link {color:#0478CE; text-decoration: none;}
.tablelink:visited {color:#000066;text-decoration: none;}
.tablelink:hover {color:#000066;text-decoration: none;}

@media only screen and (max-width: 768px ) {
.black1215 {
	font-size: 7px;
	line-height: 9px;
}
	.black1215center {
	font-size: 7px;
	line-height: 9px;
}
.black1215right {
	font-size: 7px;
	line-height: 9px;
}
}