html {
	overflow-x:hidden;
	overflow-y:hidden;
	
	height:100%;
}
body {
	overflow-x:hidden;
	height:100%;
	
	/* HACK HACK HACK HACK HACK HACK HACK HACK HACK HACK HACK HACK HACK */
	/* also, this means I need to add some top/bottom margin on cont */
	/* otherwise it butts up against the top and bottom of the viewport */
	margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;
	padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px;
	
	font-family:sans-serif;
	
}

#header {
	margin-top:20px;
	width:100%;
	height:10%;
}

#headertext {
	font-size:2em;
	position:relative;
	bottom:24px;
	font-variant:small-caps;
}

#headerimg {
	width:178px;
	height:72px;
}

.vtext {

	/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/ /* what is this? */
	writing-mode: tb-rl; filter: flipv fliph; /*IE*/
	-webkit-transform: rotate(-90deg); /*WebKit*/
	-moz-transform: rotate(-90deg);	/*Gecko*/
	-o-transform: rotate(-90deg); /*Opera*/
	
	white-space:nowrap;
	font-size:5em;
	
	margin-left: auto;
	margin-right: auto;
	position:relative;
	top:3em;
	
}

#cont {
	
	float:left;
	/* width:50%; this is being overridden in the index.php!! */
	/*margin-left:1%;
	margin-right:1%;*/
	
	margin-top:7px;
	padding-bottom:7px;
}

.horiz {
	/*max-width:50%;*/ /* does IE SERIOUSLY not support this??? */
	
	/*width:50%;
	margin-left:auto;
	margin-right:auto;*/
	/*why do these not center the text div in IE? WHY? */
	
	margin-left:25%;
	margin-right:25%;
	/* the IE mantra: "this will have to be good enough" */
	/* this makes a horizontal scrollbar in IE but not in FF.*/
	/* I need to check in opera and other obscure things */
}

.vcont {
	
	min-width:4em; /* this should be moved to a variable (and a %) */
	width:10%;
	min-height:82%;
	border-right:1px solid black;
	text-align:center; /* this centers the text on the monitor's horizontal axis in IE */
	/*margin-right:1em;*/
	
    display: table-cell;
    vertical-align: middle;
	
}
.right {
	
	float:right;
	position:relative;
	right:0px;
	
	border-left: 1px solid black;
	border-right: none; /*overrides rule*/
	
}
.left {
	float:left;
}

img {
	width:100%;
}

h2 {
	margin-top:.5em;
	margin-bottom:0px;
}
h3 {
	margin-top:.5em;
	margin-bottom:0px;
}
h4 {
	margin-top:.25em;
	margin-bottom:0px;
}