#container  {

width: 1230px;
border: 4px solid #1DE2F0;
height: 1220px;
}

#header	{

width: 500px;
height: 205px;
position: relative;
background-image: url(images/titlepic.Gif);

}





#horizontalnav  {

width: 1230px;
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;
}	



.navlinks2  {

position: absolute; left: 300px;   top: 4px; 

}

.navlinks2 ul { 

margin: ;

}

.navlinks2 li {

margin: 0px 18px 0px 0px;
list-style-type: none;
display: inline;
	
}

.navlinks2 li a {

color: #000000;
padding: 5px 12px 7px;
text-decoration: none;
font-size: 10px;
font-family: Verdana;

}

.navlinks2 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;


}





.box1  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 340px;
height: 300px;
color: #;
position: absolute; left: 330px; top: 240px;

}



.box2  {

margin-top: px;
padding: px px px px;
background-color: #;
width: 252px;
height: 252px;
color: #;
position: absolute; left: 677px; top: 280px;
border:;
}



.box4  {

margin-top: px;
padding: px px px px;
background-color: #;
width: 253px;
height: 253px;
color: #;
position: absolute; left: 800px; top: 740px;
border:;
}








.box3  {

margin-top: px;
padding: px px px px;
background-color: #;
width: 475px;
height: 65px;
color: #;
position: absolute; left: 600px; top: 140px;
border:;
}



.box5  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 330px;
height: 350px;
color: #;
position: absolute; left: 810px; top: 240px;
Border: 3px solid #33ccff;
}



.box7  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 150px;
height: 65px;
color: #;
position: absolute; left: 560px; top: 40px;
Border:;
}


.box8  {

margin-top: px;
padding: px px px px;
background-color: #;
width: 470px;
height: 70px;
color: #;
position: absolute; left: 640px; top: 150px;
border:;
}


.box9  {

margin-top: px;
padding: px px px px;
background-color: #;
width: 300px;
height: 250px;
color: #;
position: absolute; left: 30px; top: 280px;
border:;
}



.box10  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 400px;
height: 300px;
color: #;
position: absolute; left: 830px; top: 275px;
Border: 3px solid  #0099ff;
}



.box11  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 330px;
height: 250px;
color: #;
position: absolute; left: 395px; top: 700px;
Border: 3px solid #00CC33;
}



.box12  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 330px;
height: 300px;
color: #;
position: absolute; left: 30px; top: 240px;
Border: ;
}




.box14  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 470px;
height: 70px;
color: #;
position: absolute; left: 500px; top: 920px;
Border: ;
}




.box15  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 360px;
height: 260px;
color: #;
position: absolute; left: 420px; top: 670px;
Border: 
}




.box15a  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 336px;
height: 280px;
color: #;
position: absolute; left: 370px; top: 840px;
Border: 
}


.box50  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 380px;
height: 270px;
color: #;
position: absolute; left: 390px; top: 280px;
Border:3px solid  #0099ff; 
}








.box16  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 300px;
height: 280px;
color: #;
position: absolute; left: 470px; top: 600px;
Border: ;
}



.box34 {

margin-top:;
background-color: #;
border: 
width: 450px;
height: 100px;
color: #;
position: absolute; left:680px; top:20px;
}


.box35 {

margin-top:;
background-color: #;
border: 
width: 160px;
height: 600px;
color: #;
position: absolute; left:1060px; top:260px;
}


.box17  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 310px;
height: 310px;
color: #;
position: absolute; left: 20px; top: 275px;

}





}

.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;


}

#footer  {

clear: both;
background-color: #fbf387;
position: absolute; top: 1150px
}


.box41  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 125px;
height: 125px;
color: #;
position: absolute; left: 25px; top: 250px;
Border: ;
}



.box42  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 125px;
height: 125px;
color: #;
position: absolute; left: 25px; top: 395px;
Border: ;
}



.box43  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 125px;
height: 125px;
color: #;
position: absolute; left: 25px; top: 535px;
Border: ;
}



