﻿body 
{
	margin: 0px;
	padding: 0px;	
	font-family:Arial;
	background: #005288;	
	font-size: 8pt; 
}
h1
{
	margin: 5px 0px 4px 0px;
	padding: 0px;
	text-align: left;
	color: #BF1E2D;
	font-size: 18pt;
}

h2
{
	color: #005288;	
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
}
#content h2 a:hover
{
	color: #BF1E2D;
}
#content h2 a
{
	font-family: arial;
	font-size: 8pt;
	color: #005288;
}

.RedText
{
	Color: #BF1E2D;
	font-weight: bold;
	font-size: large;
}
.BlueText
{
	Color: #005288;	
	font-weight: bold;
	font-size: large;
}
a
{
	text-decoration: none;
	font-weight: bold;	
	color: #005288;	
}
a:hover
{
	color: #BF1E2D;
}
input
{
	font-family:Arial;	
	
}
img
{
	border:none;
}
.GreyBox
{
	background: #E6E6E6;
	padding: 7px 20px;
	color: #015289;	
	font-size: 13pt;
	
}
#login input
{
	height: 12px;
	font-size: 8pt;
}
#login input.button
{
	height: 25px;
}
#divRatings
{
	background-image:url(../Images/Testimonials.jpg);
	width: 180px;
	height: 330px;	
	padding-top: 71px;
}
.rating
{
	text-align: left;
	padding: 3px;
}
.ChatBox
{
	border: solid 4px black;
	padding: 5px;	
}

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(../Images/Chat/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../Images/Chat/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
