body {
text-align:center;
background:url(https://secure2.convio.net/hfot/images/background.jpg);
background-repeat:repeat-y;
background-position:top center;
background-color:#274F89;
margin:4px;
font-family:Verdana;
font-size:12px;
}

.t {
background:url(https://secure2.convio.net/hfot/images/dot.gif) 0 0 repeat-x;
width:777px;
background-color:#FFF;
text-align:left;
margin:auto;
}

.b {
background:url(https://secure2.convio.net/hfot/images/dot.gif) 0 100% repeat-x;
}

.l {
background:url(https://secure2.convio.net/hfot/images/dot.gif) 0 0 repeat-y;
}

.r {
background:url(https://secure2.convio.net/hfot/images/dot.gif) 100% 0 repeat-y;
}

.bl {
background:url(https://secure2.convio.net/hfot/images/corner-bottomleft.gif) 0 100% no-repeat;
}

.br {
background:url(https://secure2.convio.net/hfot/images/corner-bottomright.gif) 100% 100% no-repeat;
}

.tl {
background:url(https://secure2.convio.net/hfot/images/corner-topleft.gif) 0 0 no-repeat;
}

.tr {
background:url(https://secure2.convio.net/hfot/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(https://secure2.convio.net/hfot/images/bgOFF.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
border-top:4px solid #B30000;
width: 755px;
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(https://secure2.convio.net/hfot/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(https://secure2.convio.net/hfot/images/bgDIVIDER.gif) no-repeat top right;
padding:11px 20px 0;

}

#topNav ul li a:hover {
color:#B30000;
background:#FEFEFE url(https://secure2.convio.net/hfot/images/bgON.gif) no-repeat top right;
}

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

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

#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(https://secure2.convio.net/hfot/images/double-arrow.gif) no-repeat;
}

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

#searchContent img {
vertical-align:middle;
}

#headerText {
float: left;
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: 755px;
background:url(https://secure2.convio.net/hfot/images/header-back.gif) no-repeat;
background-position: bottom;
margin-bottom: 2px;
}

#maincontentContainer {
width:743px;
background:url(https://secure2.convio.net/hfot/images/content-back.jpg) repeat-x;

padding:6px;
}

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

#menu1 li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
background:#FFF;
width:229px;
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:12px;
font-weight:700;
background:#FFF;
width:229px;
border-size:1px;
border-color:#D8D5D1;
border-style:solid solid none;
border-width:1px;
}

.primaryBox {
width:231px;
height:35px;
background:url(https://secure2.convio.net/hfot/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:231px;
height:35px;
background:url(https://secure2.convio.net/hfot/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:220px;
margin-top:10px;
}

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

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

#slideShow {
margin-bottom:8px;
background: #FFF url(https://secure2.convio.net/hfot/images/box-background.jpg) repeat-x;
border:2px solid #BBE5F2;
}

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

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

.box {
background: #FFF url(https://secure2.convio.net/hfot/images/box-background.jpg) repeat-x;
border:1px solid #9A9A9A;
padding: 8px;
}

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

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

.box h3 {
font-family:Georgia;
font-size:22px;
color:#303030;
letter-spacing:-.8px;
font-weight: 700;
margin: 0;
}

.box h4 {
font-family:Georgia;
font-size:18px;
color:#216697;
font-weight: 700;
}

.box h5 {
font-family:Georgia;
font-size:14px;
font-weight: 700;
display:inline;
}

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

.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(https://secure2.convio.net/hfot/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(https://secure2.convio.net/hfot/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-right: 8px;
border: 1px solid #787878;
}

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

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

#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;
}

#footer {
width:739px;
height:34px;
background:url(https://secure2.convio.net/hfot/images/footer.gif) no-repeat;
background-position: top center;
position:relative;
margin-top:22px;
padding-top:1px;
}

#footer 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(https://secure2.convio.net/hfot/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(https://secure2.convio.net/hfot/images/menu2.gif);
padding:8px 0 0 30px;
}

#menu1 li a:hover {
color:#7f1915;
background:url(https://secure2.convio.net/hfot/images/menu1.gif) 0 -32px;
padding:8px 0 0 32px;
}

#menu2 li a:hover,#menu3 li a:hover {
background:url(https://secure2.convio.net/hfot/images/menu2.gif) 0 -32px;
padding:8px 0 0 32px;
}

.veteranGallery {
float:left; border: 
1px solid black; 
padding: 2px; 
margin: 8px 13px 8px 0;
width: 133px;
height: 133px;
}

#sideNavigationVet {
float:right; 
padding-left:6px;
}

/* -- Gallery Album listing --------------- */

.gallery-albums {
	clear: left;
	float: left;
	width: 650px;
	/* border: 1px dotted red; */
	padding: inherit; 
	/* float: left; */

}

/* Years in Album overview (when grouped by year) */
.gallery-albums h4 { 
	margin: 10px 0 0 0;
	/* font-size: 1.1em; */
}

.gallery-albums .gallery-thumb {
	margin-right: 5px !important;
}

.gallery-album {
	width: 46%; /* Change to 96% if you want 1 Album per line */
	padding-right: 3%;
	/* display: block; */
	float: left;
	overflow: hidden;
	/* border: 1px dotted navy; */
}

.gallery-album p {
	font-size: 1em;
}

.gallery-album .meta {
	margin-top: 3px;
	color: #665f5f;
	font-size: 0.9em;
}

.page-data {
	width: 100%;
	float: left;
	clear: none;
	/* border: dotted 1px yellow; */
}
