body{
margin: 0px auto;
background-color: #cccccc;
width: 647px;
height: 101%;
clear: both;
}

.container
{
width: 647px;
clear: both;
background-color: white;
}

#bannerleft{
width: 229px;
height: 129px;
background-image: url('images/bannerleft_03.gif');
float: left;
}

#bannerright{
width: 418px;
height: 129px;
background-image: url('images/bannerright_04.gif');
float: left
}

#address{
width: 647px;
color: gray;
background-image: url('images/background_11.gif');
text-align: center;
font-family: arial;
font-size: 11px;
font-weight: bold;
clear: both;
}

#leftbar{
width: 10px;
height: 32px;
background-image: url('images/leftbar_07.gif');
float: left;
}

#menubar{
width: 627px;
height: 32px;
background-image: url('images/menubar_08.gif');
float: left;
color: white;
text-align: center;
}

#rightbar{
width: 10px;
height: 32px;
background-image: url('images/rightbar_11.gif');
float: left;
}

#menuoptions{
margin-left: 2px;
margin-top: 1.5%;
margin-bottom: 1%;
font-family: arial;
font-weight: bold;
font-size: 11px;
float: left;
text-align:center;
}

#menuoptions a{
color: white;
text-decoration: none;
float: left;
text-align:center;
}

#menuoptions a:hover{
color: #FFFF00;
text-decoration: underline;
float: left;
text-align:center;
}

#background{
width: 647px;
background-image: url('images/background_11.gif');
}

#footer{
width: 647px;
height: 15px;
background-image: url('images/footer_13.gif');
background-repeat: no-repeat;
clear: both;
}

#main{
padding: 0px 19px;
clear: both;
}

.leftbox{
width: 150px;
font-size: 10pt;
border-right: #cccccc;
margin-bottom: 20px;
border-right-style: inset;
border-right-width: 2px;
clear: both;
}

.leftbox a{
color: black;
}

.leftbox a:hover{
background-color: #cccccc;
}

.leftboxheader{
width: 152px;
background-color: #cccccc;
font-family: arial;
font-weight: bold;
font-size: 10pt;
text-indent: 5px;
}

.gridbox{
height: 4em;
margin-bottom: 1em;
}

.gridboxheader{
width: 410px;
height: auto;
background-color: #A3C1C9;
font-family: arial;
font-weight: bold;
font-size: 10pt;
text-indent: 5px;
}

.gridboxheader a{
color: black;
font-weight: bold;
text-decoration: none;
}

.gridboxheader a:hover{
color: orange;
}

.grid1left{
width: 205px;
height: auto;
background-color: #CED8D1;
font-family: arial;
font-size: 10pt;
text-indent: 5px;
float: left;
}

.grid1right{
width: 205px;
height: auto;
background-color: #CED8D1;
font-family: arial;
font-size: 10pt;
text-indent: 5px;
float: left;
}

.grid2left{
height: auto;
width: 205px;
background-color: #C9CEC4;
font-family: arial;
font-size: 10pt;
text-indent: 5px;
float: left;
}

.grid2right{
height: auto;
width: 205px;
background-color: #C9CEC4;
font-family: arial;
font-size: 10pt;
text-indent: 5px;
float: left;
}


#colomn1{
float: left;
width: 177px;
margin-top: 12px;
}

#colomn2{
float: left;
width: 410px;
margin-top: 12px;
}

#copy{
text-align: center;
width: 625px;
color: gray;
font-family: arial;
font-size: 8pt;
font-weight: bold;
clear: both;
}

#copy a{
text-decoration: none;
color: gray;
font-size: 7pt;
}


#date{
font-family: arial;
font-size: 8pt;
color: gray;
}

.calendar a {
display:block;
height: 50px;
width: 50px;
background: url("images/cal.gif") 0 0 no-repeat;
margin-top: 2pt;
}
.calendar a:hover { 
background: url("images/cal2.gif") 0 0 no-repeat;
}

.web a {
display:block;
height: 50px;
width: 50px;
background: url("images/web.gif") 0 0 no-repeat;
margin-top: 2pt;
}
.web a:hover { 
background: url("images/web2.gif") 0 0 no-repeat;
}

.doc a {
display:block;
height: 50px;
width: 50px;
background: url("images/doc.gif") 0 0 no-repeat;
margin-top: 2pt;
}
.doc a:hover { 
background: url("images/doc2.gif") 0 0 no-repeat;
}

#p1 #i1 a,
#p2 #i2 a,
#p3 #i3 a,
#p4 #i4 a,
#p5 #i5 a,
#p6 #i6 a,
#p7 #i7 a,
#p8 #i8 a {
color: orange;
display: inline;
float: left;
text-align:center;
}

#i1,
#i2,
#i3,
#i4,
#i5,
#i6,
#i7,
#i8 {
display: inline;
float: left;
text-align:center;
margin-left: 1px;
margin-right: 2px;
}

#colborder
{
width: 410px;
}

#links
{
padding-left: 0px;
}