/* Layout Stylesheet */ 

body {
 margin:40px;
 color: #333333;
 background:#253544;
 text-align:center;
 padding:0;
 font: 12px/14px Helvetica, Arial, sans-serif;
 }

#container {
 text-align:left;
 background-color:#FFFFFF;
 border:0px solid #333333;
 width:900px;
 height:655px;
 margin:auto;
}

#header {
	padding: 30 30px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
 	background-image: url('../images/headerbg.jpg');
	height:200px;
	text-align:center;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	padding: 0 25px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image: url('../images/maincontentbg01.jpg');
	background-size: contain;
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
 	height:425px;
	align: top;
}
#mainContentLeft {
	padding: 0 5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
 	height:425px;
	width:250px;
	text-align:left;
	float: left;
	align: top;
}
#mainContentRight {
	padding: 0 5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
 	height:425px;
	width:500px;
	float: right;
	align: top;
}
#rightContent01 {
	padding: 0 5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
 	height:475px;
	width:45%;
	float: left;
	align: top;
}
#rightContent02 {
	padding: 0 5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
 	height:475px;
	width:45%;
	float: right;
	align: top;
}
#mainContentHeader {
	padding: 30 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
 	height:75px;
	width:970px;
	align: right;
	text-align:center;
}
#mainContentTop {
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
 	height:90px;
	width:850px;
    vertical-align:top;
}
#mainContentMiddle {
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
 	height:400px;
	width:850px;
	align: center;
	vertical-align:bottom;
}
#mainContentBottom {
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
 	height:170px;
	width:900px;
	align: bottom;
	vertical-align:bottom;
}
#mainContentBottom01 {
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
 	height:170px;
	width:259px;
    background:#f1f5ef;
	border:2px solid #ffffff;
	float: left;
}
#mainContentBottom02 {
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
 	height:170px;
	width:259px;
	background:#f1f5ef;
	border:2px solid #ffffff;
	float: left;
}
#mainContentBottom03 {
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
 	height:170px;
	width:259px;
	background:#f1f5ef;
	border:2px solid #ffffff;
	float: right;
}
#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	height:25px;
	font-size: 12px;
	text-align:center;
}
#footer a:link {
	font-weight: normal;
	color: #487E45;
	text-decoration: none;
	line-height: 120%;
}
#footer a:visited {
	font-weight: normal;
	color: #487E45;
	text-decoration: none;
	line-height: 120%;
}
#footer a:hover {
	font-weight: bold;
	color: #487E45;
	text-decoration: none;
}
#copyright {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	height:28px;
    color:#487E45;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 28px 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 10px;
	color: #B7DBFF;
}

.clear {clear:both;}

h1{
	color:#002a5c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}

h2{
	color:#002a5c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-align:center
}
h3{
	color:#487E45;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-align:center
}
h4{
	color: #487E45;
	font: 12px/14px Helvetica, Arial, sans-serif;
	padding-left:10;
	font-weight: bold;
}
smallhdr {
	color: #487E45;
	font-weight: bold;
}
text1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
text2{
	color:#487E45;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}
/* Custom bullet for bulleted lists */
.tab40 { margin-left: 40px; }