﻿/* Basic html layout stuff */
html 
{
	height: 100%;
}
body
{
	margin: 0px 0px 0px 0px;
	font-family: "Segoe UI" , "Lucida Grande" , "Trebuchet MS" , Verdana, Tahoma, Arial;
	font-size: .8em;
	/*letter-spacing: 0.07em;*/
	color: #262626;
	height: 100%;
	background-color: #FFFFFF;
}


a
{
	color: #0080D7;
	text-decoration: underline;
}

a:hover
{
	color: #0080D7;
	text-decoration: none;
}

a:visited
{
	color: #0080D7;
}

h3
{
	color: #88c4ec;
	margin-bottom: 1.2em;
	margin-left: 2em;
	font-weight:300;
	font-size: x-large;
}

h4
{
	color: #dca600;
	margin-bottom: .5em;
	margin-left: 3em;
	font-weight: 300;
	font-size: large;
}

h5
{
	color: #494A4A;
	margin-bottom: .5em;
	margin-left: 3.5em;
	font-weight: normal;
	font-size:medium;
}

h6
{
	color: #494A4A;
	margin-bottom: 1em;
	margin-left: 4.5em;
	font-weight: bold;
	font-size: small;
}

p
{
	margin-left: 5em;
	max-width: 600px;
}

table
{
	margin-left: 5em;
}

hr
{
	height: 0px;
	border-top: solid 1px #ECECEC;
	color: #FFFFFF;
	background-color: #FFFFFF;
}

div.hr 
{
	width: 500px;
	border-top: solid 1px #ECECEC;
	height: 2px;
	margin-left: 5em;
}

ul
{
	margin-left: 5em;
	max-width: 500px;
}

ol
{
	margin-left: 5em;
	max-width: 500px;
}
/* End Basic html layout stuff */
/* Header */
div#MainHeaderContainer
{
	background-image: url(../Images/HeaderBackground.png);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #0080AC;
	height: 100px;
}

div#SubHeaderContainer
{
	background-image: url(../Images/HeaderShadow.png);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	height: 30px;
}

div#WelcomeUser
{
	padding-top: 40px;
	position: absolute;
	right: 15em;
}

div#WelcomeUserUsername
{
	margin-left: 50px;
	height: 12px;
	color: #FFFFFF;
}
div#NavigationContainer 
{
	width: 400px;
	position: absolute;
	left: 300px;
}
div#NavigationLeft
{
	background-image: url(../Images/NavigationBackgroundLeft.png);
	width: 20px;
	height: 20px;
	float: left;
	position: relative;
	top: 80px;
	margin-left: 1em;
}

div#NavigationBackground
{
	background-image: url(../Images/NavigationBackgroundCenter.png);
	height: 20px;
	float: left;
	position: relative;
	top: 80px;
	cursor: pointer;
}

div#NavigationRight
{
	background-image: url(../Images/NavigationBackgroundRight.png);
	width: 20px;
	height: 20px;
	float: left;
	position: relative;
	top: 80px;
}


input.HeaderImage
{
	float: left;
	cursor: pointer;
}

/*Header End*/

/* SubHeader */

div#CurrentPageNavigationLabel
{
	margin-left: 1.5em;
	margin-top: 1em;
	clear: both;
	float: left;
}
div#CurrentPageNavigation
{
	margin-left: 2.2em;
	margin-top: 0.3em;
	color: #0080D7;
	clear: both;
	float: left;
}

div#LanguageContainer
{
	float: left;
	position: absolute;
	margin-top: 1em;
	right: 9em;
}

/* End SubHeader */

div.MainPageContent
{
	/*margin-left: 5em;*/
	margin-top: 1em; /*float: left;*/
}

div#Footer
{
	clear: both;
	padding-top: 5px;
	width: 727px;
}

div#UserExtend
{
	position: fixed;
	bottom: 0px;
	height: 19px;
	color: #FFFFFF;
	border-top: solid 1px #cccccc;
	width: 100%;
	background-color: #000000;
	opacity: 0.85;
	-moz-opacity: 0.85;
	filter: Alpha(opacity=80, finishopacity=85, style=1, startY=0, startX=0, finishY=100, finishX=0);
}