/* TOP Navigation DEMO CSS 
By Steve Ellis, ellis87webdesign.com
*/
html, body, img, p, h1, h2, h3, ul, li {margin: 0;padding: 0;} 
#wrapper {width: 800px;margin: 20px 20px;}
h1 {font: bold 18px/24px arial,helvetica,sans-serif;color: #808080;padding: 10px 0;}
p {font: normal 12px/16px arial,helvetica,sans-serif;color: #808080;padding: 0 0 30px 0;}
.redBold {color: red;font-weight: bold;}

/* TOP Navigation DEMO CSS Below
When using different images, the left margins for each image link
must be altered to the distance from the left side of the page.
*/

#navTop {
width: 800px;
height: 34px;
background-image: url(../img/bg-navTop.png);
background-repeat: no-repeat;
background-color: #0069AA;
margin: 0 0 30px 0;
}

#navTop ul{
list-style-type: none;
}

#navTop li{
display: inline;
}

#navTop a span {
position: absolute;
left: -999em;
}

#navTop .page1 a {
background-image: url(../img/page1UP.png);
background-repeat: no-repeat;
width: 96px;
height: 34px;
position: absolute;
left: 0;
}

#navTop .page1 a:hover {
background-image: url(../img/page1HOV.png);
background-repeat: no-repeat;
width: 96px;
height: 34px;
position: absolute;
left: 0;
}

#navTop .page1 .selected  {
background-image: url(../img/page1HOV.png);
background-repeat: no-repeat;
width: 96px;
height: 34px;
position: absolute;
left: 0;
}



#navTop .page2 a {
background-image: url(../img/page2UP.png);
background-repeat: no-repeat;
width: 85px;
height: 34px;
position: absolute;
left: 97px;
}

#navTop .page2 a:hover {
background-image: url(../img/page2HOV.png);
background-repeat: no-repeat;
width: 85px;
height: 34px;
position: absolute;
left: 97px;
}

#navTop .page2 .selected {
background-image: url(../img/page2HOV.png);
background-repeat: no-repeat;
width: 85px;
height: 34px;
position: absolute;
left: 97px;
}


#navTop .page3 a {
background-image: url(../img/page3UP.png);
background-repeat: no-repeat;
width: 153px;
height: 34px;
position: absolute;
left: 183px;
}

#navTop .page3 a:hover {
background-image: url(../img/page3HOV.png);
background-repeat: no-repeat;
width: 153px;
height: 34px;
position: absolute;
left: 183px;
}

#navTop .page3 .selected {
background-image: url(../img/page3HOV.png);
background-repeat: no-repeat;
width: 153px;
height: 34px;
position: absolute;
left: 183px;
}


#navTop .page4 a {
background-image: url(../img/page4UP.png);
background-repeat: no-repeat;
width: 77px;
height: 34px;
position: absolute;
left: 337px;
}

#navTop .page4 a:hover {
background-image: url(../img/page4HOV.png);
background-repeat: no-repeat;
width: 77px;
height: 34px;
position: absolute;
left: 337px;
}

#navTop .page4 .selected  {
background-image: url(../img/page4HOV.png);
background-repeat: no-repeat;
width: 77px;
height: 34px;
position: absolute;
left: 337px;
}


#navTop .page5 a {
background-image: url(../img/page5UP.png);
background-repeat: no-repeat;
width: 93px;
height: 34px;
position: absolute;
left: 415px;
}

#navTop .page5 a:hover {
background-image: url(../img/page5HOV.png);
background-repeat: no-repeat;
width: 93px;
height: 34px;
position: absolute;
left: 415px;
}

#navTop .page5 .selected  {
background-image: url(../img/page5HOV.png);
background-repeat: no-repeat;
width: 93px;
height: 34px;
position: absolute;
left: 415px;
}

/* END TOP Navigation */