/* CSS Document */

body {
  	margin: 0;
  	padding: 0;
  	text-align: 750px;
	vertical-align:middle;
	background-image:url(assets/bgOrig.jpg);
	font: 12px/1.5em helvetica;
	color: #336699;
	text-align: center;
	}

p {
	margin-bottom:20px;
}

a {
	color: #6699cc;
	text-decoration: none;
	
}

a:hover {
	color: #336699;
	text-decoration: none;
}


a:active {
	color: #6699cc;
	text-decoration: none;
}


/*------------------main container-----------------*/

#container {
	position: relative;
	top: 0px;
	height:auto;
	width: 750px;
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
	height: 100%;
}


/*--------------------commonStuff---------------------*/

#masthead {
	position: relative;
	top: 0px;
	width: 750px;
	height: 218px;
}

#navigation{
    position: relative;
	width: 750px;
	font: 14px/4.0em helvetica;
	font-weight:800;
}

#navigation  a {
	color: #6699cc;
	text-decoration: none;
	
}

#navigation  a:hover {
	color: #336699;
	text-decoration: none;
}


#navigation  a:active {
	color: #6699cc;
	text-decoration: none;
}

#footer{
	float:left;
	width: 100%;
	background-color: transparent;
	z-index:6;
}

#footerFill{
	float:left;
	width: 100%;
	background-color: transparent;
	z-index:6;
}

.title{
	font: 16px/1.4em helvetica;
	font-weight:800;
	color: #336699;
}

.small{
	font: 11px/1.2em helvetica;
}

.contactTitle{
	font: 14px/1.2em helvetica;
	font-weight:800;
	color: #336699;
}

/*--------------------page specific---------------------*/

#homeText{
	position:relative;
        float: left;
        top: 20px;
        left: 10px;
        width:320px;
	text-align:left;
	z-index:3;
}

#homeImage{
	position:relative;
        top: 20px;
        left: 30px;
        height:420px;
		z-index:2;
}

#siteContent{
	position:relative;
	text-align:left;
	top: 20px;
        left: 10px;
        width:80%;
}

#specText{
	position:relative;
        float: left;
        top: 20px;
        left: 10px;
        width:350px;
	text-align:left;
}

#specImage{
	position:relative;
        top: 20px;
        left: 65px;
        height:550px;
}

#vidContent{
        position:relative;
	text-align:center;
	height:520px;
        
}

#locationText{
	position:relative;
        float: left;
        top: 20px;
        left: 10px;
        width:250px;
	text-align:left;
}

#locationText a {
	color: #6699cc;
	text-decoration: none;
}

#locationText  a:hover {
	color: #6699cc;
	text-decoration: underline;
}


#locationText  a:active {
	color: #6699cc;
	text-decoration: none;
}

#locationImage{
        position: relative;
        top: 20px;
        left:-15px;
		height:780px;
	text-align:right;
}

#aboutText{
	position:relative;
        float: left;
        top: 20px;
        left: 10px;
        width:300px;
	text-align:left;
}

#aboutImage{
	position:relative;
        top: 30px;
        left: 50px;
        height:440px;
}

#contactText{
	position:relative;
        float: left;
        top: 20px;
        left: 10px;
        width:260px;
		height:1000px;
	text-align:left;
}

#contactForm{
        position:relative;
	height:1000px;
        top: 20px;
        left: 190px;
	text-align:left;

}

#vid1{
	float: left;
        width:34%;
        height: 250px;
	text-align:center;
}

#vid2{
	float: left;
        width:34%;
height: 250px;
	text-align:center;
}

#vid3{
	float: left;
        width:32%;
height: 250px;
	text-align:center;
}

#annText{
	position:relative;
    float: left;
    top: 20px;
    left: 10px;
    width:600px;
	text-align:left;
	z-index:4;
}

#annImage{
	position:relative;
        top: 30px;
        left: 50px;
        height:450px;
		z-index:2;
}