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

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

body {
	background-color: #040829; /* general background */
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	background-image: url("../images/bg/treehouse.jpg");
}

h1 {
	text-align: center;
	padding: 30px 0 10px 0;
	margin: 0 auto;
	font-size: 2.4em;
}

h2 {
	text-align: center;
	margin: 0 auto;	
}

footer {
	text-align: center;
	margin: 0 auto;
	padding: 25px 0;
	width: 90%;
}

#topnavbar {
/*	background-color: #190B28; */
	background-color: #000;
	margin: 0;
	padding: 0;
	height: 60px;
	clear: both;
	width: 100%;
}

#navitems {
/*	background-color:#190B28; */
	background-color: #000;
	width: 90%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}

.biggertopnavtext {
	font-size: 1.5em;
	color: #FFFAFF;
}

.proimage {
	float: right;
	padding: 0;
	margin: 0 -30px 0 0;
	width: 50%;
/*	max-width: 50%; */
}

.aboutimg {
	margin: 0 20px 20px 20px;
	max-width: 50%;
}

.samplecontainer {
	display:inline-block;
	margin:20px;
	height:200px;
	width:100px;
	vertical-align:top;
}

.sampleimage {
	border:2px;
	border-color:#333;
	border-width:medium;
}

a img {
	border:2px;
	border-color:#999;
	border-style:inset;
	border-width:2px;	
}

a.hover img {
	border-color:#000;
}

.samplename {
	margin-top:10px;
	text-align:center;
}

.topnavhomeicon {
	padding-left: 15px;
	padding-right: 30px;
}

.topnavitem {
	display: block;
	padding: 12px 15px;
}

.topnavitem2 {
	display: block;
	padding: 12px 15px;
}

.topnavitem3 {
	display: block;
	padding: 12px 15px;
}

.left { float: left; }
.right { float: right; }
.center { margin-left:auto;margin-right:auto;text-align:center; }

.aboutimage { width: 300px; height: 300px; break: both;}

.rightaboutimage { }
.leftaboutimage { }

.formentrytitle {
	font-size:1.25em;
}

.formentryinputbox {
	width:100%;
	font-size:2em;
}

.textarea {
	width:100%;
	font-size:2em;
}

.mysubmitbutton {
	border:none;
	width:100%;
	height:4em;
	font-size:2em;
	background-color:#888;
	color:#000;
}

.mysubmitbutton:hover {
	background-color:#222;
	color:#ddd
}

a:link img     { border-color:#bbb; }
a:visited img  { border-color:#bbb; }
a:hover img    { border-color:#b00; border-width:5px; }
a:active img   { border-color:#b00; border-width:5px; }

.sampleshead:link     { color: #777; text-decoration:underline; }
.sampleshead:visited  { color: #777; text-decoration:underline; }
.sampleshead:hover    { color: #333; text-decoration:none; }
.sampleshead:active   { color: #333; text-decoration:underline; }

a:link     { color: #F88410; text-decoration:underline; }
a:visited  { color: #F88410; text-decoration:underline; }
a:hover    { color: #777; text-decoration:none; }
a:active   { color: #777; text-decoration:underline; }

.topnavitem:link    { text-decoration:none; }
.topnavitem:visited { text-decoration:none; }
.topnavitem:hover   { text-decoration:underline; }
.topnavitem:active  { text-decoration:underline; }

#dividerbar {
	background-color: #8080C0;
	height: 1px;
	margin: 0;
	padding: 0;
}

#mainbody  {
	margin: 0 auto;
	padding: 0 30px;
	text-align: left;
	max-width: 90%;
	max-width: 890px;
	background-color: #BBB;
	border-radius: 0 0 10px 10px;
	
/*	border-bottom-right-radius: ;
	border-bottom-left-radius: ; */
	
/*	background-color: #1c6997;  body background - blue */ 

}

.legalese {
	padding:50px 150px 50px 150px;
	margin:auto;
}
.copytext {
	color: #F88410;
}

blockquote {
	font-size: xx-small;		
}

div.collapseInfo { 
 	display: none;
}

@media screen and (max-width: 1050px) {
	
	.topnavitem2 {
		display: none;
	}	
	
	body {
		background-image: none;
	}

	
}

@media screen and (max-width: 575px) {
	
	#topnavbar {
		height: 120px;
	}
	
}