/*** Global CSS ***/

#bg-image {
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

body {
	font-family: "Bauhaus-font";
	font-size:small;
	color:#666;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}

html {
	font-family: "Bauhaus-font";
	font-size:small;
	color:#666;
	width:100%;	
	height:100%;	
	margin:0;
	padding:0;	
}

h1 { 
	font:1.5em georgia,serif; 
	margin:0.5em 0;
}

h2 {
	font-family: "Bauhaus-font" ;
	margin:0 0 0.5em;
}
	h1, h2, a {
		color:orange;
	}
	
a:hover {
	color: #CC7E55;  
}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}


/*** Container properties ***/

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width: 100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}


/*** Header properties ***/

div#header {
	width: 100%;
}
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}

	
/*** Content properties ***/
	
div#content {
	padding:1em 1em 5em; /* bottom padding for footer */
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;	
}
	div#content p {
		text-align:justify;
		padding:0 1em;
	}

/*** Footer properties ***/	
	
div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	border-top:1px solid #FFFFFF;
	padding:1.5em;
	padding-left: 0px;
	padding-right: 0px;
	font-family: "Bauhaus-font" ;
}
	div#footer p {
		padding:2em;
		margin:0;
	}

/*** Image properties ***/	
	
#constructionpic{
	width: 100%;
}

.centered{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -250px;
}

#constructiontxt{
	font-family: "Bauhaus-font" ;
	color: #FFFFFF;
	width: 100%;
	font-size: 15px;
}

.centeredtxt{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: 100px;
	margin-left: -200px !important;	
}

/* Custom Fonts */

@font-face {
  font-family: "Bauhaus-font";
  src: url("../fonts/Bauhaus.ttf");
  src: local("../fonts/Bauhaus.ttf");
}

/* Link properties */

a.orangelink { color:#FFFFFF; text-decoration:none;}
a.orangelink:hover { color: #FFA500; text-decoration:underline;}

a.whitelink { color:#FFFFFF; text-decoration:none;}
a.whitelink:hover { color: #FFFFFF; text-decoration:underline;}

 /* Sticky Footer */

.sticky-footer {  /* Edited fields */
	height: 45px; /* .push must be the same height as .footer */
	bottom: 0;
	left: 0 !important;  /* Important, needed to align floating footer to bottom left because of sidebar plugin which changes alignment */
	position: fixed;
	background: #aaaaaa;
	width:100%;
	opacity:0.75;    /*Div background opacity adjustments*//*Note on opacity, once outer container has opacity, inner containers all gets opacity auto*/
	filter:alpha(opacity=75); /* For IE8 and earlier *//*Div background opacity adjustments*/
	float: left !important;
}

 /* Sticky Footer - Facebook */

.sticky-facebook {  /* Edited fields */
	float: left;
	color: #ffffff; 
	background: #333333;
	border: 1px solid #000000;
	margin-top: 5px;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.sticky-facebook:link {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
	background: #333333;
}

.sticky-facebook:visited {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
	background: #333333;
}

.sticky-facebook:hover, .sticky-facebook:active {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
	background: #000000;
}

.facebook-link {  /* Edited fields */
	color: #ffffff;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.facebook-link:link {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
}

.facebook-link:visited {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
}

.facebook-link:hover, .facebook-link:active {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
}

 /* Sticky Footer - Twitter */

.sticky-twitter {  /* Edited fields */
	float: left;
	color: #ffffff; 
	background: #333333;
	border: 1px solid #000000;
	margin-top: 5px;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.sticky-twitter:link {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
	background: #333333;
}

.sticky-twitter:visited {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
	background: #333333;
}

.sticky-twitter:hover, .sticky-twitter:active {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
	background: #000000;
}

.twitter-link {  /* Edited fields */
	color: #ffffff;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.twitter-link:link {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
}

.twitter-link:visited {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
}

.twitter-link:hover, .twitter-link:active {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
}


 /* Sticky Footer - Youtube */

.sticky-youtube {  /* Edited fields */
	float: left;
	color: #ffffff; 
	background: #333333;
	border: 1px solid #000000;
	margin-top: 5px;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.sticky-youtube:link {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
	background: #333333;
}

.sticky-youtube:visited {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
	background: #333333;
}

.sticky-youtube:hover, .sticky-youtube:active {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
	background: #000000;
}

.youtube-link {  /* Edited fields */
	color: #ffffff;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.youtube-link:link {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
}

.youtube-link:visited {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
}

.youtube-link:hover, .youtube-link:active {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
}

 /* Sticky Footer - Hide */

.sticky-hide {  /* Edited fields */
	float: right;
	color: #ffffff; 
	background: #333333;
	border: 1px solid #000000;
	margin-top: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	cursor: pointer;
}

.sticky-hide:link {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
	background: #333333;
}

.sticky-hide:visited {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
	background: #333333;
}

.sticky-hide:hover, .sticky-hide:active {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
	background: #000000;
}

 /* Sticky Footer - Show */

 #stickyshow{
 	display: none;
 }
 
.sticky-show{
	height: 45px; /* .push must be the same height as .footer */
	bottom: 0;
	position: fixed;
	background: transparent;
	width:100%;
	float: left;
	left: 0 !important;
}

#stickyshowbtn{
	color: #ffffff; 
	border: 1px solid #000000;
	margin-top: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: #aaaaaa;
	height: 45px; /* .push must be the same height as .footer */
	width: 50px;
	opacity:0.75;    /*Div background opacity adjustments*//*Note on opacity, once outer container has opacity, inner containers all gets opacity auto*/
	filter:alpha(opacity=75); /* For IE8 and earlier *//*Div background opacity adjustments*/
	float: right;
	cursor: pointer;
}

#stickyshowbtn:link {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
	background: #333333;
}

#stickyshowbtn:visited {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
	background: #333333;
}

#stickyshowbtn:hover, #stickyshowbtn:active {  /* Edited fields */
	color: #ffffff;
	text-decoration: none;
	background: #000000;
}