/* CSS Document */

body {
background: rgb(214, 221, 239) url(../images/gradient.jpg) repeat-x;
margin-top: 5%;
padding: 0px;
}

#backgroundContainer {
width: 724px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
background: transparent url(../images/page-bg.jpg) repeat-y;
}

#mainContainer {
position: relative;
width: 724px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
background: transparent url(../images/guardianship-bg.jpg) no-repeat top center;
}

#address {
position: relative;
top: 65px;
right: 55px;
width: 197px;
height: 62px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
line-height: 14pt;
text-align: left;
}

#bodyArea {
width: 724px;
background: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#navArea {
width: 195px;
margin: 0px 0px 0px 0px;
padding: 70px 0px 50px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13pt;
color: #FFFFFF;
font-weight: bold;
background: transparent;
}

#navArea a {
width: 200px;
display: block;
color: #000000;
text-align: right;
text-decoration: none;
font-variant:small-caps;
background: #E6FEFF;
padding: 0px 10px 0px 0px;
margin: 10px 0px 0px 0px;
}

#navArea .contact {
width: 200px;
display: block;
color: #000000;
text-align: right;
text-decoration: none;
background: #FFEEA9;
padding: 0px 10px 0px 0px;
margin: 10px 0px 0px 0px;
}

#navArea a span {
font-size: 14pt;
font-weight:normal;
}

#navArea a:hover {
color: #FFFFFF;
background: #50A1A3;
}

#contentArea {
margin: 0px 0px 0px 0px;
padding: 15px 75px 0px 15px;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16pt;
line-height: 17pt;
font-weight: normal;
color: #FFFFFF;
margin: 0px 0px 0px 220px;
padding: 0px 0px 0px 10px;
background: #50A1A3;
text-transform: uppercase;
}

h1 span {
font-size: 18pt;
}#contentArea h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12pt;
line-height: 18pt;
color: #333333;
margin: 0px 0px 0px 16px;
padding: 0px 0px 0px 35px;
background: transparent url(../images/h2-bg.jpg) no-repeat 10px 3px;
}

#contentArea p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
line-height: 13pt;
padding: 0px 40px 25px 25px;
margin: 0px 0px 0px 0px;
}
#contentArea ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 25px 0px;
}

#contentArea li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
line-height: 12pt;
margin: 0px 0px 0px 40px;
padding: 0px 0px 0px 0px;
}

#calendar {
width: 209px;
background: transparent url(../images/calendar-bg.jpg) repeat-y;
padding: 0px 0px 25px 0px;
margin: 0px 0px 0px 0px;
}

#calendar h1 {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
display: block;
border-bottom: 1px solid white;
font-weight: bold;
font-size: 10pt;
line-height: 11pt;
padding: 0px 10px 0px 5px;
background: none;
margin: 0px 0px 0px 10px;
text-align: left;
}

#calendar p {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #333333;
padding: 2px 10px 10px 18px;
margin: 0px 0px 0px 0px;
text-align: left;
}

#footerArea {
width: 770px;
height: 33px;
background: transparent url(../images/footer-bg.jpg) no-repeat;
}

#footerArea p {
position: relative;
width: 543px;
top: 0px;
right: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
color: #666666;
line-height: 13pt;
margin: 0px 50px 0px 0px;
padding: 0px 0px 0px 0px;
}