* {
    padding: 0;
    margin: 0;
}
body {
   margin: 0;
   padding: 0;
   font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
   font-size: 0.625em;
   line-height: 1.8em;
   background: url('images/top-back.png') repeat-x;
}

    

p {
    font-size: 1.4em;
    margin: 0.6em;
    padding: 0.6em 0.6em 0.6em 0;
    color: #555555;
}

a:link {
    color: #bbceeb;
}


h1 {
    font-size: 3.6em;
    margin: 0.4em;
    padding: 0.1em;
    color: #444444;
}

h2 {
    font-size: 2.4em;
    padding: 0.4em;
    color: #666666;
}

h3 {
    font-size: 1.8em;
    padding-left: 60px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: left center;
    color: #888888;
}

h4 {
    font-size: 1.6em;
    padding-left: 20px;
    padding-bottom: 1em;
    height: 40px;
    color: #888888;
    line-height: 1.6em;
}
    
#three_left h3 {
    background-image: url('images/addressbook_user.png');
}


#three_centre h3 {
    background-image: url('images/mission.png');
}

#three_right h3 {
    background-image: url('images/addressbook.png');
}


#three_left, #three_centre, #three_right {
         
         float: left;  
         width: 31%;
/*	 background-color: #f9f9f9; */
/*         background-color: #bcd35f; */
         margin: 2% 0% 1% 0%;      
         padding: 1%;
	 color: #555555;
	 
}


#three_left p, #three_centre p, #three_right p {
    font-size: 1.4em;
}

#three_left_arch, #three_centre_arch, #three_right_arch {
    float: left;  
    width: 31%;
    margin: 1% 0% 1% 0%;      
    padding: 1%;
    color: #555555;
}

#three_left_arch img, #three_centre_arch img, #three_right_arch img {
    padding-left: 70px;
    align: center;
    border: none;
}
#container {
    width: 900px;
    margin: 0 auto;    
 }
#header {
  position: relative;
  width: 100%;
  height: 143px;
 }

#header .header_logo {
	width: 23%;
	float: left;
	display: inline; /* IE5/6 doubled float-margin bug */
	margin: 25px 0% 1% 1%;
}

#header .header_main {
	width: 74%;
	float: right;
	display: inline; /* IE5/6 doubled float-margin bug */
	
	margin: 1% 1% 1% 0%;
	}
#header img {
    float: right;
    border: none;
}


#main {
    margin-top: 20px;
    margin-bottom: 10px;
    background-color: #f9f9f9;
    
}

#left_main {
	width: 346px;
	height: 369px;
	float: left;
	display: inline; /* IE5/6 doubled float-margin bug */
	background-color: #f9F9F9;
}

#right_main {
	width: 552px;
	height: 369px;
	float: right;
	display: inline; /* IE5/6 doubled float-margin bug */
	background: url('images/main-photo.png');
}

#left_main img {
    border: 0;
    margin: 3em;
    padding-left: 6em;
}


#footer {
	width: 100%;
	clear: both;

}

#footer p {
    text-align: center; 
    color: #888888;
    font-size: 1em;
	
}



.curved {
	    border-radius: 8px; /* CSS3 compliant browsers */
	    -moz-border-radius: 8px; /* firefox */
	    -webkit-border-radius: 8px; /* Google Chrome, Safari  */
	    -khtml-border-radius: 8px; /* Linux Browsers */
	    behavior: url("css/border-radius.htc"); /* IE Browsers */
	    background-image: url("1px.svg");  /* Opera 9.5+ */
}

.shadowed {
/*    border: 1px solid #c4c8cc;*/
    -moz-box-shadow: 2px 2px 5px #999;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-box-shadow: 2px 2px 5px #888;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-top-right-radius: 15px
    box-shadow: 2px 2px 5px #999;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    border-radius: 8px
    behavior: url( PIE.htc);
    
}

.shadowed-light {
/*    border: 1px solid #c4c8cc; 
    -moz-box-shadow: 1px 1px 3px #999; */
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-box-shadow: 1px 1px px #888;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    box-shadow: 1px 1px 3px #999;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    behavior: url(PIE.htc);
}

.shadowed2 {
    box-shadow:5px -5px 10px #000;
    -webkit-box-shadow:5px -5px 10px #000;
    -moz-box-shadow:5px -5px 10px #000000;
    border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px;
}
.cleared {
	clear: both;
}



#header .menu {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 56px;
/*    background-color: #1a1a1a; */
    clear: both;
   
}

ul.nav {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    overflow: hidden;
/*    background: url(images/menu-background-grey.gif) repeat-x; */
}
ul.nav li {
    float: right;
}

ul.nav a {
    display: block;
    padding: 0 2em;
    line-height: 40px;
    text-decoration: none;
    background: url(images/divider1.png) repeat-y right top;
    color: grey;
}

ul.nav a:hover, ul.nav a:focus {
    color: orange;
}