body {
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
}

#my-border{
width:980px;
height:900px;
align: center;
vertical-align:middle;
margin-top: 20px;
margin-left: -450px;
position: absolute;
left: 50%;
padding:20px;
margin-left: -450px}

#my-border1{
width: 900px;
height: 100%;
align: center;
margin-left:-470px;
align:center;
position: absolute;
left: 50%;
margin-top: 20px;
}

#my-border2{
width: 1185px;
height: 100%;
align: center;
margin-left:-470px;
align:center;
position: absolute;
left: 50%;
margin-top: 20px;
}

#background {
position:absolute;
width:899px;
height:820px;
background-color:#FFFFFF;
}

#background1 {
position:absolute;
width:899px;
height:1490px;
background-color:#FFFFFF;
}
#background2 {
position:absolute;
width:899px;
height:1190px;
background-color:#FFFFFF;
}

#container1 {
position:absolute;
width:410px;
height:233px;
border:0px;
padding:0px;
background-color:#004a99;
left: 0px;
top: 0px;
}

#container2 {
position:absolute;
width:410px;
height:233px;
border:0px;
padding:0px;
background-color:#FFFFFF;
left: 410px;
top: 0px;
}

#container3 {
position:absolute;
width:410px;
height:233px;
border:0px;
padding:0px;
left: 410px;
top: 233px;
}

#container4 {
position:absolute;
width:410px;
height:233px;
border:0px;
padding:0px;
background-color:#006666;
left: 0px;
top: 233px;
}

#container5 {
position:absolute;
width:820px;
height:466px;
border:0px;
padding:0px;
background-color:#006666;
left: 38px;
top: 55px;
}

.nav1home  {
	color: #FFFFFF;
	font-weight: lighter;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 16px;
	text-align: left;
	vertical-align: baseline;
	width: 274px;
	left: 466px;
	top: 370px;
	height: 30px;
}

#nav1 {
	position:absolute;
	width:274px;
	height:93px;
	padding:0px;
	left:462px;
	top:355px;
	z-index: 100;
		}

.welcome {
	color: #004a99;
	font-weight: lighter;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 14px;
	text-align: left;
	}

#welcome {
position:absolute;
width:357px;
height:116px;
border:0;
padding:0px;
left: 53px;
top: 355px;
}

.navtop  {
	color: #004a99;
	font-weight: lighter;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	text-align: left;
	vertical-align: baseline;
	width: auto;
	left: 466px;
	top: 370px;
	height: 25px;
}

.navtop2  {
	color: #004a99;
	font-weight: lighter;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	text-align: left;
	vertical-align: baseline;
	width: auto;
	left: 466px;
	top: 370px;
	height: 25px;
}

#navtop {
	position:absolute;
	width:283px;
	height:25px;
	padding:0px;
	left: 559px;
	top: 16px;
	z-index:100;
		}

#footer {
	position:absolute;
	width:822px;
	height:38px;
	padding:0px;
	left: 38px;
	top: 530px;
		}

.footer  {
	color: #004a99;
	font-weight: lighter;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	text-align: left;
	vertical-align: baseline;
	width: auto;
	left: 466px;
	top: 370px;
	height: 25px;
}

.nav2home  {
	color: #FFFFFF;
	font-weight: lighter;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	vertical-align: baseline;
	width: auto;
	left: 466px;
	top: 370px;
	height: 20px;
}

#nav2 {
	position:absolute;
	width:139px;
	height:78px;
	padding:0px;
	left: 464px;
	top: 449px;
		}
		
#nav5 {
	position:absolute;
	width:177px;
	height:78px;
	padding:0px;
	left: 622px;
	top: 449px;
		}


.nav1home a:hover {
	color: #f0eabb;
}

.nav1home a {
	color: #FFFFFF;
	text-decoration: none;
}

.navtop a:hover {
	color: #bdae29;
}

.navtop a {
	color: #004a99;
	text-decoration: none;
}

.navtop2 a:hover {
	color: #FFFFFF;
}

.navtop2 a {
	color: #004a99;
	text-decoration: none;
}

