body {
background-color : #eee; 
} 
h1 {
color : #336699; 
background-color : #ffffff; 
text-align : center; 
font-family : sans-serif, verdana, arial, helvetica; 
} 
h2 {
font-size : 110%; 
color : #336699; 
text-align : center; 
font-family : sans-serif, verdana, arial, helvetica; 
} 
h3 {
font-size : 105%; 
color : #336699; 
text-align : left; 
font-family : sans-serif, verdana, arial, helvetica; 
} 
#nav {
font-size : 75%; 
font-family : verdana; 
} 
ul#navlist {
white-space : nowrap; 
margin : 0; 
padding : 15px 0 0; 
list-style : none; 
text-align : center; 
} 
#navlist li {
display : inline; 
} 
#navlist a {
padding : 1px 8px; 
border : 1px solid #3333ff; 
background-color : #33ccff; 
} 
#navlist a:link, #navlist a:visited {
color : #000; 
text-decoration : none; 
} 
#navlist a:hover {
border : 1px solid #333; 
background-color : #3333ff; 
color : #ffffff; 
} 
#hdr {
padding : 1%; 
left : 10%; 
width : 100%; 
margin : 0% 10%; 
z-index : 1; 
border : 1px solid #3333ff; 
text-align : center; 
font-family : verdana, arial, helvetica; 
background-color : #ffffff; 
} 
a:hover {
background-color : #66ff66; 
color : #930; 
text-decoration : none; 
} 
.textspecial {
font-family : verdana, arial, helvetica; 
font-style : italic; 
color : #336699; 
font-weight : bold; 
} 
.arrow {
list-style-image : url(images/arrow.gif); 
} 
.bullet {
list-style-image : url(images/tick.gif); 
} 
.bulletinline {
list-style-image : url(images/tick.gif); 
display : inline; 
} 
.red {
font-size : 100%; 
font-weight : bold; 
text-align : center; 
color : #ff0000; 
} 
.imp2 {
font-family : verdana, arial, helvetica; 
font-size : 100%; 
font-weight : bold; 
text-align : center; 
} 
.imp {
font-family : verdana, arial, helvetica; 
font-size : 90%; 
font-weight : bold; 
text-align : center; 
color : #0000ff; 
} 
.smalllink {
font-family : verdana, arial, helvetica; 
font-size : 80%; 
font-weight : bold; 
color : #ffffff; 
} 
.access {
font-family : verdana, arial, helvetica; 
font-size : 70%; 
font-weight : bold; 
color : #0000ff; 
text-align : center; 
} 
.white {
font-family : verdana, arial, helvetica; 
font-size : 90%; 
font-weight : bold; 
color : #ffffff; 
} 
#content {
position : relative; 
top : 1%; 
width : 100%; 
background-color : #ffffff; 
padding : 2%; 
margin : 0% 10%; 
border : 1px dashed #3333ff; 
text-align : left; 
font-size : 80%; 
font-family : verdana, arial, helvetica; 
} 
#ftr {
position : relative; 
top : 2%; 
width : 100%; 
height : 5%; 
z-index : 0; 
background-color : #3333ff; 
border : 1px solid #000000; 
font-size : 70%; 
color : #ffffff; 
text-align : center; 
font-family : verdana, arial, helvetica; 
clear : both; 
margin : 0% 10%; 
} 
#box {
float : right; 
border : none; 
} 
#box2 {
float : right; 
border : 1px dashed #000000; 
width : 50%; 
background-color : #e8f6fc; 
padding : 1em; 
font-size : 85%; 
font-weight : bold; 
margin : 1%; 
} 
#box3 {
float : right; 
border : 1px dashed #000000; 
width : 50%; 
padding : 1em; 
background-color : #eee; 
font-size : 85%; 
font-weight : bold; 
margin : 1%; 
}