.box44  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 125px;
height: 250px;
color: #;
position: absolute; left: 25px; top:510px;
Border: ;
}



.box45  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 125px;
height: 250px;
color: #;
position: absolute; left: 165px; top:535px;
Border: ;
}




.box47  {

margin-top: 20px;
padding: px px px px;
background-color: #;
width: 125px;
height: 250px;
color: #;
position: absolute; left: 20px; top:570px;
Border: ;
}





.box211 {


background-color: #;
width: 265px;
height: 250px;
color: #;
position: absolute; left: 20px; top: 600px;
border:2px solid #d3d3d3; 
}



.box21a {


background-color: #;
width: 265px;
height: 100x;
color: #;
position: absolute; left: 20px; top: 680px;
border: 
}


.box21b {


background-color: #;
width: 265px;
height: 20x;
color: #;
position: absolute; left: 27px; top: 790px;
border: 
}


.box21c {


background-color: #;
width: 100px;
height: 60x;
color: #;
position: absolute; left: 110px; top: 630px;
border: 
}




.box222 {


background-color: #;
width: 265px;
height: 250px;
color: #;
position: absolute; left: 290px; top: 600px;
border:2px solid #d3d3d3; 
}




.box22a {


background-color: #;
width: 265px;
height: 100x;
color: #;
position: absolute; left: 290px; top: 680px;
border: 
}


.box22b {


background-color: #;
width: 265px;
height: 20x;
color: #;
position: absolute; left: 297px; top: 790px;
border: 
}



.box22c {


background-color: #;
width: 100px;
height: 60x;
color: #;
position: absolute; left: 410px; top: 630px;
border: 
}




.box233 {


background-color: #;
width: 260px;
height: 250px;
color: #;
position: absolute; left: 560px; top: 600px;
border:2px solid #d3d3d3; 
}


.box23a {


background-color: #;
width: 260px;
height: 100x;
color: #;
position: absolute; left: 555px; top: 680px;
border:
}


.box23b {


background-color: #;
width: 260px;
height: 20x;
color: #;
position: absolute; left: 565px; top: 790px;
border: 
}



.box23c {


background-color: #;
width: 100px;
height: 60x;
color: #;
position: absolute; left: 600px; top: 630px;
border: 
}





.box244 {


background-color: #;
width: 265px;
height: 250px;
color: #;
position: absolute; left: 20px; top: 860px;
border:2px solid #d3d3d3; 
}



.box24a {


background-color: #;
width: 265px;
height: 100x;
color: #;
position: absolute; left: 20px; top: 940px;
border: 
}


.box24b {


background-color: #;
width: 250px;
height: 20x;
color: #;
position: absolute; left: 27px; top: 1050px;
border: 
}


.box24c {


background-color: #;
width: 100px;
height: 60x;
color: #;
position: absolute; left: 110px; top: 890px;
border: 
}




.box255 {


background-color: #;
width: 265px;
height: 250px;
color: #;
position: absolute; left: 290px; top: 860px;
border:2px solid #d3d3d3; 
}




.box25a {


background-color: #;
width: 265px;
height: 100x;
color: #;
position: absolute; left: 295px; top: 940px;
border: 
}


.box25b {


background-color: #;
width: 250px;
height: 20x;
color: #;
position: absolute; left: 295px; top: 1050px;
border: 
}



.box25c {


background-color: #;
width: 100px;
height: 60x;
color: #;
position: absolute; left: 380px; top: 890px;
border: 
}




.box266 {


background-color: #;
width: 260px;
height: 250px;
color: #;
position: absolute; left: 560px; top: 860px;
border:2px solid #d3d3d3; 
}


.box26a {


background-color: #;
width: 260px;
height: 100x;
color: #;
position: absolute; left: 555px; top: 940px;
border:
}


.box26b {


background-color: #;
width: 260px;
height: 20x;
color: #;
position: absolute; left: 565px; top: 1050px;
border: 
}



.box26c {


background-color: #;
width: 100px;
height: 60x;
color: #;
position: absolute; left: 600px; top: 890px;
border: 
}