/* Horizontal Navigation with dropdowns */

/*

If changing the height of the nav, make sure you update "#navigation ul li ul"
so that the "top" option is the same as the new height

*/

#navigation {
height: 57px;
margin: 20px 0px 0px 0px;
padding:0px 0px 0px 20px;
position:relative;
background:url(../img/topBar.gif) no-repeat left bottom;
}

#navigation ul {
margin:0px;
padding:0px;
list-style-type:none;
}

#navigation li {
display:block;
float:left;
position:relative;
padding-left:1px;
}

#navigation li a, #navigation li a:visited {
height:37px;
display:block;
}

#navigation li a span, #navigation li a:visited span {
display:none;
}

#navigation li a.expl, #navigation li a.expl:visited {
background:url(../img/navBar.gif) no-repeat;
width:184px;
}

#navigation li a.expl:hover {
background:url(../img/navBar.gif) no-repeat 0px -76px;
}

#navigation li a.explactive, #navigation li a.explactive:visited {
background:url(../img/navBar.gif) no-repeat 0px -38px;
width:184px;
}

#navigation li a.medi, #navigation li a.medi:visited {
background:url(../img/navBar.gif) no-repeat -185px 0px;
width:100px;
}

#navigation li a.medi:hover {
background:url(../img/navBar.gif) no-repeat -185px -76px;
}

#navigation li a.mediactive, #navigation li a.mediactive:visited {
background:url(../img/navBar.gif) no-repeat -185px -38px;
width:100px;
}

#navigation li a.even, #navigation li a.even:visited {
background:url(../img/navBar.gif) no-repeat -286px 0px;
width:100px;
}

#navigation li a.even:hover {
background:url(../img/navBar.gif) no-repeat -286px -76px;
}

#navigation li a.evenactive, #navigation li a.evenactive:visited {
background:url(../img/navBar.gif) no-repeat -286px -38px;
width:100px;
}

#navigation li a.inth, #navigation li a.inth:visited {
background:url(../img/navBar.gif) no-repeat -387px 0px;
width:100px;
}

#navigation li a.inth:hover {
background:url(../img/navBar.gif) no-repeat -387px -76px;
}

#navigation li a.inthactive, #navigation li a.inthactive:visited {
background:url(../img/navBar.gif) no-repeat -387px -38px;
width:100px;
}

#navigation li a.scho, #navigation li a.scho:visited {
background:url(../img/navBar.gif) no-repeat -488px 0px;
width:100px;
}

#navigation li a.scho:hover {
background:url(../img/navBar.gif) no-repeat -488px -76px;
}

#navigation li a.schoactive, #navigation li a.schoactive:visited {
background:url(../img/navBar.gif) no-repeat -488px -38px;
width:100px;
}

#navigation li a.abou, #navigation li a.abou:visited {
background:url(../img/navBar.gif) no-repeat -589px 0px;
width:100px;
}

#navigation li a.abou:hover {
background:url(../img/navBar.gif) no-repeat -589px -76px;
}

#navigation li a.abouactive, #navigation li a.abouactive:visited {
background:url(../img/navBar.gif) no-repeat -589px -38px;
width:100px;
}

#navigation li a.cont, #navigation li a.cont:visited {
background:url(../img/navBar.gif) no-repeat -690px 0px;
width:100px;
}

#navigation li a.cont:hover {
background:url(../img/navBar.gif) no-repeat -690px -76px;
}

#navigation li a.contactive, #navigation li a.contactive:visited {
background:url(../img/navBar.gif) no-repeat -690px -38px;
width:100px;
}

#nav {
left:20px;
position:absolute;
top:280px;
width:150px;
}

#nav ol {
margin:0px;
padding:0px;
list-style-type:none;
}

#nav ol li {
float:left;
line-height:16px;
display:block;
}

#nav ol li a, #nav ol li a:visited {
width:25px;
height:25px;
display:block;
}

#nav ol li span {
display:none;
}

#nav ol li a.no1, #nav ol li a.no1:visited {
background:url(../img/listNumbers.gif) no-repeat -14px 0px;
}

#nav ol li a.no1:hover {
background:url(../img/listNumbers.gif) no-repeat -14px -27px;
}

#nav ol li a.no1active, #nav ol li a.no1active:visited {
background:url(../img/listNumbers.gif) no-repeat -14px -54px;
}

#nav ol li a.no2, #nav ol li a.no2:visited {
background:url(../img/listNumbers.gif) no-repeat -40px 0px;
}

#nav ol li a.no2:hover {
background:url(../img/listNumbers.gif) no-repeat -40px -27px;
}

#nav ol li a.no2active, #nav ol li a.no2active:visited {
background:url(../img/listNumbers.gif) no-repeat -40px -54px;
}

