/************** Pro Menu 1 by CSSplay- Used in top and bottom navigation **********/
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_one */

.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(pro_one1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(pro_one3.gif);}
.menu1 li.current a b {background:url(pro_one3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(pro_one2.gif);}
.menu1 li a:hover b {background:url(pro_one2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(pro_one3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(pro_one3.gif) no-repeat right top;}


/************** Pro Menu 2 by CSSplay- Used in top and bottom navigation **********/
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_two */

.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(pro_two1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu2 li {float:left;}
.menu2 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu2 li.current a {color:#fff; background:url(pro_two3.gif);}
.menu2 li.current a b {background:url(pro_two3.gif) no-repeat right top;}
.menu2 li a:hover {color:#fff; background:#000 url(pro_two4.gif);}
.menu2 li a:hover b {background:url(pro_two4.gif) no-repeat right top;}
.menu2 li.current a:hover {color:#fff; background:#000 url(pro_two3.gif); cursor:default;}
.menu2 li.current a:hover b {background:url(pro_two3.gif) no-repeat right top;}


/************** Pro Menu 4 by CSSplay- Used in top and bottom navigation **********/
/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_four */

.menu4 {padding:0 0 0 1em; margin:0; list-style:none; height:35px; background:url(pro_four0.gif);}
.menu4 li {float:left;}
.menu4 li a {display:block; float:left; height:35px; line-height:33px; color:#aaa; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 10px; cursor:pointer; font-size:11px;}
.menu4 li a b {float:left; display:block; padding:0 14px 0 10px;}
.menu4 li.current a {color:#fff; background:url(pro_four2.gif);}
.menu4 li.current a b {background:url(pro_four2.gif) no-repeat right top; color:#fff;}
.menu4 li a:hover {color:#fff; background: url(pro_four1.gif);}
.menu4 li a:hover b {background:url(pro_four1.gif) no-repeat right top;}
.menu4 li.current a:hover {color:#fff; background: url(pro_four2.gif); cursor:default;}
.menu4 li.current a:hover b {background:url(pro_four2.gif) no-repeat right top;}
.menu4 a:hover {text-decoration:none;}