body {
text-align:center;
background:url(http://www.hfotpics.org/images/background.jpg);
background-repeat:repeat-y;
background-position:top center;
background-color:#28508B;
margin:7px;
}

.t {
background:url(http://www.hfotpics.org/images/dot.gif) 0 0 repeat-x;
width:746px;
background-color:#FFF;
text-align:left;
margin:auto;
}

.b {
background:url(http://www.hfotpics.org/images/dot.gif) 0 100% repeat-x;
}

.l {
background:url(http://www.hfotpics.org/images/dot.gif) 0 0 repeat-y;
}

.r {
background:url(http://www.hfotpics.org/images/dot.gif) 100% 0 repeat-y;
}

.bl {
background:url(http://www.hfotpics.org/images/corner-bottomleft.gif) 0 100% no-repeat;
}

.br {
background:url(http://www.hfotpics.org/images/corner-bottomright.gif) 100% 100% no-repeat;
}

.tl {
background:url(http://www.hfotpics.org/images/corner-topleft.gif) 0 0 no-repeat;
}

.tr {
background:url(http://www.hfotpics.org/images/corner-topright.gif) 100% 0 no-repeat;
padding:11px;
}

#topNav {
position:relative;
display:block;
height:39px;
font-size:12px;
font-weight:700;
background:transparent url(http://www.hfotpics.org/images/bgOFF.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
border-top:4px solid #B30000;
width: 722px;
overflow: hidden;
}

#topNav ul {
list-style-type:none;
width:auto;
margin:0;
padding:0;

}

#topNav ul li {
display:block;
float:left;
margin:0;

}

#topNav ul li a.last {
background:transparent url(http://www.hfotpics.org/images/bgDIVIDER2.gif) no-repeat top right;
}

#topNav ul li a {
display:block;
float:left;
color:#666;
text-decoration:none;
height:23px;
background:transparent url(http://www.hfotpics.org/images/bgDIVIDER.gif) no-repeat top right;
padding:11px 20px 0;

}

#topNav ul li a:hover {
color:#B30000;
background:#FEFEFE url(http://www.hfotpics.org/images/bgON.gif) no-repeat top right;
}

#logo {
float: left;
padding-left: 7px;
}

#topContainer {
float: right;
width: 565px;
}

#topLinks {
float: left;
position:relative;
left:-10px;
}

#topLinks ul {
font-family:Verdana,Arial,Helvitica,san-sans-serif;
font-weight:700;
font-size:11px;
color:#696969;
margin:0;
padding:6px 0 0 5px;
}

#topLinks a {
color:#696969;
text-decoration:none;
}

#topLinks li {
display:inline;
padding-left:10px;
padding-right:16px;
background:url(http://www.hfotpics.org/images/double-arrow.gif) no-repeat;
}

#searchContent {
float: right;
clear: right;
}

#searchContent img {
vertical-align:middle;
}

#headerText {
float: left;
padding: 23px 0 17px;
margin-top: 3px;
font-family:Arial,Helvetica;
font-size:20px;
display:inline;
letter-spacing:-.8px;
vertical-align: middle;
font-weight: 700;
width: 560px;
color:#eff7f9;
}

#header {
width: 723px;
background:url(http://www.hfotpics.org/images/header-back.gif) no-repeat;
background-position: bottom;
margin-bottom: 2px;
}

#maincontentContainer {
width:712px;
background:url(http://www.hfotpics.org/images/content-back.jpg) repeat-x;

padding:6px;
}

#menu1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:95%;
font-weight:700;
background:#FFF;
width:200px;
border-size:1px;
border-color:#D8D5D1;
border-style:solid solid none;
border-width:1px;
}

#menu2,#menu3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
font-weight:700;
background:#FFF;
width:200px;
border-size:1px;
border-color:#D8D5D1;
border-style:solid solid none;
border-width:1px;
}

.primaryBox {
width:202px;
height:35px;
background:url(http://www.hfotpics.org/images/red-box.gif);
}

.primaryBox h2 {
font-family:Helvetica, Verdana, sans-serif;
color:#FFF;
font-size:17px;
font-weight:700;
letter-spacing:0;
margin-left:19px;
line-height:35px;
display:inline;
width:202px;
height:35px;
}

.secondaryBox {
width:202px;
height:35px;
background:url(http://www.hfotpics.org/images/blue-box.gif);
}

.secondaryBox h2 {
font-family:Helvetica, Verdana, sans-serif;
color:#FFF;
font-size:15px;
font-weight:700;
letter-spacing:0;
margin-left:19px;
line-height:35px;
display:inline;
width:202px;
height:35px;
}

#sideContent {
float:right;
}

#sideContent a {
color:#216697;
text-decoration:none;
}

#sideImages {
float:left;
width:202px;
margin-top:10px;
}

#sponsorImages {
width:202px;
margin-top:10px;
}

#sideImages img {
display:block;
margin:auto;
}

#slideShow {
width:500px;
height:197px;
margin-bottom:8px;
}

.border {
border:2px solid #BBE5F2;
margin-bottom:6px;
width: 500px;
}

.border2 {
border:2px solid #BBE5F2;
margin-bottom:6px;
overflow: hidden;
}

