html, body {
	padding: 0px;
	margin: 0px;
	text-align: center;	
	background-color: #ffffff; /*F8BF4C*/
	font-family: arial;
	height: 95%;
}

a:link, a:visited{
	color: blue;
}

.privacyNotice{
	position: relative;
	width: 100%;
	padding-top: 5px;
	font-weight: bold;
	font-size: 10pt;
	text-align: right;
}

.privacyNotice a:link, .privacyNotice a:visited{
	color: #007DB2;
	text-decoration: none;
	padding-right: 10px;
}

.privacyNotice a:hover{
	color: gray;
}

.orangeBarMenus{
	position: relative;
	top: 58px;
	width: 100%;
	text-align: left;
	color: white;
	font-family: Arial;
	font-weight: bold;
	font-size: 13pt;
}

.orangeDescription{
	position: relative;
	float: left;
	left: 10px;
}
.orangeLinks{
	position: relative;
	float: right;
	text-align: right;
	font-weight: bold;
	font-size: 10pt;
}

.orangeLinks a:link, .orangeLinks a:visited{
	color: #ffffff;
	text-decoration: none;
}

.orangeLinks a:hover{
	color: #000066;
}



/************************************************************
MAIN MENU CSS
************************************************************/
.mainMenu{
	position: relative;
	top: 30px;
	left: 30px;
	width: 175px;
}

