﻿html, body 
{
	height:100%;
	margin:0;
	background-image: url('images/background1.png');
	background-repeat:repeat-x;
}

a img
{
	border:0px;
}


#form2
{
	
	min-height:100%;
	margin: 0 auto;
	position:relative;
	width:100%;
	height:100%;
}

#content
{
	width:850px;
	margin: 0 auto;
	position:relative;
}

.footer
{
	height:150px;
	width:100%;
	position:relative;
	bottom:0;
	text-align:center;
	background-image: url('images/footer1.png');
	background-repeat: repeat-x;
	font:12px Tahoma;
	text-decoration:none;
	color:Gray;
	display:inline-block;
}

.footer a
{
	position:relative;
	text-align:center;
	width:100%;
	font:12px Tahoma;
	text-decoration:none;
	color:Gray;
}

.footer a:hover
{
	font-weight:bold;
	color:Black;
}

#navbuttons
{
	position:relative;
	font:Tahoma;
	font-variant:small-caps;
	font-size:13px;
	background-color:transparent;
	background-image:url("/images/m2_hov.gif") no-repeat;
	width:auto;
	height:51px;
	color:White;
	padding:0;
	top: 14px;
	float:right;
	line-height:-10px;
	text-align:center;
	text-decoration:none;
	letter-spacing:1px;
	z-index:1;
}

#navbuttons a
{
	
	color:#FF890A;
	font-size:13px;
	width:auto;
	height:auto;
	float:left;
	position:relative;
	top:4px;
	font: tahoma, arial, helvetica, sans-serif;
	font-weight:bold;
	float:right;
	text-align:center;
	margin-right:10px;
	text-decoration:none;
	padding:5px;
	font-variant:small-caps;
	letter-spacing:1px;
}

#navbuttons img
{
	width:auto;
	height:auto;
	border:0;
}

#navbuttons a:hover
{
	visibility:visible;
	font-weight:bold;
	position:inherit;
	background-color:#FF890A;
	color:Black;
	height:17px;
	width:auto;
	margin-right:10px;
	font-variant:small-caps;
	letter-spacing:1px;
}

#navbuttons a:hover img
{
	visibility:hidden;
	position:inherit;
}

#navbuttons span
{
	position:relative;
	left:auto;
	top:auto;
	margin:0;
	padding:0;
	cursor:pointer;
	position:inherit;
	letter-spacing:1px;
}

#socialmedia
{
    height:51px;
    width:75px;
    float:left;
    position:relative;
    display:inline;
    top:10px;
    z-index:1;
    border-style:none;
}

#socialmedia a img
{
    border-style:none;
}


#logo
{
	height:135px;
	position:relative;
	top:4px;
	left:0px;
	width:470px;
	padding:0px;
	max-width:470px;	
}

#orangebox
{
	background-image: url('images/orange_box.png');
	background-repeat: no-repeat;
	width: 410px;
	height: 145px;
	position: relative;
	float: right;
	min-height:145px;
	min-width:410px;
	top:-74px;
	z-index:1;
	left: 0px;
}

#orangeboxtext
{
	width: 380px;
	height: 145px;
	top: -74px;
	right: -390px;
	position: relative;
	float: right;
	font-family:Tahoma;
	font-size:13px;
	font-style:italic;
	z-index:2;
}

#orangeboxtext h1
{
	font: Tahoma;
	font-size:24px;
	font-style:normal;
	font-weight:bold;
}

#orangeboxtext p
{
	font: Tahoma;
	font-size:13px;
	font-style:italic;
	font-weight:normal;
}

#midbuttoncontainer
{
    position:relative;
    height:250px;
    width:350px;
    top: -104px;
    left:50px;
}

.midbuttons
{
	position:relative;
	width:350px;
	float:left;
	top:30px;
	left:0px;
	height:45px;
	font: Tahoma;
	background-image: url( 'images/midbutton_hovertest.png' );
	background-repeat:no-repeat;
	display:block;
	margin:0;
	padding:0;
	white-space:nowrap;
	color:White;
}

.midbuttons a
{
	font-family:Tahoma;
	color:White;
	font-size:14px;
	display:block;
	width:350px;
	height:45px;
	float:left;
	text-decoration:none;
}

.midbuttons img
{
	width:350px;
	height:45px;
	border:0;
	font-family:Tahoma;
	color:White;
	font-size:14px;
}

.midbuttons span
{
	position:absolute;
	margin:0;
	padding:0;
	cursor:pointer;
	font-family:Tahoma;
	color:White;
	font-size:17px;
	height:100%;
	width:350px;
	top: 11px;
	left: 0px;
	text-align:center;
}

.midbuttons span:hover
{
	color:Orange;
}

* html a:hover
{
	visibility:visible;
	font-family:Tahoma;
	color:White;
	font-size:17px;
}

.midbuttons a:hover img
{
	visibility:hidden;
	font-family:Tahoma;
	color:White;
	font-size:17px;
}

#gradientbox
{
	background-image: url('images/gradient_box.png');
	background-repeat:no-repeat;
	width:407px;
	height:136px;
	float:right;
	right:4px;
	position:relative;
	top:-270px;
	z-index:0;
	font-family:Tahoma;
	font-size:12px;
}

#vtdlogin
{
	width:407px;
	height:136px;
	float:right;
	right:-420px;
	position:relative;
	top:-345px;
	font-family:Tahoma;
	font-size:12px;
}

#homecontentplaceholder
{
	width:100%;
	height:auto;
	position:relative;
	top:-175px;
	font-family:Tahoma;
	font-size:13px;
	text-align:left;
}

#homecontent1
{
	position:relative;
	float:left;
	top:0px;
	width:45%;
	height:100%;
}

#homecontent2
{
	position:relative;
	float:right;
	width:45%;
	height:100%;
	top:0px;
}	

#contentpagecontent
{
	position:relative;
	width:100%;
	font: 13px Tahoma;
	text-align:left;
	height:100%;
	top:300;
}

#contentpage1
{
	position:relative;
	width:45%;
	float:left;
	height:100%;
	top:-85px;
	min-height:320px;
}

#contentpage1 p
{
	font:13px Tahoma;
}

#contentpage1 h1
{
	font:15px Tahoma;
	font-weight:bold;
}

#contentpage2
{
	position:relative;
	width:45%;
	float:right;
	height:100%;
	top:-85px;
	min-height:320px;
}

#contentpage2 p
{
	font:13px Tahoma;
}

#contentpage2 h1
{
	font:15px Tahoma;
	font-weight:bold;
}
