#container  {

width: 1240px;
border: 4px solid #1DE2F0;
height: 1000px;
}

#header	{

width: 600px;
height: 194px;
position: relative;
background-image: url(images/titlepic.Gif);

}



#body  {

margin: auto;
width: 420px;
padding: 10px 0px 0px 10px;

}




#header2	{

width: 360px;
height: 200px;
position:absolute;left 600px;top: 20px;
background-image: url(images/sand71.gif);

}



#horizontalnav  {

width: 1240px;
height: 40px;
position: relative;
background-color: 
border-bottom: 
border-top: 
}

.navlinks  {

position: absolute; top: 10px; left: px; 

}

.navlinks ul { 

margin: left;

}

.navlinks li {

margin: 0px 18px 0px 0px;
list-style-type: none;
display: inline;
}	





.box1  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 600px;
height: 400px;
color: #;
position: absolute; left: 20px; top: px;



}





.box4  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 160px;
height: 600px;
color: #;
position: absolute; left: 1040px; top: 10px;



}





.box2 {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 500px;
height: 70px;
color: #;
position: absolute; left: 680px; top: 120px;



}





.box3  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 330px;
height: 350px;
color: #;
position: absolute; left: 660px; top: ;
Border: 3px solid #33ccff;
}




.box5  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 600px;
height: 350px;
color: #;
position: absolute; left: 20px; top: 380px;
Border: 3px solid #0066ff;
}



.box6  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 200px;
height: 200px;
color: #;
position: absolute; left: 24px; top: 430px;
Border:  ;
}



.box7  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 200px;
height: 200px;
color: #;
position: absolute; left: 224px; top: 430px;
Border: ;
}



.box8  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 200px;
height: 200px;
color: #;
position: absolute; left: 424px; top: 430px;
Border:  ;
}




.box9  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 200px;
height: 200px;
color: #;
position: absolute; left: 60px; top: 820px;
Border:  ;
}




.box10  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 126px;
height: 200px;
color: #;
position: absolute; left: 650px; top: 820px;
Border:  ;
}



.box11  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 200px;
height: 200px;
color: #;
position: absolute; left: 660px; top: 630px;
Border:  ;
}






}

.navlinks li a {

color: #000000;
padding:  5px 12px 7px;
text-decoration: none;
font-size: 12px;
font-family: Verdana;
}


#leftnav {

float: left;
width: 650px;
height: px;
background-color: #;
}


#rightnav {

float: right;
width: 310px;
height: px;
background-color: #;

}





}

.navlinks li a:hover{

color: #;
background-image: url(images/BGhover.jpg);
 /*If you want to use a color for the background instead replace above line with background-color: [insert color here with # sign in front];*/
text-decoration: underline;


}


.box12  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 600px;
height: 400px;
color: #;
position: absolute; left: 340px; top: px;



}


