body {
/*background-color: #4169E1; */
background-image: url(../img/grey3.jpg);
/* background-image: url(../img/brick.jpg); */
margin-top: 10px;
}

.main {
font-family: arial, verdana, sans-serif;
color: #000;
margin-left: auto;
margin-right: auto;
width: 730px;
height: 1050px;
background-color: #FFF;
}

.main-veterans {
font-family: arial, verdana, sans-serif;
color: #000;
margin-left: auto;
margin-right: auto;
width: 730px;
height: 2800px;
background-color: #FFF;
}

.main-recap {
font-family: arial, verdana, sans-serif;
color: #000;
margin-left: auto;
margin-right: auto;
width: 730px;
height: 1220px;
background-color: #FFF;
}

.main1 {
font-family: arial, verdana, sans-serif;
color: #000;
margin-left: auto;
margin-right: auto;
width: 750px;
height: 1050px;
background-color: #FFF;
}

.main2 {
font-family: arial, verdana, sans-serif;
color: #000;
margin-left: auto;
margin-right: auto;
width: 730px;
height: 1975px;
background-color: #FFF;
}


#right {
position: absolute;
font-size: 15px;
border-left: 2px;
border-color: silver;
border-left-style: double;
padding: 20px;
top: 10px;
width: 490px;
left: 195px;
margin-right: 50px;
height: 840px;
text-align: justify;
}

#right-veterans {
position: absolute;
font-size: 15px;
border-left: 2px;
border-color: silver;
border-left-style: double;
padding: 20px;
top: 10px;
width: 490px;
left: 195px;
margin-right: 50px;
height: 2600px;
text-align: justify;
}

#right-recap {
position: absolute;
font-size: 15px;
border-left: 2px;
border-color: silver;
border-left-style: double;
padding: 20px;
top: 10px;
width: 490px;
left: 195px;
margin-right: 50px;
height: 1000px;
text-align: justify;
}

#right1 {
position: absolute;
font-size: 15px;
border-left: 2px;
border-color: silver;
border-left-style: double;
padding: 20px;
top: 10px;
width: 490px;
left: 195px;
margin-right: 50px;
height: 1725px;
text-align: justify;
}

#footer {
position: absolute;
top: 930px;
height: 60px;
width: 730px;
}

#footer-veterans {
position: absolute;
top: 2650px;
height: 60px;
width: 730px;
}

#footer-recap {
position: absolute;
top: 1070px;
height: 60px;
width: 730px;
}

#footer1 {
position: absolute;
top: 1825px;
height: 60px;
width: 730px;
}

#USFlag {
position: absolute;
top: 260px;
left: 25px;
}

#IowaFlag {
position: absolute;
top: 380px;
left: 25px;
}

#Army {
position: absolute;
top: 510px;
left: 15px;
}

#Navy {
position: absolute;
top: 694px;
left: 15px;
}

#AirForce {
position: absolute;
top: 878px;
left: 15px;
}

#Marines {
position: absolute;
top: 1062px;
left: 15px;
}

#CoastGuard {
position: absolute;
top: 1246px;
left: 15px;
}

#NationalGuard {
position: absolute;
top: 1430px;
left: 15px;
}


#donise {
float: left;
padding-top:2px;
padding-right: 15px;
padding-bottom: 5px;
width: 175px;
height: 250px;
}

#kelli {
float: left;
padding-top:2px;
padding-right: 15px;
padding-bottom: 5px;
width: 175px;
height: 220px;
}

#felicia {
float: left;
padding-top:2px;
padding-right: 15px;
padding-bottom: 5px;
width: 194px;
height: 180px;
}

#nikki {
float: left;
padding-top:2px;
padding-right: 15px;
padding-bottom: 5px;
width: 175px;
height: 272px;
}

#MusicalSlideshow {
margin-left: 45%;
}

#guestbook {
position: absolute;
margin-left: auto;
margin-right: auto;
top: 10px;
width: 400px;
height: 1200px;
}

#guestbook-label {
margin-left: 50px;
text-align: justify;
width: 500px;
font-size: 15px;
}

#gbcover {
position: absolute;
width: 750px;
height: 280px;
top: 752px;
margin-left: 0px;
background-color: #FFF;
background-image: url(../img/grey3.jpg);
z-index: 1;
}

#home-button {
position: absolute;
top: 10px;
left: 585px;
}

#announcements {
position: absolute;
top: 300px;
left: 10px;
width: 164px;
height: 200px;
background-color: #E2E7F8;
text-align: justify;
padding: 5px;
border: 1px solid;
}

#PhotoInvite {
position: absolute;
top: 300px;
left: 10px;
width: 164px;
height: 160px;
text-align: justify;
padding: 5px;
background-color: #E2E7F8;
border: 1px solid;
}

#MemoryLaneInvite {
position: absolute;
top: 300px;
left: 10px;
width: 164px;
height: 210px;
text-align: justify;
padding: 5px;
background-color: #E2E7F8;
border: 1px solid;
}

.paragraph {
position: relative;
left: 40%;
}

#fire {
float: right;
padding-top:5px;
padding-left: 15px;
padding-bottom: 5px;
width: 270px;
height: 146px;
}

