body
{
  font-size: 12px; 
  line-height: 14pt;
  background: white;
  border-left-style: outset;
  border-left-color: rgb(000, 070, 180);
  border-top-style: outset;
  border-top-color: rgb(000, 070, 180);
  padding: 50px 50px 70px;
  height: 900px;
  width: 87%;
  border-top-width: 8px; 
  border-left-width: 8px; 
}

div.content
{
  position: absolute;
  top: 150px;
  left: 250px;
  color: black;
  /*color: rgb(000, 070, 180); */
  padding: 1em; 
  border: 8px outset rgb(0,0,180);
  background-color: rgb(255, 237, 114);
  /*background-color: rgb(255,175,75);*/ 
  width: 50%;
  /*width: 540px;*/
  text-align: left;
}

div.content a:hover img
{
  border: .2em dashed black;
}

.content_indent
{
  margin-left: 2em;
  margin-top: -0.5em;
}

.photo_content
{
  text-align: center;
  position: absolute;
  top: 50px;
  left: 250px;
  padding: 1em; 
  border: 8px outset rgb(0,0,180);
  background-color: rgb(255, 237, 114);
  width: 540px;
}

#footer
{
  text-align: center;
  margin-top: 1em;
  color: rgb(000, 000, 128);
}

.hr
{
  border-top: 1px solid black; 
  height: 1px;
}
   
div.para1
{
  position : absolute;
  top : 475px;
  left :25px;
  width : 550px;
  margin: 0em 2em 0em 2em;
}
    
div.para2
{
  position : absolute;
  top : 950px;
  left : 25px;
  margin: 0em 2em 0em 2em;
}

div.para3
{
  position: absolute;
  top: 835px;
  left: 25px;
  margin: 0em 2em 0em 2em;
}
		
div.socca
{
  position: relative;
  top: 120px;
  left: 225px;
  height: auto;
  width: auto;
}

div.waterloo
{
  position : relative;
  top : 140px;
  left : 225px;
}

div.civ_logo
{
  float: left;
  border: 0px solid black;
  /*position: absolute;
  top: 25px;
  left: 855px;*/
}
	
div.logo2
{
  float: right;
  padding-right: 3em;
  border: 0px solid black;
  /*position: absolute;
  top: 25px;
  left: 855px;*/
}

div.logo3
{
  position : absolute;
  top : 150px;
  left : 230px;
}
    
div.title
{
  position: absolute;
  top: 25px;
  left: 25px;
  color: white;
  padding: 6px;
  padding-top: 12px;
  padding-right: 0px;
  /*background-image: url(images/logo_new_s.jpg);*/
  background-repeat: no-repeat;
  background-position: center left;
  border: 0px solid black;
  width: 95%;
  height: 95px;
  line-height: 200%;
}
		 
div.webbox
{
	/*position: relative;
	top: 0em;
	left: 100px;*/
	margin-left: auto;
	margin-right: auto;
	width: 40%;
  font-family: "Comic Sans MS";
	font-size: 0.8em;
	background-color: #FFFF00;
	vertical-align: middle;
	word-spacing: normal;
	border: 5px ridge #333333;
	text-align: left;
	padding: 5px;
}

div.font1
{
  font-size: large;
  color: rgb(000, 000, 128);
  text-align: center; 
}
      
div.font2
{
  font-size: xx-large;
  color: rgb(000, 000, 128);
  text-align: center; 
}

div.font3
{
  font-size: large;
  color: rgb(255, 175, 043);
  text-align: center; 
}
   
div.links
{
  position: absolute;
  top: 150px;
  left: 10px;
  color: rgb(000, 070, 180); 
  padding: 0; 
  border-style: none; 
  border-width: 0px; 
  width: 200px; 
  height: auto; 
  text-align: left;
}

div.annwide
{
  position: relative;
  top: 100px;
  left: 250px;    
  color: rgb(0,70,180); 
  padding: 1em; 
  border-style: outset; 
  border-width: 14px; 
  border-color: rgb(0,0,180); 
  background-color: rgb(255,175,75); 
  width: 540px; 
  height: auto; 
  text-align: left;
} 

div.photos
{
  position: relative;
  top: 170px;
  left: 214px;
  padding-bottom: 120px;
  padding-right: 155px;
} 
       
h2
{
  color: rgb(0,0,128); 
}

h4
{
  color: #330099; 
}

h3
{
  color: rgb(000, 072, 196);
  font-size: 150%;
}

a:visited
{
  color: rgb(0,0,128); 
} 

a:hover 
{
  color: rgb(255,0,0); 
} 

img
{
  border-style: outset;
}