#navigation {
border-bottom:1px solid #999;
height:21px;
padding-top:15px;
display:block;
width:auto;
clear: both;
}

.navMain {
float:left;
position: absolute;
font-size:14px;
height:21px;
padding:0;
margin:0;
list-style-type:none;
z-index:99999;
width:962px;
}

.navMain li {
float:left;
position:relative;
margin-right:4px;
width:133px;
}

.navMain li ul {
display:none;
}

.navMain li ul li {
margin-right:0px !important;
}

.navMain li a, .navMain li a:visited, .navMain li a:hover {
display:block;
text-decoration:none;
width:127px;
padding:3px 0 2px 6px;
float:left;
font-size:12px;
line-height:16px;
color:#fff;
}

/* active items
====================== */

/* bluish */
body.bluish .navMain li#navItemBluish {background:#00aeef;}

/* blue */
body.blue .navMain li#navItemBlue {background:#007dc3;}

/* purple */
body.purple .navMain li#navItemPurple {background:#9f218b;}

/* pink */
body.pink .navMain li#navItemPink {background:#eb529d;}

/* orange */
body.orange .navMain li#navItemOrange {background:#f58025;}

/* yellow */
body.yellow .navMain li#navItemYellow {background:#fdb924;}

/* green */
body.green .navMain li#navItemGreen {background:#00b25a;}

/* greenish */
body.greenish .navMain li#navItemGreenish {background:#c1d82f;}

/* common, grey */
body.common .navMain li#navItemCommon, 
body.grey .navMain li#navItemGrey, {background:#5e6e66;}

/* items, on hover
====================== */

/* bluish */
.navMain li#navItemBluish.navHover {background:#00aeef;}
.navMain li#navItemBluish {background:#5e6e66;}
.navMain li#navItemBluish ul li {border-top:1px dotted #93E3FF;}
.navMain li#navItemBluish ul li a:hover {background:#32bef3;}

/* blue */
.navMain li#navItemBlue.navHover {background:#007dc3;}
.navMain li#navItemBlue {background:#5e6e66;}
.navMain li#navItemBlue ul li {border-top:1px dotted #99cbf0;}
.navMain li#navItemBlue ul li a:hover {background:#3497d0;}

/* purple */
.navMain li#navItemPurple.navHover {background:#9f218b;}
.navMain li#navItemPurple {background:#5e6e66;}
.navMain li#navItemPurple ul li {border-top:1px dotted #ECD3E8;}
.navMain li#navItemPurple ul li a:hover {background:#b34da3;}

/* pink */
.navMain li#navItemPink.navHover {background:#eb529d;}
.navMain li#navItemPink {background:#5e6e66;}
.navMain li#navItemPink ul li {border-top:1px dotted #f9b6df;}
.navMain li#navItemPink ul li a:hover {background:#f074b2;}

/* orange */
.navMain li#navItemOrange.navHover {background:#f58025;}
.navMain li#navItemOrange {background:#5e6e66;}
.navMain li#navItemOrange ul li {border-top:1px dotted #fbcea7;}
.navMain li#navItemOrange ul li a:hover {background:#f79951;}

/* yellow */
.navMain li#navItemYellow.navHover {background:#fdb924;}
.navMain li#navItemYellow {background:#5e6e66;}
.navMain li#navItemYellow ul li {border-top:1px dotted #FFDFA8;}
.navMain li#navItemYellow ul li a:hover {background:#fcc642;}

/* green */
.navMain li#navItemGreen.navHover {background:#00b25a;}
.navMain li#navItemGreen {background:#5e6e66;}
.navMain li#navItemGreen ul li {border-top:1px dotted #AFDAB5;}
.navMain li#navItemGreen ul li a:hover {background:#29c962;}

/* greenish */
.navMain li#navItemGreenish.navHover {background:#c1d82f;}
.navMain li#navItemGreenish {background:#5e6e66;}
.navMain li#navItemGreenish ul li {border-top:1px dotted #E4ECAE;}
.navMain li#navItemGreenish ul li a:hover {background:#C2D133;}
.navMain li#navItemGreenish ul li a, .navMain li#navItemGreenish ul li a:visited, 
.navMain li#navItemGreenish ul li a:hover { color:#333;}

/* common, grey */
.navMain li#navItemCommon, 
.navMain li#navItemGrey {background:#5e6e66;}

.navMain li#navItemCommon ul li, 
.navMain li#navItemGrey ul li {border-top:1px dotted #B5BFBA;}

.navMain li#navItemCommon ul li a:hover, 
.navMain li#navItemGrey ul li a:hover {background:#838a86;}


/* last item */
.navMain li.last {margin-right:0px !important;}


/* titles
====================== */
body.bluish h1, body.blue h1,
body.purple h1, body.pink h1,
body.orange h1, body.yellow h1,
body.green h1, body.greenish h1,
body.common h1, body.grey h1 {font-size:40px;line-height:40px;margin-bottom:20px;}
/* bluish */
body.bluish h1 {color:#00aeef;}

/* blue */
body.blue h1 {color:#007dc3;}

/* purple */
body.purple h1 {color:#9f218b;}

/* pink */
body.pink h1 {color:#eb529d;}

/* orange */
body.orange h1 {color:#f58025;}

/* yellow */
body.yellow h1 {color:#fdb924;}

/* green */
body.green h1 {color:#00b25a;}

/* greenish */
body.greenish h1 {color:#c1d82f;}

/* common, grey */
body.common h1, body.grey h1 {color:#5e6e66;}