* {
 
margin: 0;
 
padding: 0;
}




body {font: 62.5%/1.6;

background-color:#D4D4D4;
}



h1 {
 
font-size: 2.4em;
  font-weight: normal;
}



h2 {
 
font-size: 2.0em;
  font-weight: normal;
}



p, li {
 
font-size: 1.4em;
}



h1, h2, p {
 
margin: 1em 0;
}


#branding h1 {
 
margin: 0;

}


#branding {
 
height: 50px;
 
background-color:#b0b0b0;
padding: 20px;

}




#mainNav {

list-style: none;
}



#footer {
  
background-color:#b0b0b0;
 
padding: 1px 20px;
}



body {
  
text-align: center;
min-width: 760px;
}



#wrapper {
 
width: 720px; 
margin: 0 auto; 
  
text-align: left;
 
background: #fff url(images/nav-bg-fixed.gif) repeat-y left top;
}




#content {
width: 520px;
 
float: right; 
}



#mainNav { 
 
width: 180px; 
float: left; 
} 



#footer { 
clear: both; 
} 



#mainNav {
 
padding-top: 20px;
padding-bottom: 20px;
}



#mainNav * {
 
padding-left: 20px;
 
padding-right: 20px;
}


#mainNav * * {

padding-left: 0;
 
padding-right: 0;
}


#content * {
 
padding-right: 20px;
}

#content * * {
padding-right: 0;
}





.box {
 width: 28em;
 
 background: url(images/bottom-left.gif) no-repeat left bottom;
}



.box-outer {
 
 background: url(images/bottom-right.gif) no-repeat right bottom;
 
 padding-bottom: 5%;
}




.box-inner {
 
 background: url(images/top-left.gif) no-repeat left top;
}




.box h4 {
 
 background: url(images/top-right.gif) no-repeat right top;
 padding-top: 5%;
}





.box h4, .box p {
 
 padding-left: 1%;
 padding-right: 1%;
}

h1 { 
font-family: Arial, sans-serif;
font-size: 2.4em;
font-weight: normal;
color: #0097cf;}