.box {
background: #FFF url(http://www.hfotpics.org/images/box-background.jpg) repeat-x;
border:1px solid #9A9A9A;
padding: 9px 18px;
}

.box p {
font-family:Verdana;
font-size:12px;
color:#303030;
line-height:1.3;
text-align: left;
margin: 8px 0;
}

.box hr {
border:0;
border-bottom:1px;
margin: 12px 0;
border-color:#CFE1EF;
border-style:solid;
clear: both;
}

.box #completedHomes li {
list-style-type:none;
background-image: url(http://www.hfotpics.org/images/completed-home.gif);
background-repeat: no-repeat;
background-position: left center;
margin-left: 8px;
padding-left: 22px;
}

.box #progressHomes li {
list-style-type:none;
background-image: url(http://www.hfotpics.org/images/progress-home.gif);
background-repeat: no-repeat;
background-position: left center;
margin-left: 8px;
padding-left: 22px;
}

.veteranName {
font-family:Georgia;
font-size:17px;
font-weight: 700;
display:inline;
margin: 6px 0;
}

.homesList {
float:left; 
margin-left:120px;
}

.portrait {
float: left; 
padding: 3px;
margin: 8px 8px 8px 0;
border: 1px solid #787878;
}

.veteran {
float: right; 
padding: 3px;
margin: 8px 0px 8px 8px;
border: 1px solid #787878;
}

.bioPic {
float: left; 
padding: 3px;
margin: 8px 8px 8px 0px;
border: 1px solid #787878;
}

#sponsorBox {
width:200px; 
border: 1px solid #ded6d6;
background-color:#efefe7; 
margin-top:6px;
text-align:center;
}

#sponsorBox p {
font-size:12px; 
font-family:Verdana,Arial,Helvitica,san-sans-serif; 
font-size:11px;
text-transform:uppercase;
color:#FFF;
background-color:#103973;
padding: 5px;
}

#sponsorBox img {
padding:6px;
}

#sponsorBox hr {
border:0;
border-bottom:1px;
margin: 6px;
border-color:#CFE1EF;
border-style:solid;
clear: both;
}

dl {
margin: 20px 0;
}

dt {
font-family:Georgia;
font-size:15px;
font-weight: 700;
margin-right: 25px;
border-bottom: 1px solid #808080;
}

dd {
font-family: Verdana;
font-size: 12px;
padding: 6px;
}

.needed {
color: red;
background: yellow;
font-weight: bold;
font-size: 14px;
padding: 3px;
margin-bottom: 2px;
}

.floatleft {
float: left; 
padding: 3px;
margin: 0 8px 8px 0;
}

.blogText {
font-family:Verdana;
font-size:12px;
color:#303030;
line-height:1.2;
padding: 8px 0;
}

.box .date {
text-transform:uppercase;
font-family:verdana;
font-size:9px;
text-align:left;
margin: 12px 0 8px 0;
}

.continue {
text-transform:uppercase;
font-family:verdana;
font-size:10px;
color:#216697;
font-weight:700;
text-align:left;
margin:0 0 0 8px;
}

#sitefooter {
width:724px;
height:34px;
background:url(http://www.hfotpics.org/images/footer.gif) no-repeat;
background-position: top center;
position:relative;
left:-5px;
margin-top:22px;
padding-top:10px;
}

#sitefooter p {
color:#d5e4e7;
font-family:verdana;
font-size:11px;
}

ul#footerlinks {
text-align:center;
list-style:none;
padding-bottom:5px;
}

ul#footerlinks li {
display:inline;
color:#27355b;
}

ul#footerlinks li a {
color:#27355b;
font-size:11px;
font-family:verdana;
text-transform:capitalize;
text-decoration:none;
padding:0 15px;
}

#headerImage,#sideNavigation {
float:left;
}

#topLinks a:hover,#sideContent a:hover,ul#footerlinks li a:hover {
text-decoration:underline;
}

.box a:hover {
text-decoration:underline;
}

#menu1 ul,#menu2 ul,#menu3 ul {
list-style:none;
margin:0;
padding:0;
}

#menu1 li a,#menu2 li a,#menu3 li a {
voice-family:inherit;
height:24px;
text-decoration:none;
}

#menu1 li a:link,#menu1 li a:visited,#menu2 li a:link,#menu2 li a:visited,#menu3 li a:visited,#menu3 li a:link,#menu3 li a:visited {
color:#273d6e;
display:block;
background:url(http://www.hfotpics.org/images/menu1.gif);
padding:8px 0 0 30px;
}

#menu2 li a:link,#menu2 li a:visited,#menu3 li a:link,#menu3 li a:visited {
color:#273d6e;
display:block;
background:url(http://www.hfotpics.org/images/menu2.gif);
padding:8px 0 0 30px;
}

#menu1 li a:hover {
color:#7f1915;
background:url(http://www.hfotpics.org/images/menu1.gif) 0 -32px;
padding:8px 0 0 32px;
}

#menu2 li a:hover,#menu3 li a:hover {
background:url(http://www.hfotpics.org/images/menu2.gif) 0 -32px;
padding:8px 0 0 32px;
}