.nav2home a:hover {
	color: #f0eabb;
}

.nav2home a {
	color: #FFFFFF;
	text-decoration: none;
}

.footer a:hover {
	color: #bdae29;
}

.footer a {
	color: #004a99;
	text-decoration: none;
}

.bodytext a:hover {
	color: #bdae29;
}

.bodytext a {
	color: #bdae29;
	text-decoration: none;
}


#logo {
position:absolute;
width:215px;
height:117px;
border:0px;
padding:0px;
background-color:#FFFFFF;
left: 28px;
top: 34px;
z-index:100;
}


#navtop2 {
	position:absolute;
	width:164px;
	height:25px;
	padding:0px;
	left: 698px;
	top: 15px;
	z-index:100;
		}

#mainimage {
	position:absolute;
	width:585px;
	height:auto;
	z-index:101;
	left: 314px;
	top: 155px;
	padding:0px;
}

#heading {
	position:absolute;
	width:594px;
	height:43px;
	z-index:102;
	left: 304px;
	top: 97px;
}

#footer2 {
	position:absolute;
	width:822px;
	height:28px;
	padding:0px;
	left: 1px;
	top: 830px;
		}
		
#footer3 {
	position:absolute;
	width:822px;
	height:28px;
	padding:0px;
	left: 1px;
	top: 1500px;
		}
#footer4 {
	position:absolute;
	width:822px;
	height:28px;
	padding:0px;
	left: 1px;
	top: 1200px;
		}

#nav3 {
	position:absolute;
	width:254px;
	height:130px;
	z-index:103;
	left: 31px;
	top: 155px;
	border-top-color: #004a99;
	border-bottom-color: #004a99;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dashed;
	border-bottom-style: dashed;
}


#bodytext {
	position:absolute;
	width:312px;
	height:245px;
	z-index:100;
	left: 315px;
	top: 310px;
}

.bodytext  {
	color: #004a99;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	width: auto;
	left: auto;
	top: auto;
	}
	
.bodytext-testimonials {
	color: #004a99;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	width: auto;
	left: auto;
	top: auto;
	}
	
.bodytext-testimonials a:hover {
	color: #bdae29;
}

.bodytext-testimonials a {
	color: #bdae29;
	text-decoration: none;
}
	
.bodytext2  {
	color: #004a99;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	width: auto;
	left: auto;
	top: auto;
	}

#quote {
	position:absolute;
	width:230px;
	height:134px;
	z-index:104;
	left: 648px;
	top: 660px;
}

#quote1 {
	position:absolute;
	width:230px;
	height:134px;
	z-index:104;
	left: 648px;
	top: 590px;
}

#quote2 {
	position:absolute;
	width:230px;
	height:134px;
	z-index:104;
	left: 648px;
	top: 1350px;
}

#quote3 {
	position:absolute;
	width:230px;
	height:134px;
	z-index:104;
	left: 648px;
	top: 1050px;
}


.quote  {
	color: #bdae29;
	font-weight: lighter;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 23px;
	text-align: left;
	width: auto;
	left: 466px;
	height: auto;
	vertical-align: bottom;
}

.quote2  {
	color: #bdae29;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-align: left;
	width: auto;
	left: 466px;
	top: 470px;
	height: 20px;
	font-style: italic;
	margin-top: 5px;
}

#nav4 {
	position:absolute;
	width:250px;
	height:174px;
	z-index:104;
	left: 34px;
	top: 310px;
}

#nav6 {
	position:absolute;
	width:250px;
	height:174px;
	z-index:104;
	left: 34px;
	top: 510px;
}

#nav4a {
	position:absolute;
	width:254px;
	height:174px;
	z-index:104;
	left: 31px;
	top: 280px;
}
#searchbox {
	position:absolute;
	width:146px;
	height:15px;
	z-index:101;
	left: 712px;
	top: 13px;
	outline-width: thin;
	outline-style: solid;
	outline-color: #004A99;
	background-color: #FFFFFF;
}

#searchbox2 {
	position:absolute;
	width:146px;
	height:15px;
	z-index:101;
	left: 712px;
	top: 13px;
	background-color: #FFFFFF;
}

