/* -- General Properties -- */

* {
border:0;
margin:0;
padding:0;
}
html {
height:100%;
}
ul,ol {
position:relative;
}
body {
background:url(images/bg.gif) #fff repeat-x;
margin:0;
padding:0;
color:#333;
font:.77em Arial,Helvetica,sans-serif;
}
a {
color:#326496;
text-decoration:none;
}
a:hover {
color:#0078dc;
text-decoration:none;
}
a:focus,
a:active {
outline:none;
text-decoration:none;
}
img {
border:0px;
}

/* -- Div Properties -- */

#top {
display:block;
background:url(images/top.jpg) center top no-repeat;
margin:auto;
width:775px;
height:149px;
}
.top {
height:149px;
background:url(images/toptext.jpg) center bottom no-repeat;
}
.top a {
display:block;
margin:auto;
width:550px;
height:100px;
text-indent:-1000em;
}
.top a h1 {
display:block;
margin:auto;
}

/* -- Menu Properties -- */

.menu {
display:block;
background:url(images/menu.gif) no-repeat;
clear:both;
margin:auto;
padding:15px 0px 15px 0px;
width:795px;
}
.menu ul {
list-style:none;
width:795px;
}
.menu li {
float:left;
margin:0;
position:relative;
text-indent:-1000em;
}
.menu1,
.menu2,
.menu3,
.menu4,
.menu5,
.menu6,
.menu1 span,
.menu2 span,
.menu3 span,
.menu4 span,
.menu5 span,
.menu6 span {
display:block;
height:40px;
}
.menu1 {
background:url(images/menu1.gif) 0px -80px no-repeat;
width:74px;
}
.menu1:hover,
.on .menu1:hover {
background:url(images/menu1.gif) 0px -40px no-repeat;
}
.on .menu1,
.menu1:focus {
background:url(images/menu1.gif) 0px 0px no-repeat;
}
.menu2 {
background:url(images/menu2.gif) 0px -80px no-repeat;
width:186px;
}
.menu2:hover,
.on .menu2:hover {
background:url(images/menu2.gif) 0px -40px no-repeat;
}
.on .menu2,
.menu2:focus  {
background:url(images/menu2.gif) 0px 0px no-repeat;
}
.menu3 {
background:url(images/menu3.gif) 0px -80px no-repeat;
width:195px;
}
.menu3:hover,
.on .menu3:hover {
background:url(images/menu3.gif) 0px -40px no-repeat;
}
.on .menu3,
.menu3:focus  {
background:url(images/menu3.gif) 0px 0px no-repeat;
}
.menu4 {
background:url(images/menu4.gif) 0px -80px no-repeat;
width:151px;
}
.menu4:hover,
.on .menu4:hover {
background:url(images/menu4.gif) 0px -40px no-repeat;
}
.on .menu4,
.menu4:focus  {
background:url(images/menu4.gif) 0px 0px no-repeat;
}
.menu5 {
background:url(images/menu5.gif) 0px -80px no-repeat;
width:118px;
}
.menu5:hover,
.on .menu5:hover {
background:url(images/menu5.gif) 0px -40px no-repeat;
}
.on .menu5,
.menu5:focus  {
background:url(images/menu5.gif) 0px 0px no-repeat;
}
.menu6 {
background:url(images/menu6.gif) 0px -80px no-repeat;
width:71px;
}
.menu6:hover,
.on .menu6:hover {
background:url(images/menu6.gif) 0px -40px no-repeat;
}
.on .menu6,
.menu6:focus {
background:url(images/menu6.gif) 0px 0px no-repeat;
}

/* -- Main Properties -- */

#main {
width:775px;
margin:auto;
}
.side {
background:url(images/side.gif) top right no-repeat;
width:170px;
height:500px;
padding:20px 50px 0px 0px;
float:left;
}
.main {
display:block;
width:500px;
float:right;
}

/* -- Text Properties -- */

p {
font-size:1em;
line-height:1.7em;
margin:0;
padding:7px 0px 7px 0px;
}
p a:hover {
border-bottom:1px solid #aac8dc;
}
h1, h2 {
color:#326496;
font:normal 2em Arial,Helvetica,sans-serif;
line-height:1.7em;
margin:0;
padding:15px 0px 0px 0px;
}
h3 {
color:#326496;
font:bold 1.4em Arial,Helvetica,sans-serif;
line-height:1.7em;
margin:0;
padding:10px 0px 0px 0px;
}

/* -- Other Properties -- */

.line {
background:url(images/line.gif) center center repeat-x;
height:15px;
}
.side ul,
.main ul {
font:normal 1em Arial,Helvetica,sans-serif;
list-style:none;
margin:10px 0px 10px 0px;
padding:0;
}
.side li,
.main li {
background:url(images/bullet.gif) 2px 6px no-repeat;
list-style:none;
line-height:1.7em;
margin:0;
padding:0px 0px 10px 20px;
}
.side li a:hover,
.main li a:hover {
border-bottom:1px solid #aac8dc;
}
.left {
float:left;
}
.right {
float:right;
}
.clear {
clear:both;
}

/* -- Footer Properties -- */

.footer {
display:block;
clear:both;
background:url(images/footer.gif) repeat-x;
font:.9em Arial,Helvetica,sans-serif;
margin:auto;
height:100px;
text-align:center;
padding:20px 0px 0px 95px;
}