#trojan {
float: right;
padding-top:20px;
padding-left: 10px;
padding-bottom: 5px;
width: 140px;
height: 161px;
}

#bluebird {
float: right;
padding-top:20px;
padding-left: 10px;
padding-bottom: 5px;
width: 174px;
height: 159px;
}

#MemoryLane {
position: absolute;
top: 50px;
left: 15px;
filter:alpha(opacity=30);
opacity:0.3;
}

#logo-area {
background-image: url(../img/grey3.jpg);
background-repeat: repeat-x;
}

#logo {
margin: 0px;
padding: 0px;
height: 111px;
width: 730px;
}

#logo1 {
margin: 0px;
padding: 0px;
height: 111px;
width: 750px;
}

#main-img {
height: 264px;
width: 480px;
}

#container {
position: absolute;
width: 730px;
margin-left: auto;
margin-right: auto;
}

#countdown {
position: absolute;
top: 10px;
left: 200px;
height: 25px;
color: #000;
font: bold 17px MS Sans Serif;
background-color: #E6EEEF;
padding: 3px;
width: 500px;
text-align: center;
}

.lcdstyle{ /*Example CSS to create LCD countdown look*/
background-color: #E6EEEF;
color: #000;
height: 25px;
font: bold 18px MS Sans Serif;
padding: 3px;
}

.lcdstyle sup{ /*Example CSS to create LCD countdown look*/
font-size: 80%
}


#date {
position: absolute;
top: 320px;
width: 250px;
left: 480px;
font-size: 13px;
font-weight: bold;
font-family: verdana;
color: #4169E1;
}

#nav {
font-family: verdana;
font-size: 12px;
/* border: solid #000 1px; */
position: absolute;
left: 10px;
top: 20px;
width: 175px;
height: 250px;
padding: 0px;
background-image: url(../img/nav.gif);
background-position: bottom center;
background-repeat: no-repeat;
z-index: 1;
}

#navmenu {
/* width: 135px; */
width: 100%;
}

#navmenu a{
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
display: block;
width: 100%;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 2px;
padding-right: 2px;
/* color: #F2F5F7; */
color: #000;
margin-left: 12px;
text-align: left;
text-decoration: none;
border-bottom: 1px solid black;
}

#navmenu a:hover{
color: #16B0F7;
}

#navmenu a:active{
color: red;
}

#weather {
position: absolute;
top: 550px;
left: 10px;
}

#alumni-label {
text-align: center;
}

#alumni {
border: 1px solid;
border-color: black;
font-size: 15px;
padding: 5px;
width: 420px;
margin-left: auto;
margin-right: auto;
background-color: #F5F6FD;
}

#alumni1 {
margin-left: 0px;
border: 1px solid;
border-color: black;
font-size: 15px;
padding: 5px;
width: 420px;
background-color: #F5F6FD;
}

#photos {
position: absolute;
font-size: 16px;
text-align: center;
top: 390px;
width: 173px;
height: 215px;
left: 0px;
border: 1px solid;
border-color: #CDE4F6;
}

#Marquee {
position: absolute;
top: 400px;
left: 0px;
font-size: 14px;
border: 1px solid;
border-color: #000000;
}

html>body #navmenu a{
width: auto;
}

a {
color: blue;
text-decoration: none;
}

a:hover {
color: maroon;
}

a:active {
color: #F00;
border: 0;
}

#special {
color: black;
}

img {
border: 0;
}

p {
text-align: justify;
}

#FormDownload {
font-family: arial, verdana, sans-serif;
font-size: 16px;
position: absolute;
top: 300px;
left: 10px;
text-align: center;
height: 200px;
width: 173px;
border: 1px solid;
border-color: #CDE4F6;
}

#articles {
font-family: arial, verdana, sans-serif;
font-size: 16px;
position: absolute;
top: 300px;
left: 10px;
text-align: center;
height: 350px;
width: 173px;
border: 1px solid;
border-color: #CDE4F6;
}

#articles-recap {
font-family: arial, verdana, sans-serif;
font-size: 15px;
position: absolute;
top: 300px;
left: 10px;
text-align: center;
height: 180px;
width: 173px;
border: 1px solid;
border-color: #CDE4F6;
}

#schoolhouse {
float: right;
padding-left: 10px;
padding-bottom: 10px;
}

#forms {
position: absolute;
top: 400px;
left: 0px;
font-size: 14px;
border: 1px solid;
border-color: #000000;
text-align: justify;
}

#AdditionalInfo {
margin-left: 10px;
}

#AddInfoBullets {
margin-left: 35px;
}

#Directions {
float: right;
padding-left: 20px;
padding-bottom: 125px;
}

#DrivingDirections {
margin-left: 0px;
text-align: justify;
}

p.center {
text-align: center;
}

#PhonePic {
float: right;
padding-top: 20px;
padding-left: 15px;
padding-bottom: 10px;
}

#PhonePic1 {
float: left;
padding-right: 15px;
padding-bottom: 10px;
}

#mailbox {
float: left;
padding-right: 15px;
padding-bottom: 10px;
}

