@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#285d7f;
}
#header {
height:87px;
}
#header img {
border:none;
}
#container {
	width: 80%;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
#content {
margin-bottom:30px;
}

#footer {
background-color:#CAD3DA;
border:1px solid #A9B8C2;
clear:both;
color:#444444;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:70%;
text-align:center;
}

h2 {
text-align: left;
margin-left:5%;
color:#111111;
}

.popup h2 {
margin-left:-5%;
color:#CCCCCC;
}

h2.alt {

}

a {
color:#333333;
text-decoration:none;
font:Arial, Helvetica, sans-serif;

}

img.row1 {
border:2px solid #285d7f;

}

img.row2 {
border:2px solid #ff8309;

}

.popup {
visibility:hidden;
position: fixed;
left:17.5%;
top:25%;
width:65%;
height:65%;
text-align:left;
z-index:4;
cursor:pointer;
}
.pop {
border:1px solid #ff8309;
background:url('images/bgbox.jpg') top left no-repeat #FFF; 
padding:25px;
text-align:left;
}


#greyPage
{
	position: fixed;
	left: 0px; 
	top: 0px;
	width: 100%; 
	height: 100%;
	background-color:#000000; 
	opacity: .80; 
	filter: alpha(opacity=80);
	z-index: 3;
	cursor:pointer;
	visibility:hidden;
}