/*
Cemboard Navigation CSS
last update: 12.11.2007

colors:
  red: #c02037
green: #003440
 grey: #333 / #999
*/


/* START main-nav and sub-nav common items */
#nav ul, #subNav ul, #FBCsubNav ul, #navFbc ul {
	margin: 0; padding: 0;
	list-style: none;
	float: left;
}
#nav li, #subNav li, #FBCsubNav li, #navFbc li {
	margin: 0; padding: 0;
	display: table;
}
#nav li a, #subNav li a, #FBCsubNav li a, #navFbc li a {
	margin: 0; padding: 0;
	float: left;
	text-decoration: none;
}
#nav li a:hover, #subNav li a:hover, #FBCsubNav li a:hover, #navFbc li a:hover {
	text-decoration: none;
}
#nav span, #subNav span, #FBCsubNav span, #navFbc span {
	display: none;
}
/* START main-nav and sub-nav common items */


/* START: main navigation */
#nav {
	margin: 5px 0; padding: 0;
	width: 280px;
	height: 124px;
	border: 20px solid #c02037;
}
#n1, #n2, #n3, #n4, #n5 {
	margin: 0; padding: 0;
	width: 280px;
	background: url(../img/nav_main.gif) no-repeat;
}

#n1 { height: 25px; background-position: 0px 0px; }
#n2 { height: 25px; background-position: 0px -25px; }
#n3 { height: 25px; background-position: 0px -50px; }
#n4 { height: 25px; background-position: 0px -75px; }
#n5 { height: 24px; background-position: 0px -100px; }

#n1:hover, #n1:focus, #n1.on { background-position: -280px 0px; }
#n2:hover, #n2:focus, #n2.on { background-position: -280px -25px; }
#n3:hover, #n3:focus, #n3.on { background-position: -280px -50px; }
#n4:hover, #n4:focus, #n4.on { background-position: -280px -75px; }
#n5:hover, #n5:focus, #n5.on { background-position: -280px -100px; }
/* END: main navigation */

/* START: FBCmain navigation */
#navFbc {
	margin: 5px 0; padding: 0;
	width: 280px;
	height: 149px;
	border: 20px solid #c02037;
}
#n1Fbc, #n2Fbc, #n3Fbc, #n4Fbc, #n5Fbc, #n6Fbc {
	margin: 0; padding: 0;
	width: 280px;
	background: url(../img/nav_mainFbc.gif) no-repeat;
}

#n1Fbc { height: 25px; background-position: 0px 0px; }
#n2Fbc { height: 25px; background-position: 0px -25px; }
#n3Fbc { height: 25px; background-position: 0px -50px; }
#n4Fbc { height: 25px; background-position: 0px -75px; }
#n5Fbc { height: 24px; background-position: 0px -100px; }
#n6Fbc { height: 24px; background-position: 0px -124px; }

#n1Fbc:hover, #n1Fbc:focus, #n1Fbc.on { background-position: -280px 0px; }
#n2Fbc:hover, #n2Fbc:focus, #n2Fbc.on { background-position: -280px -25px; }
#n3Fbc:hover, #n3Fbc:focus, #n3Fbc.on { background-position: -280px -50px; }
#n4Fbc:hover, #n4Fbc:focus, #n4Fbc.on { background-position: -280px -75px; }
#n5Fbc:hover, #n5Fbc:focus, #n5Fbc.on { background-position: -280px -100px; }
#n6Fbc:hover, #n6Fbc:focus, #n6Fbc.on { background-position: -280px -124px; }
/* END: main navigation */


/* START: sub navigation */
#subNav {
	margin: 0; padding: 0;
	width: 280px;
	height: 224px;
	border: 20px solid #c02037;
}
#sn1, #sn2, #sn3, #sn4, #sn5, #sn7, #sn8, #sn9, #sn10 {
	margin: 0; padding: 0;
	width: 280px;
	background: url(../img/nav_sub.gif) no-repeat;
}

#sn1  { height: 25px; background-position: 0px 0px; }
#sn2  { height: 25px; background-position: 0px -25px; }
#sn3  { height: 25px; background-position: 0px -50px; }
#sn4  { height: 25px; background-position: 0px -75px; }
#sn5  { height: 25px; background-position: 0px -100px; }
#sn7  { height: 25px; background-position: 0px -125px; }
#sn8  { height: 25px; background-position: 0px -150px; }
#sn9  { height: 25px; background-position: 0px -175px; }
#sn10  { height: 24px; background-position: 0px -200px; }

#sn1:hover,  #sn1:focus,  #sn1.on  { background-position: -280px 0px; }
#sn2:hover,  #sn2:focus,  #sn2.on  { background-position: -280px -25px; }
#sn3:hover,  #sn3:focus,  #sn3.on  { background-position: -280px -50px; }
#sn4:hover,  #sn4:focus,  #sn4.on  { background-position: -280px -75px; }
#sn5:hover,  #sn5:focus,  #sn5.on  { background-position: -280px -100px; }
#sn7:hover,  #sn7:focus,  #sn7.on  { background-position: -280px -125px; }
#sn8:hover,  #sn8:focus,  #sn8.on  { background-position: -280px -150px; }
#sn9:hover,  #sn9:focus,  #sn9.on  { background-position: -280px -175px; }
#sn10:hover,  #sn10:focus,  #sn10.on  { background-position: -280px -200px; }
/* END: sub navigation */

