body {background-color:#ddd; color:#222; font-family:Helvetica;
 font-size:14px; margin:0; padding:0; 
}

header {background-color:#ccc; border-bottom:1px solid #666; color:#222; display:block;
 font-size:20px; font-weight:bold;padding:10px 0; text-align:center;
 text-decoration:none;
}

header {text-shadow:0px 1px 0px #fff; background-image:-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
}

header div.leftButton {
position: relative; top:1px; left:0px;
 height: 30px; font-weight:bold; text-align:center; color:white;
 text-shadow:rgba(0,0,0,0.6) 0px -1px 0px; line-height:28px;
 border-width:0 8px 0 8px;
 -webkit-border-image:url(button.png) 0 8 0 8;
}

header div.pressed {-webkit-border-image:url(button_clicked.png) 0 8 0 8;
}



nav {padding:5px;
}

nav ul {list-style:none;
 margin:10px; padding:0;
}

nav ul li a {background-color:#FFFFFF; border:1px solid #999999; color:#222222; display:block; font-size:13px; font-weight:bold; margin-bottom:-1px; padding:12px 10px;  text-decoration:none;
}

nav ul li:first-child a {-webkit-border-top-left-radius:8px;
 -webkit-border-top-right-radius:8px;
}

nav ul li:last-child a {-webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px;
}
nav ul li a:active,nav ul li a:hover {background-color:blue; color: white;
}

nav ul.hide {
display:none;
}

nav .navTitle {display:none}
article {padding:5px;
}

article ul {margin:0; padding:0; list-style-type:none; text-align:center;}

article ul li a {background-color:#FFFFFF; border:1px solid #999999; color:#222222; display:block; font-size:17px; font-weight:bold; margin-bottom:-1px; padding:12px 10px;  text-decoration:none;
}

article ul li:first-child a {-webkit-border-top-left-radius:8px;
 -webkit-border-top-right-radius:8px;
}

article ul li:last-child a {-webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px;
}
article ul li a:active,article ul li a:hover {background-color:blue; color: white;
}


article div.linkButton {
position: relative; bottom:1px; left:0px;
 height: 30px; font-weight:bold; text-align:center; color:white;
 text-shadow:rgba(0,0,0,0.6) 0px -1px 0px; line-height:28px;
 border-width:0 8px 0 8px;
 -webkit-border-image:url(button.png) 0 8 0 8;
}

article div.pressed {-webkit-border-image:url(button_clicked.png) 0 8 0 8;
}



sidebar {padding:5px;}
sidebar ul {list-style:none;
 margin:10px; padding:0;
}

sidebar ul li a {background-color:#FFFFFF; border:1px solid #999999; color:#222222; display:block; font-size:17px; font-weight:bold; margin-bottom:-1px; padding:12px 10px;  text-decoration:none;
}

sidebar ul li:first-child a {-webkit-border-top-left-radius:8px;
 -webkit-border-top-right-radius:8px;
}

sidebar ul li:last-child a {-webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px;
}

sidebar ul li a:active,sidebar ul li a:hover {background-color:blue; color: white;
}

sidebar ul.hidelinks {
display:none;
}

sidebar #linklist {display:none}
footer {display:none;
}