/*PAGED MENU FOR THE LINKS PAGE The original version of this style and the associated (x)html is available at http://www.cssplay.co.uk/menus/page_menu2.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #pagedmenu2 {width:600px; height:460px; border:1px solid #aaa; background:#FAF4E6; position:relative; z-index:100; overflow:hidden;} /* frame SIZE */ #pagedmenu2 table {border-collapse:collapse; margin:-1px;} #pagedmenu2 ul#outer {background: url(nomad_folder/pagemenu-back.jpg); padding:0; margin:0;list-style:none;} #pagedmenu2 ul#outer li.page {display:inline;} /* needed for IE to function correctly */ #pagedmenu2 ul#outer li.page a.menuitem {text-decoration:none;} #pagedmenu2 ul#outer li.page a.menuitem:hover {background: url(nomad_folder/pagemenu-current.jpg);text-decoration: none; color:#000066} #pagedmenu2 ul#outer li.page i {position:absolute;display:block;height:25px;right:390px;background:transparent; cursor:default;z-index:101;text-align:right;text-decoration:none;color:#00c;font-style:normal;cursor:pointer;} /* right = position of menu list from right, width = width of menu list */ #pagedmenu2 ul#outer li.p1 i {top:30px;} #pagedmenu2 ul#outer li.p2 i {top:55px;} #pagedmenu2 ul#outer li.p3 i {top:80px;} #pagedmenu2 ul#outer li.p4 i {top:105px;} #pagedmenu2 ul#outer li.p5 i {top:130px;} #pagedmenu2 ul#outer li.p6 i {top:155px;} #pagedmenu2 ul#outer li.p7 i {top:180px;} #pagedmenu2 ul#outer li.p8 i {top:205px;} #pagedmenu2 ul#outer li.p9 i {top:230px;} #pagedmenu2 ul#outer li.p10 i {top:255px;} #pagedmenu2 ul#outer li.p11 i {top:280px;} #pagedmenu2 ul#outer li.p12 i {top:305px;} #pagedmenu2 ul#outer li.p13 i {top:330px;} #pagedmenu2 ul#outer li.p14 i {top:355px;} #pagedmenu2 ul#outer li.p15 i {top:380px;} #pagedmenu2 ul#outer li.p16 i {top:405px;} #pagedmenu2 ul#outer li.p17 i {top:430px;} #pagedmenu2 ul#outer li div {display:block; width:550px; height:460px; padding:25px; background:transparent; font-weight:normal; color:#444;} /* width = width of text division */ #pagedmenu2 ul#outer li div img {border:1px solid #000; margin:0 0 0 0;} #pagedmenu2 ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em; padding: 5px 0px 0px 0px;} #pagedmenu2 ul#outer li div a {color:#00c; text-decoration:underline;} #pagedmenu2 ul#outer li div em {display:block; width:225px; height:460px; float:left; background:transparent url(nomad_folder/pagemenu-current.jpg) no-repeat 0 0; margin-left:-19px; margin-right:20px;} #pagedmenu2 ul#outer li.page div {display:block; width:550px; height:460px; padding:10px 25px 25px 25px; font-weight:normal; color:#444;} /* width = width of page division */ #pagedmenu2 ul#outer li.p1 div {background:#fff url(nomad_folder/pagemenu-back.jpg);} #pagedmenu2 ul#outer li.p2 div {background:#fff url(nomad_folder/pagemenu-back.jpg);} #pagedmenu2 ul#outer li.p3 div {background:#fff url(nomad_folder/pagemenu-back.jpg);} #pagedmenu2 ul#outer li.p4 div {background:#fff url(nomad_folder/pagemenu-back.jpg);} #pagedmenu2 ul#outer li.p5 div {background:#fff url(nomad_folder/pagemenu-back.jpg);} #pagedmenu2 ul#outer li.p6 div {background:#fff url(nomad_folder/pagemenu-back.jpg);} #pagedmenu2 ul#outer li.p7 div {background:#fff url(nomad_folder/pagemenu-back.jpg);} #pagedmenu2 ul#outer li.p8 div {background:#fff url(nomad_folder/pagemenu-back.jpg);} #pagedmenu2 ul#outer li.p9 div {background:#fff url(nomad_folder/pagemenu-back.jpg);} #pagedmenu2 ul#outer li.p10 div {background:#fff url(nomad_folder/pagemenu-back.jpg);} #pagedmenu2 ul#outer li.p11 div {background:#fff url(nomad_folder/pagemenu-back.jpg);} #pagedmenu2 ul#outer li.p12 div {background:#fff url(nomad_folder/pagemenu-back.jpg);} #pagedmenu2 ul#outer li.p13 div {background:#fff url(nomad_folder/pagemenu-back.jpg);} #pagedmenu2 ul#outer li.p14 div {background:#fff url(nomad_folder/pagemenu-back.jpg);} #pagedmenu2 ul#outer li.p15 div {background:#fff url(nomad_folder/pagemenu-back.jpg);} #pagedmenu2 ul#outer li.p16 div {background:#fff url(nomad_folder/pagemenu-back.jpg);} #pagedmenu2 ul#outer li.p17 div {background:#fff url(nomad_folder/pagemenu-back.jpg);} #pagedmenu2 ul#outer li.p1 div em {background-position: 0 15px;} #pagedmenu2 ul#outer li.p2 div em {background-position: 0 40px;} #pagedmenu2 ul#outer li.p3 div em {background-position: 0 65px;} #pagedmenu2 ul#outer li.p4 div em {background-position: 0 90px;} #pagedmenu2 ul#outer li.p5 div em {background-position: 0 115px;} #pagedmenu2 ul#outer li.p6 div em {background-position: 0 140px;} #pagedmenu2 ul#outer li.p7 div em {background-position: 0 165px;} #pagedmenu2 ul#outer li.p8 div em {background-position: 0 190px;} #pagedmenu2 ul#outer li.p9 div em {background-position: 0 215px;} #pagedmenu2 ul#outer li.p10 div em {background-position: 0 240px;} #pagedmenu2 ul#outer li.p11 div em {background-position: 0 265px;} #pagedmenu2 ul#outer li.p12 div em {background-position: 0 290px;} #pagedmenu2 ul#outer li.p13 div em {background-position: 0 315px;} #pagedmenu2 ul#outer li.p14 div em {background-position: 0 340px;} #pagedmenu2 ul#outer li.p15 div em {background-position: 0 365px;} #pagedmenu2 ul#outer li.p16 div em {background-position: 0 380px;} #pagedmenu2 ul#outer li.p17 div em {background-position: 0 405px;} #pagedmenu2 ul#outer li.page div a:hover {text-decoration:none;} #pagedmenu2 ul#outer li.page a:hover {white-space:normal;} #pagedmenu2 ul#outer :hover div {position:absolute; left:0; top:0;} /*PAGED MENU FOR THE LINKS PAGE The original version of this style and the associated (x)html is available at http://www.cssplay.co.uk/menus/page_menu2.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #pagedmenu1 {width:600px; height:680px; border:1px solid #aaa; background:#FAF4E6; position:relative; z-index:100; overflow:hidden;} #pagedmenu1 table {border-collapse:collapse; margin:-1px;} #pagedmenu1 ul#outer {background:url(images/pagemenu-back.jpg); padding:0; margin:0;list-style:none;} #pagedmenu1 ul#outer li.page {display:inline;} /* needed for IE to function correctly */ #pagedmenu1 ul#outer li.page a.menuitem {text-decoration:none;} #pagedmenu1 ul#outer li.page a.menuitem:hover {background: url(images/pagemenu-current.jpg);text-decoration:none; cursor: nw-resize;} #pagedmenu1 ul#outer li.page i {position:absolute;display:block;height:25px;right:445px;background:transparent;cursor:default;z-index:101;text-align:right;text-decoration:none;color:#00c;font-style:normal;cursor:default;width: 150px;} /* right = position of menu list from right, width = width of menu list */ #pagedmenu1 ul#outer li.p1 i {top:30px;} #pagedmenu1 ul#outer li.p2 i {top:70px;} #pagedmenu1 ul#outer li.p3 i {top:110px;} #pagedmenu1 ul#outer li.p4 i {top:150px;} #pagedmenu1 ul#outer li.p5 i {top:190px;} #pagedmenu1 ul#outer li.p6 i {top:230px;} #pagedmenu1 ul#outer li.p7 i {top:270px;} #pagedmenu1 ul#outer li.p8 i {top:310px;} #pagedmenu1 ul#outer li.p9 i {top:350px;} #pagedmenu1 ul#outer li.p10 i {top:390px;} #pagedmenu1 ul#outer li div {display:block; width:550px; height:680px; padding:25px; background:transparent; font-weight:normal; color:#444;} /* width = width of text division */ #pagedmenu1 ul#outer li div img {border:1px solid #000; margin:0 0 0 0;} #pagedmenu1 ul#outer li div p.big {border:1px solid #000; margin:10px 0px 0px 0;} #pagedmenu1 ul#outer li div a {color:#00c; text-decoration:underline;} #pagedmenu1 ul#outer li div em {display:block; width:170px; height:680px; float:left; background:transparent url(images/pagemenu-current3.jpg) no-repeat 0 0; margin-left:-19px; margin-right:20px; cursor: default} #pagedmenu1 ul#outer li.page div {display:block; width:550px; height:680px; padding:25px; font-weight:normal; color:#444;} #pagedmenu1 ul#outer li.p1 div {background:#fff url(images/pagemenu-back.jpg);} #pagedmenu1 ul#outer li.p2 div {background:#fff url(images/pagemenu-back.jpg);} #pagedmenu1 ul#outer li.p3 div {background:#fff url(images/pagemenu-back.jpg);} #pagedmenu1 ul#outer li.p4 div {background:#fff url(images/pagemenu-back.jpg);} #pagedmenu1 ul#outer li.p5 div {background:#fff url(images/pagemenu-back.jpg);} #pagedmenu1 ul#outer li.p6 div {background:#fff url(images/pagemenu-back.jpg);} #pagedmenu1 ul#outer li.p7 div {background:#fff url(images/pagemenu-back.jpg);} #pagedmenu1 ul#outer li.p8 div {background:#fff url(images/pagemenu-back.jpg);} #pagedmenu1 ul#outer li.p9 div {background:#fff url(images/pagemenu-back.jpg);} #pagedmenu3 ul#outer li.p10 div {background:#fff url(images/pagemenu-back3.jpg);} #pagedmenu1 ul#outer li.p1 div em {background-position: 0 15px;} #pagedmenu1 ul#outer li.p2 div em {background-position: 0 40px;} #pagedmenu1 ul#outer li.p3 div em {background-position: 0 65px;} #pagedmenu1 ul#outer li.p4 div em {background-position: 0 90px;} #pagedmenu1 ul#outer li.p5 div em {background-position: 0 115px;} #pagedmenu1 ul#outer li.p6 div em {background-position: 0 140px;} #pagedmenu1 ul#outer li.p7 div em {background-position: 0 165px;} #pagedmenu1 ul#outer li.p8 div em {background-position: 0 190px;} #pagedmenu1 ul#outer li.p9 div em {background-position: 0 215px;} #pagedmenu1 ul#outer li.p10 div em {background-position: 0 240px;} #pagedmenu1 ul#outer li.page div a:hover {text-decoration:none;} #pagedmenu1 ul#outer li.page a:hover {white-space:normal;} #pagedmenu1 ul#outer :hover div {position:absolute; left:0; top:0;} /*PAGED MENU FOR THE CONTACTS PAGE The original version of this style and the associated (x)html is available at http://www.cssplay.co.uk/menus/page_menu2.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #pagedmenu3 {width:600px; height:680px; border:1px solid #aaa; background:#eff; position:relative; z-index:100; overflow:hidden;} #pagedmenu3 table {border-collapse:collapse; margin:-1px;} #pagedmenu3 ul#outer {background:url(images/pagemenu-back3.jpg); padding:0; margin:0;list-style:none;} #pagedmenu3 ul#outer li.page {display:inline;} /* needed for IE to function correctly */ #pagedmenu3 ul#outer li.page a.menuitem {text-decoration:none;} #pagedmenu3 ul#outer li.page a.menuitem:hover {background: url(images/pagemenu-current3.jpg);text-decoration:none; cursor: nw-resize;} #pagedmenu3 ul#outer li.page i {position:absolute;display:block;height:25px;right:445px;background:transparent;cursor:default;z-index:101;text-align:right;text-decoration:none;color:#00c;font-style:normal;cursor:default;width: 150px;} #pagedmenu3 ul#outer li.p1 i {top:30px;} #pagedmenu3 ul#outer li.p2 i {top:70px;} #pagedmenu3 ul#outer li.p3 i {top:110px;} #pagedmenu3 ul#outer li.p4 i {top:150px;} #pagedmenu3 ul#outer li.p5 i {top:190px;} #pagedmenu3 ul#outer li.p6 i {top:230px;} #pagedmenu3 ul#outer li.p7 i {top:270px;} #pagedmenu3 ul#outer li.p8 i {top:310px;} #pagedmenu3 ul#outer li.p9 i {top:350px;} #pagedmenu3 ul#outer li.p10 i {top:390px;} #pagedmenu3 ul#outer li div {display:block; width:550px; height:680px; padding:25px; background:transparent; font-weight:normal; color:#444;} #pagedmenu3 ul#outer li div img {border:1px solid #000; margin:10px 0px 0px 0;} #pagedmenu3 ul#outer li div p.big {line-height:0em; color:#004; font-size:1.5em;} #pagedmenu3 ul#outer li div a {color:#00c; text-decoration:underline;} #pagedmenu3 ul#outer li div em {display:block; width:170px; height:680px; float:left; background:transparent url(images/pagemenu-current3.jpg) no-repeat 0 0; margin-left:-19px; margin-right:20px; cursor: default} #pagedmenu3 ul#outer li.page div {display:block; width:550px; height:680px; padding:25px; font-weight:normal; color:#444;} #pagedmenu3 ul#outer li.p1 div {background:#fff url(images/pagemenu-back3.jpg);} #pagedmenu3 ul#outer li.p2 div {background:#fff url(images/pagemenu-back3.jpg);} #pagedmenu3 ul#outer li.p3 div {background:#fff url(images/pagemenu-back3.jpg);} #pagedmenu3 ul#outer li.p4 div {background:#fff url(images/pagemenu-back3.jpg);} #pagedmenu3 ul#outer li.p5 div {background:#fff url(images/pagemenu-back3.jpg);} #pagedmenu3 ul#outer li.p6 div {background:#fff url(images/pagemenu-back3.jpg);} #pagedmenu3 ul#outer li.p7 div {background:#fff url(images/pagemenu-back3.jpg);} #pagedmenu3 ul#outer li.p8 div {background:#fff url(images/pagemenu-back3.jpg);} #pagedmenu3 ul#outer li.p9 div {background:#fff url(images/pagemenu-back3.jpg);} #pagedmenu3 ul#outer li.p10 div {background:#fff url(images/pagemenu-back3.jpg);} #pagedmenu3 ul#outer li.p1 div em {background-position: 0 5px;} #pagedmenu3 ul#outer li.p2 div em {background-position: 0 45px;} #pagedmenu3 ul#outer li.p3 div em {background-position: 0 85px;} #pagedmenu3 ul#outer li.p4 div em {background-position: 0 125px;} #pagedmenu3 ul#outer li.p5 div em {background-position: 0 165px;} #pagedmenu3 ul#outer li.p6 div em {background-position: 0 205px;} #pagedmenu3 ul#outer li.p7 div em {background-position: 0 245px;} #pagedmenu3 ul#outer li.p8 div em {background-position: 0 285px;} #pagedmenu3 ul#outer li.p9 div em {background-position: 0 325px;} #pagedmenu3 ul#outer li.p10 div em {background-position: 0 365px;} #pagedmenu3 ul#outer li.page div a:hover {text-decoration:none;} #pagedmenu3 ul#outer li.page a:hover {white-space:normal;} #pagedmenu3 ul#outer :hover div {position:absolute; left:0; top:0;} /*============================================================================================================= */