.mainMenu a:link, .mainMenu a:visited{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

.mainMenu a:hover{
	color: #000066;
	cursor: hand;
}

.mainMenuText{
	position: relative;
	float: left;
	width: 87%;
	padding-bottom: 15px;
}

.mainMenuArrow{
	position: relative;
	float: right;
	width: 11%;
	text-align: right;
}

.mainMenuActive{
	display: none;
	float: right;
}

.mainMenuLink{
	margin-bottom: 100px;
}

.mainMenuLink a:hover .mainMenuActive{
	display: block;
}

.mainMenuLink a:hover .mainMenuNotActive{
	display: none;
}

.mainMenuDescription{
	position: relative;
	left: 335px;
	top: 200px;
	z-index: 2;
	width: 285px;
	border: 1px solid red;
	text-align: left;
}

.bigSign{
	position: relative;
	background-image: url(../imgs/big-sign.gif);
	background-repeat: no-repeat;
	width: 439px;
	height: 342px;
	left: 115px;
	top: 225px;
}

.bigSignText{
	display: none;
}

.bigSignText{
	position: relative;
	top: 15px;
	left: 15px;
	color: #525252;
	font-weight: bold;
	width: 285px;
}


/**********************************************************
LOGIN PAGE
**********************************************************/
.welcomeMessage{
	padding-left: 20px;
	position: relative;
	color: #ffffff;
	font-family: arial;
	font-size: 14pt;
	top: 40px;
}

.loginSign{
	position: relative;
	background-image: url(../imgs/login-Panel2.gif);
	width: 340px;
	height: 150px;
	left: -20px;
	top: 50px;
	background-repeat: no-repeat;
}

.loginSign2{
	position: relative;
	background-image: url(../imgs/login-Panel.gif);
	width: 340px;
	height: 150px;
	left: -45px;
	top: 25px;
	background-repeat: no-repeat;
}

.ReviaSign{
	position: relative;
	background-image: url(../imgs/Revia_sign.gif);
	background-repeat: no-repeat;
	width: 297px;
	height: 180px;
	left: 10px;
	top: -140px;
}

.reviaLogo{
	position: relative;
	/*background-image: url(../imgs/Revia.jpg);*/
	width: 130px;
	left: 5px;
	height: 91px;
	top: 7px;
}

.reviaText{
	position: relative;
	text-align: center;
	width: 130px;
	left: 5px;
	height: 91px;
	top: 18px;
	font-weight: bold;
	color: white;
}

.reviaText a:visited, .reviaText a{
	color: white;
	text-decoration: none;
}

.reviaText a:hover{
	color: navy;
}

.loginSign a:link, .loginSign a:visited{
	color: #ffffff;
	font-family: arial;
	font-size: 14pt;
	text-decoration: none;
}

.loginSign a:hover{
	color: #000066;
	cursor: hand;
}

.loginContainer{
	position: relative;
	height: 100px; 
	top: 15px; 
	width:200px;
}

.loginContainer2{
	position: relative;
	height: 100px; 
	top: 5px; 
	width:200px;
}

.loginContainer2 a:visited, .loginContainer2 a{
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.loginContainer2 a:hover{
	color: navy;
}

.loginItemContainer{
	width: 100%;
	height: 35px;
}

.loginItemMenu{
	width: 60%;
	padding-left: 10px;
	float:left;
}

.loginItemArrow{
	width: 13%;
	padding-right: 10px;
	float:right
}

.loginActive{
	display: none;
}

.loginDescription{
	position: relative;
	background-image: url(../imgs/big-sign.gif);
	background-repeat: no-repeat;
	width: 439px;
	height: 342px;
	left: 20px;
	top: 75px;
}

.loginDescriptionText{
	display: none;
}

.loginDescriptionText{
	position: relative;
	top: 15px;
	left: 15px;
	color: #525252;
	width: 285px;
	font-size: 10pt;
}

.loginItemName{
	float: left;
	color: #ffffff;
	font-weight: bold;
	padding-left: 10px;
	font-size: 10pt;
}

.loginItemBox{
	float: right;
	padding-right: 10px;
}


/***************************************************
THIN PANEL 1 - Thin and long Container
***************************************************/
.ThinPanel1{
	position: relative;
	background-image: url(../imgs/Panels.gif);
	background-repeat: no-repeat;
	width: 172px;
	height: 505px;
	left: 0px;
	top: 45px;
}

.ThinPanel1Heading{
	position:relative;
	top: 13px;
	width: 140px;
	font-weight: bold;
	font-family: Arial;
	font-size: 11pt;
	text-align: center;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.ThinPanel1Content{
	position: relative;
	top: 15px;
	width: 150px;
	padding-left: 15px;
	padding-right: 15px;
	word-wrap: break-word;
	font-size: 10pt;
	text-align: center;
}

.ThinPanel1Content a:link, .ThinPanel1Content a:visited{
	color: #000066;
	font-weight: bold;
	text-decoration: none;
	font-size: 8pt;
}

.ThinPanel1Content a:hover{
	color: #ffffff;
}


/***************************************************
THIN PANEL 2 - Thin and short Container
***************************************************/
.ThinPanel2{
	position: relative;
	background-image: url(../imgs/Thin_Container.gif);
	background-repeat: no-repeat;
	width: 172px;
	height: 505px;
	left: 0px;
	top: 45px;
}

.longSmallPanel{
	position: relative;
	background-image: url(../imgs/longsmallpanel.gif);
	background-repeat: no-repeat;
	width: 500px;
	left: 0px;
	top: 45px;
	height: 260px;
}

.longSmallContent{
	position: relative;
	top: 0px;
	width: 459px;
	height: 200px;
	padding-left: 15px;
	padding-right: 15px;
	word-wrap: break-word;
	font-size: 10pt;
	text-align: center;
	overflow-y: scroll;
}

.bottomPanel{
	position: relative;
	background-image: url(../imgs/bottomPanel.gif);
	background-repeat: no-repeat;
	width: 750px;
	height: 500px;
	left: 10px;
}
/***************************************************
FULL PANEL - Covers all the content area
***************************************************/
.fullPanel{
	position: relative;
	background-image: url(../imgs/fullPanel.gif);
	background-repeat: no-repeat;
	width: 500px;
	height: 500px;
	left: 0px;
	top: 45px;
}

.fullPanelHeading{
	position:relative;
	top: 13px;
	width: 469px;
	font-weight: bold;
	font-family: Arial;
	font-size: 11pt;
	text-align: center;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.fullPanelContent{
	position: relative;
	top: 15px;
	width: 469px;
	padding-left: 15px;
	padding-right: 15px;
	word-wrap: break-word;
	font-size: 10pt;
	text-align: center;
	overflow-y: auto;
}

/***************************************************
FULL PANEL 500 x 400 - Covers all the content area
***************************************************/
.fullPanel500400{
	position: relative;
	background-image: url(../imgs/fullPanel500400.gif);
	background-repeat: no-repeat;
	width: 500px;
	height: 400px;
	left: 0px;
	top: 45px;
}

.fullPanel500400Content{
	position: relative;
	top: 15px;
	width: 459px;
	height: 350px;
	padding-left: 15px;
	padding-right: 15px;
	word-wrap: break-word;
	font-size: 10pt;
	text-align: left;
	overflow-y: auto;
}

/***************************************************
FAT PANEL 1 - Fat and short Container
***************************************************/
.FatPanel1{
	position: relative;
	background-image: url(../imgs/fatPanel.gif);
	background-repeat: no-repeat;
	width: 300px;
	height: 505px;
	left: 0px;
	top: 45px;
}

.FatPanelHeading{
	position:relative;
	top: 13px;
	width: 269px;
	font-weight: bold;
	font-family: Arial;
	font-size: 11pt;
	text-align: center;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.FatPanelContent{
	position: relative;
	top: 15px;
	width: 269px;
	padding-left: 15px;
	padding-right: 15px;
	word-wrap: break-word;
	font-size: 10pt;
	text-align: center;
}

.FatPanelContent a:link, .FatPanelContent a:visited{
	color: #000066;
	font-weight: bold;
	text-decoration: none;
	font-size: 8pt;
}

.FatPanelContent a:hover{
	color: #ffffff;
}


.Heading{
	font-weight: bold;
	font-size: 25pt;
	color: #7CA341;
	position: relative;
	text-align: left;
	font-family: arial;
	padding-top: 7px;	
	left: 140px;
	top: -15px;
}

.blueMenus{
	position: relative;
	color: #ffffff;
	text-align:right;
	right: 160px;
	top: -11px;
	padding: 0px;
}

.blueMenus a:visited, .blueMenus a:link{
	color: #ffffff;
	font-weight: bold;
	font-family: arial;
	font-size: 10pt;
	text-decoration: none;
}

.blueMenus a:hover{
	color: #5993CD;
}

.subHeading{
	position: relative;
	color: #7FA7D7;
	font-size: 14pt;
	left: 25px;
	width: 160px;
}

.menuBox{
	position: relative;
	background-color: #AEC689;
	width: 195px;
	border: 2px solid #ABC3E5;
	padding: 5px;
	line-height: 30px;
	top: 0px;
	left: 20px;
	text-align: left;
}

.menuBox a:link, .menuBox a:visited{
	color: #ffffff;
	font-weight: bold;
	font-size: 12pt;
	font-family: arial;
}

.menuBox a:hover{
	color: #5993CD;
}

.contentBox{
	background-color: #ABC3E5;
	border: 2px solid #AEC689;
	position: relative;
	width: 95%;
	padding: 5px;
	height: 100%;
	color: white;
	top: 5px;
}

.sideMenus{
	position: relative;
	top: 5px;
	color: #AEC689;
	font-weight: bold;
	font-family: arial;
	border-top: 1px dashed #AEC689;
	width: 200px;
	line-height: 30px;
	padding-top: 10px;
	border-bottom: 1px dashed #AEC689;
	padding-bottom: 10px; 
	left: 10px;
	text-align: left;
	font-size: 10pt;
}

.sideMenus a:link, .sideMenus a:visited{
	color: #AEC689;
}

.sideMenus a:hover{
	color: #ABC3E5;
}

.logoff, .logoff a:link, .logoff a:visited{
	position: relative;
	top: 20px;
	text-align:right;
	color: #cccccc;
	font-size: 8pt;
	text-decoration: none;
	padding-right: 5px;
}

.logoff a:hover{
	color: #000000;
}

.companyLogos{
	position: relative;
	bottom: 0px;
	left: 150px;
	height: 30px;
	width: 100%;
	background-repeat: no-repeat;
	background-image: url('../imgs/companyLogos.jpg');
	background-position: left;
}