/* START: FBC sub navigation */
#FBCsubNav {
	margin: 0; padding: 0;
	width: 280px;
	height: 297px;
	border: 20px solid #c02037;
}
#sn1FBC, #sn2FBC, #sn3FBC, #sn4FBC, #sn5FBC, #sn6FBC, #sn7FBC, #sn8FBC, #sn9FBC, #sn10FBC, #sn11FBC, #sn12FBC {
	margin: 0; padding: 0;
	width: 280px;
	background: url(../img/nav_sub-fbc2.gif) no-repeat;
}

#sn1FBC  { height: 25px; background-position: 0px 0px; }
#sn2FBC  { height: 25px; background-position: 0px -25px; }
#sn3FBC  { height: 25px; background-position: 0px -50px; }
#sn4FBC  { height: 25px; background-position: 0px -75px; }
#sn5FBC  { height: 25px; background-position: 0px -100px; }
#sn6FBC  { height: 25px; background-position: 0px -125px; }
#sn7FBC  { height: 25px; background-position: 0px -150px; }
#sn8FBC  { height: 25px; background-position: 0px -175px; }
#sn9FBC  { height: 25px; background-position: 0px -200px; }
#sn10FBC { height: 24px; background-position: 0px -225px; }
#sn11FBC { height: 24px; background-position: 0px -249px; }
#sn12FBC { height: 24px; background-position: 0px -274px; }

#sn1FBC:hover,  #sn1FBC:focus,  #sn1FBC.on  { background-position: -280px 0px; }
#sn2FBC:hover,  #sn2FBC:focus,  #sn2FBC.on  { background-position: -280px -25px; }
#sn3FBC:hover,  #sn3FBC:focus,  #sn3FBC.on  { background-position: -280px -50px; }
#sn4FBC:hover,  #sn4FBC:focus,  #sn4FBC.on  { background-position: -280px -75px; }
#sn5FBC:hover,  #sn5FBC:focus,  #sn5FBC.on  { background-position: -280px -100px; }
#sn6FBC:hover,  #sn6FBC:focus,  #sn6FBC.on  { background-position: -280px -125px; }
#sn7FBC:hover,  #sn7FBC:focus,  #sn7FBC.on  { background-position: -280px -150px; }
#sn8FBC:hover,  #sn8FBC:focus,  #sn8FBC.on  { background-position: -280px -175px; }
#sn9FBC:hover,  #sn9FBC:focus,  #sn9FBC.on  { background-position: -280px -200px; }
#sn10FBC:hover, #sn10FBC:focus, #sn10FBC.on { background-position: -280px -225px; }
#sn11FBC:hover, #sn11FBC:focus, #sn11FBC.on { background-position: -280px -249px; }
#sn12FBC:hover, #sn12FBC:focus, #sn12FBC.on { background-position: -280px -274px; }
/* END: sub navigation */



/* START: home page sidebar features */
#fnav {
	margin: 5px 0; padding: 0;
	width: 180px;
	height: 90px;
	border-top: 30px solid #fff;
	border-bottom: 30px solid #fff;
	border-left: 20px solid #fff;
}
#subFnav {
	margin: 5px 0; padding: 0;
	width: 180px;
	height: 90px;
	border-top: 30px solid #003440;
	border-bottom: 30px solid #003440;
	border-left: 20px solid #003440;
}

#fnav ul, #subFnav ul {
	margin: 0; padding: 0;
	list-style: none;
	float: left;
}
#fnav li, #subFnav li {
	margin: 0; padding: 0;
	display: table;
}
#fnav li a, #subFnav li a {
	margin: 0; padding: 0;
	float: left;
	text-decoration: none;
}
#fnav li a:hover, #subFnav li a:hover {
	text-decoration: none;
}
#fnav span, #subFnav span {
	display: none;
}

#fn1, #fn2, #fn3, #fn4, #fn5  {
	margin: 0; padding: 0;
	width: 180px;
	height: 18px;
	background: url(../img/nav_features.gif) no-repeat;
}

/* alternate background for sub-pages */
#sfn1, #sfn2, #sfn3, #sfn4, #sfn5  {
	margin: 0; padding: 0;
	width: 180px;
	height: 18px;
	background: url(../img/subNav_features.gif) no-repeat;
}

#fn1, #sfn1 { background-position: 0px 0px; }
#fn2, #sfn2 { background-position: 0px -18px; }
#fn3, #sfn3 { background-position: 0px -36px; }
#fn4, #sfn4 { background-position: 0px -54px; }
#fn5, #sfn5 { background-position: 0px -72px; }

#fn1:hover, #fn1:focus, #fn1.on, #sfn1:hover, #sfn1:focus, #sfn1.on { background-position: -180px 0px; }
#fn2:hover, #fn2:focus, #fn2.on, #sfn2:hover, #sfn2:focus, #sfn2.on { background-position: -180px -18px; }
#fn3:hover, #fn3:focus, #fn3.on, #sfn3:hover, #sfn3:focus, #sfn3.on { background-position: -180px -36px; }
#fn4:hover, #fn4:focus, #fn4.on, #sfn4:hover, #sfn4:focus, #sfn4.on { background-position: -180px -54px; }
#fn5:hover, #fn5:focus, #fn5.on, #sfn5:hover, #sfn5:focus, #sfn5.on { background-position: -180px -72px; }
/* END: home page sidebar features */

/* END: navigation */