.siteback 
{
	background: url('../images/siteBack.png') repeat-x #ffffff; 
	background-position: top center;
}
.headerback
{
	width: 840px;
    height: 60px;
	background-position: center center; 
	background-image: url('../images/siteheader.png'); 
	background-repeat: no-repeat;
}

.masterTable
{
	width: 100%;
	height: 380px;
}

/* navigation */
.navigationtable
{
	width: 175px;
	height: 380px;
}
.navigationtop
{
	margin-left: 0px; 
	margin-top: 0px; 
	background: url('../images/navigationTop.png') left bottom; 
	background-repeat: no-repeat;
	height: 20px;
}
.navigationmiddle
{
	margin-left: 0px; 
	margin-top: 0px; 
	background: url('../images/navigationBody.png') left bottom; 
	background-repeat: repeat-y;
	width: 175px; 
	height: 300px;
	text-align: left;
}
.navigationbottom
{
	margin-left: 0px; 
	margin-top: 0px; 
	background: url('../images/navigationBottom.png') left top; 
	background-repeat: no-repeat;
	height: 20px;
}

/* the order of these css classes will determine override order, the last class will win */
.navigationNodeRoot
{
	margin-left: 8px; 
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #607EA7;
	height: 25px;
	width: 159px;
	background-color: Transparent;
	text-indent: 5px;
	font-size: 15px;
	cursor: pointer;
}
.navigationNodeRoot:hover
{  
	text-decoration: none; 
	background-color:#E6EAF0;
}

.navigationNodeLevel1
{
	text-indent: 10px;
	color: Gray;
	font-size: 13px;
}

.navigationNodeSelected
{
	background-color:#E6EAF0;
	color: Black;
}

/* navigation at the top of a page */
.topNavRoot
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #607EA7;
	height: 25px;
	width: 98px;
	background-color: Transparent;
	font-size: 15px;
	cursor: pointer;
}
.topNavRoot:hover
{  
	text-decoration: none; 
	background-color:#E6EAF0;
}
.topNavSelected
{
	color: Black;
}

/* main body */
.maintable
{
	width: 100%;
	height: 50px;
}
.maintop
{
	margin-left: 0px; 
	margin-top: 0px; 
	background: url('../images/mainTop.png') left bottom; 
	background-repeat: no-repeat;
	height: 20px;
}
.mainmiddle
{
	margin-left: 0px; 
	margin-top: 0px; 
	background: url('../images/main.png') repeat-y left bottom; 
	height: 50px;
	font-weight: 700;
}
.mainbottom
{
	margin-left: 0px; 
	margin-top: 0px; 
	background: url('../images/mainBottom.png') left top; 
	background-repeat: no-repeat;
	height: 20px;
}


/* content */
.contentTable
{
	width: 620px; 
	margin-right: 0px; 
	margin-left: 15px;
	text-align: left;
}

/* buttons */
.transparentButton
{
	background-color: Transparent;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.actionButton
{
	background-color: Transparent;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: Gray;
	font-size: 15px;
}
.actionButton:hover
{
	color: #4a6cff;
}

/* text */
.mainTitle
{
	font-family: Times New Roman;
	font-weight: bold;
	text-align: left;
	font-size: 25pt;
	color: #4a6c9b;
}
.subTitle
{
	font-family: Times New Roman;
	font-weight: bold;
	text-align: left;
	font-size: large;
	color: #4a6c9b;
}
.mainContentFont
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: small; 
	color: Black;
}
.errorFont
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: medium;
	text-align: left;
	color: #CC3300;
}
.infoFont
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: medium;
	text-align: left;
	color: #4a6c9b;
}

.signInButtonImage
{
	background-image: url('../images/LogInButton.png');
	background-repeat: no-repeat;
	width: 80px;
}

.signUpButtonImage
{
	background-image: url('../images/signUpButton.png');
	background-repeat: no-repeat;
	width: 80px;
}

.appstoreimage
{
	background-image: url('../images/App_Store_Badge_EN.png');
	background-repeat: no-repeat;
	width: 150px;
}

.copyrightFont
{
	font-size:small;
	color: Gray;
	text-align: center;
}

/* editing */
.editTextBox
{
	border-style: solid;
	border-color: #C0C0C0;
	border-width: 1px;
	background-color: White;
}