body {
font-family:Verdana;
font-size:12px;
background-color:#CCCCCC;
}


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

a:hover{color:#FFFFFF;}
a:active{color:#FFFFFF;}

h1{font-size:23px;
margin-left:30px;
margin-top:30px;
}

h2{font-size:15px;
font-weight:bold;
}

h2.center{position:relative; top:40%; color:#CCCCCC;}

h3,h2.text{
margin-left:20px;
margin-top:20px;
}

h3{
font-size:12;
font-weight:bold;
}


#container {
position:relative;
margin-left: auto;
margin-right:auto;
width: 600px;
}

#header{
position:relative;
padding: 15px 0px 15px 0px;
height: 60px;
background-image: url(AAheader.jpg);
background-color:#AFC3DE;
margin-bottom:4px;
}

.header1{
float:right;
text-align:center;
width:200px;
list-style:none;
font-size:14px;
line-height:20px;
font-weight:bold;
}

.header2{
float:right;
text-align:center;
width:150px;
list-style:none;
font-size:14px;
line-height:60px;
font-weight:bold;
}

#project{float:left;
position:relative;
margin-right:2px;
margin-bottom:2px;
}

.project{background-image: url(image.jpg);background-position:top left;
}

#organisation{float:left;
position:relative;
margin-left:2px;
margin-bottom:2px;
}

.organisation{background-image: url(image.jpg);
background-position:top right;
}

#network{
float:left;
position:relative;
margin-top:2px;
margin-right:2px;
}

.network{background-image:url(image.jpg);background-position:bottom left;
}

#vision{
float:left;
position:relative;
margin-top:2px;
margin-left:2px;
}

.vision{background-image:url(image.jpg);
background-position:bottom right;
}

.front{
width:498px;
height:498px;
background-color: #ccff99;
}

.front1{
width:600px;
height:450px;
background-image: url(image1.jpg);
}

.text {text-align:justify;
list-style-type:none;
overflow:auto;
}

.text p,ul{
line-height:16px;
margin:20px;
}

.text a {
text-decoration:none;
color:#0066CC;
}
.text a:hover{color:#FFFFFF;
}

.page {
font-size:10;
color:#999999;
text-align:right;
}

.corner{
width:98px;
height:98px;
text-align:center;
}

.vertical{
width:98px;
height:498px;
text-align:center;
}

.horizontal{
width:498px;
height:98px;
text-align:center;
}


#buttons{
width:600px;
height:90px;
background-image:url(image1.jpg); background-position:bottom left;}

#buttons a{color:#CCCCCC;}
#buttons a:hover{color:#FFFFFF;}
#buttons a:active{color:#FFFFFF;}

.buttonl{
width:298px;
border-top:solid 4px #CCCCCC;
border-right:solid 2px #CCCCCC;
text-align:center;
float:left;
}

.buttonr{
width:298px;
border-top:solid 4px #CCCCCC;
border-left:solid 2px #CCCCCC;
text-align:center;
float:left;
}


#footer{
line-height:20px;
text-align:center;
background-color:#999999;
float:left;
width:600px;
margin-top:4px;
}