#linkedin {
	position:absolute;
	width:12px;
	height:12px;
	z-index:101;
	left: 867px;
	top: 17px;
}

#linkedin2 {
	position:absolute;
	width:12px;
	height:12px;
	z-index:101;
	left: 846px;
	top: 18px;
}

#bottom {
	position:absolute;
	width:574px;
	height:33px;
	z-index:100;
	left: 314px;
	top: 770px;
}

.bottom  {
	color: #666666;
	font-weight: lighter;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	text-align: left;
	vertical-align: baseline;
	width: auto;
	left: 466px;
	top: 370px;
	height: 25px;
}
html>body .outerpair1 {
background: url(images/upperrightfade.png) right top no-repeat;
}
/* .outerpair1 must be given a width contraint, via either a width,
or by floating or absolute positioning. In this demo these are
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


html>body .outerpair2 {
background: url(images/lowerleftfade.png) left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}
/* .outerpair2 has padding equal to the shadow
thickness, and also has one of the corner .png's */


html>body .shadowbox {
background: url(images/shadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */


html>body .innerbox {
position: relative;
left: -8px;
top: -8px;
}
/* .innerbox is made "relative" and is "pulled" up and to
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */


.shadowbox img {
border: 10px solid #fff;
vertical-align: bottom;
}
/* Shadowed images should not be made "block" for eliminating the baseline
space under the images, because this may trigger IE background bugs.
Instead, use "vertical-align: bottom;" for this purpose. */


/*XXXXXXXXXXXXXXXXXX Custom width constraints and extra styling XXXXXXXXXXXXXXX*/

.floatimage {
float: left; /* Floating causes this box to shrinkwrap around sized content elements. */
margin: 130px 0 0 450px;
display: inline; /* IE doubled margin bug is defeated via this fixer rule. */
}

.flashbox { /* Absolute positioning also causes the shrinkwrap behavior. */
position: absolute;
left: 377px;
top: 30px;
}

.flashbox .innerbox {
background: #eed;
border: 1px solid #ccb;
}

.absoluteimage { /* Again, absolute positioning causes shrinkwrapping. */
position: absolute;
left: 40px;
top: 200px;
}

.textbox {
position: absolute; /* AP once more... */
margin-top:20px;
}

.textbox .innerbox {
background: #ffffff;
width: 898px;
height: 699px;
overflow: auto;
}

.textbox1 {
position: absolute; /* AP once more... */
margin-top:20px;
}

.textbox1 .innerbox {
background: #ffffff;
width: 898px;
height: 1290px;
overflow: auto;
}
/* Unlike the other items, the .textbox content is just text without a natural
width, and so shrinkwrapping fails, unless .innerbox is given a specific width.
All shadowed text elements will need a width of some kind to avoid a full-width
shadowed box, unless that is the desired effect. The width may be appied to
div.inner, div.outerpair1, or an external wrapper element. */

.linkbox {
position: absolute; /* AP once more... */
left: 10px;
top: 6px;
}

.linkbox .innerbox {
display: block;
background: #fff;
padding: 3px 5px;
}

.textf {font-family: Arial, Helvetica, sans-serif;font-size: 11px; width:180px; background-color: #FFFFFF; margin:0px 0px 2px 0px; padding:2px; border: 1px solid #648fbf;color: #004a99;text-align:left}
.heading2 {font-family:"Arial", Helvetica, Verdana, sans-serif;font-weight:normal;font-size:12px;color:#004a99;line-height:12px;text-align:left}
	.button {
	display: block;
	padding:4px;
	background-color:#004A99;
	margin:2px;
	color:#FFFFFF;
	font-size: 11px;
	float: left;
	margin-right: 3px;
	border: 0px;
	cursor: pointer;
}
	.textfield:hover {background:#FBFCF8;}
	.textfield:focus {background:#ffffff;}
#charitylogo {
	position:absolute;
	width:230px;
	height:134px;
	z-index:104;
	left: 648px;
	top: 310px;
}
.style1 {color: #BDAE29}