#siren {
float: left;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
}

#fire-top {
height: 100px;
background-color: #000;
background-image: url(../img/space.gif); 
background-position: center center;
}

#smiler {
padding-left: 71px;
}

#reservationcounter {
position: absolute;
top: 0px;
left: 15px;
width: 500px;
background-image: url(../img/marble1.jpg); 
background-position: center center;
background-repeat: repeat-x;
border-top: 2px solid;
border-bottom: 2px solid;
border-color: silver;
color: #F2F5F7;
height: 30px;
font: 25px Arial;
font-weight: 600;
}

#counterlabel {
position: absolute;
top: 4px;
left: 70px;
}

#digits {
position: absolute;
top: 0px;
left: 380px;
background-color: #000;
height: 30px;
width: 50px;
text-align: center;
}

.number {
width: 14px;
height: 25px;
}

#slideshows2008 {
position: absolute;
top: 135px;
left: 90px;
width: 139px;
font: bold 18px arial;
color: #323232;
background: #CECECE;
}

#label2008 {
position: absolute;
top: 190px;
}

#slideshows2007 {
position: absolute;
top: 310px;
left: 90px;
width: 399px;
font: bold 18px arial;
color: #323232; 
background: #CECECE;
}

#label2007 {
position: absolute;
top: 365px;
/* top: 175px; */
}

#campgroundpics {
position: absolute;
top: 490px;
left: 90px;
width: 160px;
height: 134px;
font: bold 18px arial;
color: #323232; 
background: #CECECE;
text-align: center;
}

.imghover {
filter:alpha(opacity=50);
opacity:0.50;
}

.imghover:hover {
filter:alpha(opacity=100);
opacity:1;
}

#fader {
position: absolute;
top: 300px;
left: 10px;
font-size: 14px;
border: 1px solid;
border-color: #4169E1;
text-align: justify;
}

#donations {
float: right;
padding-left: 20px;
padding-bottom: 10px;
}

#donate-button {
text-align: center;
}

#donations-thanks {
text-align: center;
}

/* --- CSS Menu --- */

ul#navmenu-v { 
margin : 0;
border : 0 none;
padding : 0;
width : 185px;
list-style : none;
}

ul#navmenu-v li { 
margin : 0;
border : 0 none;
/*border-right: 1px solid black; */
padding : 0;
width : 175px;
list-style : none;
}

ul#navmenu-v ul {
margin : 0;
border : 0 none;
padding : 0;
/*width : 175px; */
list-style : none;
}
 
ul#navmenu-v:after { 
clear : both;
display : block;
font : 1px/0 serif;
content : ".";
height : 0;
visibility : hidden;
}
 
ul#navmenu-v li { 
float : left;
display : block !important;
display : inline;
position : relative;
}
 
ul#navmenu-v a { 
border-bottom: 1px solid black;
/* padding : 0 6px; */
display: block;
color: #4169E1;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 2%;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 3px;
padding-right: 3px;
}
 
ul#navmenu-v a:hover, ul#navmenu-v li:hover a, ul#navmenu-v li.iehover a { 
/* This is where you control the main menu appearance. */
/* background-color: transparent; */
/* color: #16B0F7; */
background: #16B0F7;
/*background: #4169E1; */
color : #fff;
}
 
ul#navmenu-v li:hover li a, ul#navmenu-v li.iehover li a { 
background: #EBE9E8;
color : #585859;
}
 
ul#navmenu-v li:hover li a:hover, ul#navmenu-v li:hover li:hover a, ul#navmenu-v li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover a { 
background: #16B0F7;
/* background: #4169E1; */
color: #FFF;
border-right: 1px solid black;
}

ul#navmenu-v li:hover li:hover li a, ul#navmenu-v li.iehover li.iehover li a { 
background : #eee;
color : #666;
}
 
ul#navmenu-v li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover a, ul#navmenu-v li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover a { 
background: #16B0F7;
color : #fff;
}
 
ul#navmenu-v li:hover li:hover li:hover li a, ul#navmenu-v li.iehover li.iehover li.iehover li a { 
background : #eee;
color : #666;
}
 
ul#navmenu-v li:hover li:hover li:hover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li a:hover { 
background : #ccc;
color : #fff;
}
 
ul#navmenu-v ul, ul#navmenu-v ul ul, ul#navmenu-v ul ul ul { 
display : none;
position : absolute;
top : 0;
left : 164px;
}

ul#navmenu-v ul#navmenu-v ul ul, ul#navmenu-v ul ul ul { 
display : none;
position : absolute;
top : 0;
left : 160px;
}
 
ul#navmenu-v li:hover ul ul, ul#navmenu-v li:hover ul ul ul, ul#navmenu-v li.iehover ul ul, ul#navmenu-v li.iehover ul ul ul { 
display : none;
}
 
ul#navmenu-v li:hover ul, ul#navmenu-v ul li:hover ul, ul#navmenu-v ul ul li:hover ul, ul#navmenu-v li.iehover ul, ul#navmenu-v ul li.iehover ul, ul#navmenu-v ul ul li.iehover ul { 
display : block;
}