html {background-color: #2E602F;
background-repeat: no-repeat;
}
#banner {
height: 100px;
background-image: ;
background-repeat: no-repeat;
background-color:#E0AA0F;
border-bottom: 4px;
border-bottom-color: #ffffff;
}
body {
float: none;
height: 650px;
width: 800px;
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-top-width: 4px;
border-right-width: 4px;
border-bottom-width: 4px;
border-left-width: 4px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #ffffff;
border-right-color:#ffffff;
border-bottom-color: #ffffff;
border-left-color: #ffffff;
margin-right:auto;
margin-left:auto;
}
.blur{
background-color: #ccc;
color: inherit;
margin-left: 4px;
margin-top: 4px;
}
.shadow,
.content{
position: relative;
bottom: 2px;
right: 2px;
}
.shadow{
background-color: #666;
color: inherit;
}
.content{
background-color: #fff; /*background color of content*/
color: #000; /*text color of content*/
border: 1px solid #000; /*border color*/
padding: .5em 2ex;
}
.frttitle {font-family:"Myriad Web Pro", "Myriad Pro";
font-size:34px;
font-weight:bold;
text-align:right;
color: #000000;
}
#navbar {
float: right;
width: 432px; height: 34.5px;
background: transparent url(images/Navbar2.png);
margin: 5px auto; padding: 0;
position: relative;
}
#navbar ul{ background: transparent url(images/Navbar2.png) 0 0 no-repeat;
height: 34.5px;
width: 432px;
}
#navbar li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0;}
#navbar li, #navbar a {
height: 34.5px; display: block;}
#panel1b {left: 0; width: 88px;}
#panel2b {left: 92px; width: 82px;}
#panel3b {left: 177px; width: 82px;}
#panel4b {left: 261px; width: 82px;}
#panel5b {left: 346px; width: 82px;
}
#panel1b a:hover {
background: transparent url(Navbar2.png)
0 -69px no-repeat;}
#panel2b a:hover {
background: transparent url(Navbar2.png)
-92px -34.5px no-repeat;}
#panel3b a:hover {
background: transparent url(Navbar2.png)
-177px -34.5px no-repeat;}
#panel4b a:hover {
background: transparent url(Navbar2.png)
-261px -34.5px no-repeat;}
#panel5b a:hover {
background: transparent url(Navbar2.png)
-346px -34.5px no-repeat;}
#menu {
float: right;
list-style: none;
padding: 0;
margin: 5px auto;
width: 532px;
height: 25px;
background: url(images/menu-bg.png) no-repeat;
position: relative;
}
#menu span {
display: none;
position: absolute;
}
#menu a {
display: block;
text-indent: -900%;
position: absolute;
outline: none;
}
#menu a:hover {
background-position: left bottom;
}
#menu a:hover span{
display: block;
}
#menu .au {
width: 80px;
height: 20px;
background: url(images/Nav/AU.png) no-repeat;
left: 0px;
top: 5px;
}
#menu .au span {
width: 40px;
height: 12px;
background: url(images/about-over.gif) no-repeat;
left: 44px;
top: 54px;
}
#menu .te {
width: 80px;
height: 20px;
background: url(images/Nav/TE.png) no-repeat;
left: 85px;
top: 5px;
}
#menu .te span {
width: 86px;
height: 14px;
background: url(images/home-over.gif) no-repeat;
left: 28px;
top: -20px;
}
#menu .en {
width: 80px;
height: 20px;
background: url(images/Nav/EN.png) no-repeat;
left: 170px;
top: 5px;
}
#menu .en span {
width: 86px;
height: 14px;
background: url(images/home-over.gif) no-repeat;
left: 28px;
top: -20px;
}
#menu .mem {
width: 80px;
height: 20px;
background: url(images/Nav/MEM.png) no-repeat;
left: 255px;
top: 5px;
}
#menu .mem span {
width: 80px;
height: 20px;
background: url(images/rss-over.gif) no-repeat;
left: 26px;
top: -20px;
}
#menu .pg {
width: 80px;
height: 20px;
background: url(images/Nav/PG.png) no-repeat;
left: 340px;
top: 5px;
}
#menu .pg span {
width: 92px;
height: 20px;
background: url(images/rss-over.gif) no-repeat;
left: 26px;
top: -20px;
}
#menu .cu {
width: 80px;
height: 20px;
background: url(images/Nav/CU.png) no-repeat;
left: 425px;
top: 5px;
}
#menu .cu span {
width: 92px;
height: 20px;
background: url(images/rss-over.gif) no-repeat;
left: 26px;
top: -20px;
}
#sbar {
float: left;
list-style: none;
padding: 0;
margin: 5px auto;
width: 188px;
height: 158px;
position: relative;
z-index: 3;
visibility: visible;
}
#sbar span {
display: none;
position: absolute;
}
#sbar a {
display: block;
text-indent: -900%;
position: absolute;
outline: none;
}
#sbar a:hover {
background-position: left bottom;
}
#sbar a:hover span{
display: block;
}
#sbar .jn {
width: 142px;
height: 124px;
background: url(images/JN1.png) no-repeat;
left: 0px;
top: 165px;
}
#sbar .jn span {
width: 86px;
height: 14px;
background: url(images/home-over.gif) no-repeat;
left: 28px;
top: -20px;
}
#sbar .vt {
width: 142px;
height: 124px;
background: url(images/08Fall.png) no-repeat;
left: 0px;
top: 290px;
}
#sbar .vt span {
width: 86px;
height: 14px;
background: url(images/home-over.gif) no-repeat;
left: 28px;
top: -20px;
}
#sbar .hw {
width: 142px;
height: 124px;
background: url(images/HW.png) no-repeat;
left: 0px;
top: 415px;
}
#sbar .hw span {
width: 86px;
height: 14px;
background: url(images/home-over.gif) no-repeat;
left: 28px;
top: -20px;
}
#home a {
position: absolute;
height: 170px;
width: 100px;
top: 5px;
text-decoration: none;
}
#ftr{
background-image:url(images/Botref.png);
overflow:hidden;
position: absolute;
display: inline;
top: 0px;
left: 0px;
width: 800px;
height: 0px;
border: 0px;
font-family: "Myriad Web Pro", "Myriad Pro";
font-size:12px;
background: #ffffff;
table-layout:fixed;
text-align:center;
z-index: 6;
}
#ftr1{
position: absolute;
display: inline;
top: 680px;
left: 0px;
width: 800px;
height: 0px;
border: 0px;
font-family: "Myriad Web Pro", "Myriad Pro";
font-size:12px;
background: #ffffff;
table-layout:fixed;
text-align:center;
z-index: 1;
}