#nav ol li a.no3, #nav ol li a.no3:visited {
background:url(../img/listNumbers.gif) no-repeat -67px 0px;
}

#nav ol li a.no3:hover {
background:url(../img/listNumbers.gif) no-repeat -67px -27px;
}

#nav ol li a.no3active, #nav ol li a.no3active:visited {
background:url(../img/listNumbers.gif) no-repeat -67px -54px;
}

#nav ol li a.no4, #nav ol li a.no4:visited {
background:url(../img/listNumbers.gif) no-repeat -94px 0px;
}

#nav ol li a.no4:hover {
background:url(../img/listNumbers.gif) no-repeat -94px -27px;
}

#nav ol li a.no4active, #nav ol li a.no4active:visited {
background:url(../img/listNumbers.gif) no-repeat -94px -54px;
}

#nav ol li a.no5, #nav ol li a.no5:visited {
background:url(../img/listNumbers.gif) no-repeat -122px 0px;
}

#nav ol li a.no5:hover {
background:url(../img/listNumbers.gif) no-repeat -122px -27px;
}

#nav ol li a.no5active, #nav ol li a.no5active:visited {
background:url(../img/listNumbers.gif) no-repeat -122px -54px;
}

#nav ol li a.no6, #nav ol li a.no6:visited {
background:url(../img/listNumbers.gif) no-repeat -149px 0px;
}

#nav ol li a.no6:hover {
background:url(../img/listNumbers.gif) no-repeat -149px -27px;
}

#nav ol li a.no6active, #nav ol li a.no6active:visited {
background:url(../img/listNumbers.gif) no-repeat -149px -54px;
}

#nav ol li a.no7, #nav ol li a.no7:visited {
background:url(../img/listNumbers.gif) no-repeat -177px 0px;
}

#nav ol li a.no7:hover {
background:url(../img/listNumbers.gif) no-repeat -177px -27px;
}

#nav ol li a.no7active, #nav ol li a.no7active:visited {
background:url(../img/listNumbers.gif) no-repeat -177px -54px;
}

#nav ol li a.no8, #nav ol li a.no8:visited {
background:url(../img/listNumbers.gif) no-repeat -204px 0px;
}

#nav ol li a.no8:hover {
background:url(../img/listNumbers.gif) no-repeat -204px -27px;
}

#nav ol li a.no8active, #nav ol li a.no8active:visited {
background:url(../img/listNumbers.gif) no-repeat -204px -54px;
}

#nav ol li a.no9, #nav ol li a.no9:visited {
background:url(../img/listNumbers.gif) no-repeat -232px 0px;
}

#nav ol li a.no9:hover {
background:url(../img/listNumbers.gif) no-repeat -232px -27px;
}

#nav ol li a.no9active, #nav ol li a.no9active:visited {
background:url(../img/listNumbers.gif) no-repeat -232px -54px;
}

#nav ol li a.no10, #nav ol li a.no10:visited {
background:url(../img/listNumbers.gif) no-repeat -260px 0px;
}

#nav ol li a.no10:hover {
background:url(../img/listNumbers.gif) no-repeat -260px -27px;
}

#nav ol li a.no10active, #nav ol li a.no10active:visited {
background:url(../img/listNumbers.gif) no-repeat -260px -54px;
}

.navlistnum {
padding-bottom:10px;
padding-right:5px;
float:right;
}

.navlistnum p {
float:left;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
padding-top:23px;
padding-right:10px;
}

.navlistnum b {
color:#357B95;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
background:url(../img/blueCircles.gif) no-repeat;
width:25px;
height:21px;
display:block;
float:left;
text-align:center;
color:#ffffff!important;
font-weight:bold;
padding-top:4px;
margin-right:1px;
margin-left:1px;
}

.navlistnum a, .navlistnum a:visited  {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
background:url(../img/blueCircles.gif) no-repeat 0px -27px;
width:25px;
height:21px;
display:block;
float:left;
color:#ffffff!important;
text-align:center;
padding-top:4px;
margin-right:1px;
margin-left:1px;
}

.navlistnum a:hover {
background:url(../img/blueCircles.gif) no-repeat 0px 0px;
text-decoration:none!important;
}

.navlistnum a.next, .navlistnum a.next:visited {
background:none;
padding-top:5px;
}

.navlistnum a.prev, .navlistnum a.prev:visited {
background:none;
padding-top:5px;
}

.navlistnum a.numfirst, .navlistnum a.numfirst:visited {
background:none;
color:#357B95!important;
width:55px;
padding-top:24px;
}

.navlistnum a.numfirst:hover {
background:none;
}

.navlistnum a.numlast, .navlistnum a.numlast:visited {
background:none;
color:#357B95!important;
width:55px;
}

.navlistnum a.numlast:hover {
background:none;
}
