/*For more info see 'Snazzy menu' on cssplay.co.uk*/

#outer {display:block; position:relative; background:transparent; padding-top:3px; margin: 10px 5px 0 0; text-align: right; width: 400px}
#outer ul {margin:0; padding:0; list-style-type:none; background:transparent; height:0;}
#outer li {display:inline; float:right;}


.xsnazzy {background:transparent;}
/*Change font properties here*/
.xsnazzy span {text-align:center; color:black; font-family: arial; margin:0; font-weight:normal; padding-bottom:1px; }


.xtop {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; /* hide overflow:hidden from IE5/Mac */ overflow: hidden; }
.xb1, .xb2, .xb3 {height:1px;}
/*Change the background here for the top of the tab. Change border colors for corner of tabs*/
.xb2, .xb3, .xb4 {background:#6fb6f2; border-left:1px solid #1353b9; border-right:1px solid #1353b9;}
/*Changing the background here changes the top of tab border color*/
.xb1 {margin:0 5px; background:#1359b9;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}


/*Use this to change main background color and left & right border colors, even though its set to 0 */
.xboxcontent {display:block; background:#56a4ee; border:0 solid #1353b9; border-width:0 1px 1px 1px;}


/*Width changes the width of each tab*/
a.xmenu2, a.xmenu2:visited {display:block; text-decoration:none; width:100px; font-size:11px;}
a.xmenu2:hover {background:transparent; cursor:pointer;}
/*Change color of text hover*/
a.xmenu2:hover span {color:#1252b9;}
a.xmenu2:hover .xboxcontent {background:#eee; border-color:#234370; border-bottom:1px solid #eee;}
a.xmenu2:hover .xb1 {background:#888;}
a.xmenu2:hover .xb2, a.xmenu2:hover .xb3, a.xmenu2:hover .xb4 {background:#fff; border-color:#234370;}