﻿#headerlogo {max-width: 100%; height: auto;}
#headeralbum {max-width: 100%; height: auto;}
#colcontainer {margin: 0px auto 0px auto; width: auto;}
#singlecontainer {margin: 0px auto 0px auto; width: auto; clear: both; float: none;}
#leftcol { float: left; width: 49.5%; }
#rightcol { float: right; width: 49.5%; }
/* Media query: activate hideThis when the page is less than or equal to 780px */
@media all and (max-width: 780px)
{
#colcontainer {margin: 0px auto 0px auto; width: auto; max-width: 780px;}
#leftcol { float: none; width: 100%; }
#rightcol { float: none; width: 100%; }
.hideThis
{
	display : none;
}
.handheldContent {
	font-size: medium;
	text-align: center;
	background-color:silver;
}
.handheldMain {
	font-size: large;
	text-align: left;
	background-color:silver;
}
.handheldTitle {
	font-size: medium;
	text-align: center;
	background-color:silver;
}
}
/* tablets */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
#colcontainer {margin: 0px auto 0px auto; width: auto; max-width: 780px;}
#leftcol { float: none; width: 100%; }
#rightcol { float: none; width: 100%; }
.hideThis
{
	display : none;
}
.handheldContent {
	font-size: medium;
	text-align: center;
	background-color:silver;
}
.handheldMain {
	font-size: large;
	text-align: left;
	background-color:silver;
}
.handheldTitle {
	font-size: medium;
	text-align: center;
	background-color:silver;
}
}
/* layouts smaller than 600px, iPhone and mobiles */
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)
{
#colcontainer {margin: 0px auto 0px auto; width: auto; max-width: 780px;}
#leftcol { float: none; width: 100%; }
#rightcol { float: none; width: 100%; }
.hideThis
{
	display : none;
}
.handheldContent {
	font-size: medium;
	text-align: center;
	background-color:silver;
}
.handheldMain {
	font-size: large;
	text-align: left;
	background-color:silver;
}
.handheldTitle {
	font-size: medium;
	text-align: center;
	background-color:silver;
}
}
/* Media query: activate hideThis when Galaxy nexus*/
@media screen and (max-device-width: 750px)
{
#forumdiv {max-width: 100%; height: auto; font-size: 300%!important;}
#colcontainer {margin: 0px auto 0px auto; width: auto; max-width: 780px;}
#leftcol { float: none; width: 100%; }
#rightcol { float: none; width: 100%; }
.hideThis
{
	display : none;
}
.handheldContent {
	font-size: medium;
	text-align: center;
	background-color:silver;
}
.handheldMain {
	font-size: large;
	text-align: left;
	background-color:silver;
}
.handheldTitle {
	font-size: medium;
	text-align: center;
	background-color:silver;
}
}
/* hide handheld content if screen large enough */
/*@media all and (min-width: 780px) 
{ */
.handheldContent {
	display: none;
}
}
/* end media quieries */
#siteLogo {
	vertical-align: top;
	margin-bottom: 11pt;
	float: none;
}
html {
	height: 100%;
	margin-bottom: 1px;
	overflow-y: scroll; 
}
.edit 
{
	width: 460px;
}
table.content
{
	margin-top: 2px;
	margin-bottom: 2px;
}
.style1 {
	text-align: center;
}
.style2 {
	text-align: center;
}
.style3 {
	vertical-align: middle;
	border-width: 0;
}
.style4 {
	vertical-align: middle;
}
.style5 {
	background-image: url('images/CenterBottom.gif');
}
.style7 {
	background-image: url('../images/lines2.png');
	background-repeat: no-repeat;
	background-position: left;
}
.style8 {
	background-image: url('../images/lines3.png');
	background-repeat: no-repeat;
	background-position: right;
}
.TopEdge  {
	background-image: url('images/top.png');
}
.LeftEdge {
	border-width: 0;
	background-image: url('images/RightSide.png');
	}
.LeftEdgeFooter {
	border-width: 0;
	background-image: url('images/RightSideFooter.png');
	}
.3Dtable {
	border-width: 0;
	width: 100%;
}
.RightEdge {
	border-width: 0;
	background-image: url('images/LeftSide.png');
}
.RightEdgeFooter {
	border-width: 0;
	background-image: url('images/LeftSideFooter.png');
}
#demomenu {
	color:#9f9f9f !important;
	position: absolute;
	top: 30%;
	left: 50%;
	width: 450px;
	height: 265px;
	border: solid 1px #000000;
	background: #474747;
	padding: 3px;
	z-index: 1;
	visibility: hidden;
}
