/* ------------------------------
HTML Redefine Tags
------------------------------ */
body{
font-family: Helvetica,Arial,Sans-serif;
font-size: medium;
margin: 20px;
padding: 0;
background-color: #DCDCDC;
}
input, form, textarea
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font-size:18px;}
h3{font-size:14px; color:#999999;}
h2{font-size:13px; color:#999900; border-bottom:solid 1px #999900; padding:4px 0; margin-bottom:10px;}
/* ------------------------------
PAGE STRUCTURE
------------------------------ */
/* #container has an absolute width (780 pixel) */
#container{
width: 780px;
margin: 0 auto;
border: 7px inset #360060;
background-color: White;
}
#topbar{width:auto; display:block; padding-top:20px;}
#navbar{width:auto; display:block; height:28px; padding-left: 220px; padding-top:20px;}
#navbar a{
heigth: 28px;
line-height: 28px;
padding: 0 15px;
display: inline;
font-size: 14px;
color: #360060;
text-decoration: none;
}
#navbar a:hover {
color: #999900;
text-decoration: underline;
}
.selecteditem {
font-style: italic;
font-weight: bold;
}
#footer a.email {
text-decoration: underline;
font-size: 11px;
}
#bottomnavbar {
border-top-color: #360060;
border-top-style: solid;
border-top-width: 1px;
}
#bottomnavbar a{
heigth: 28px;
line-height: 28px;
padding: 0 25px;
display: inline;
font-size: 14px;
color: #360060;
}
#main{width:auto; display:block; padding:10px 0; font-size: 14px;}
#column_left{
width: 200px;
margin-right: 20px;
float: left;
padding-left: 15px;
font-size: 14px;
}
#column_right{width:300px; margin-right:20px; float:left; font-size: 14px; padding-top: 15px;}
#column_right_image{width:200px; float:left; padding-top: 40px; font-size: 50%;
font-family: Verdana, Arial, sans-serif;
text-align: center; }
div.spacer{clear:both; height:10px; display:block;}
#content_wide{
width: 500px; float:right; font-size: 14px;margin-right:20px;
}
#footer{
width: auto;
display: block;
padding: 10px 0;
font-size: 11px;
color: #666666;
text-align: center;
}
/* ------------------------------
CUSTOM CLASSES
------------------------------ */
/* Add here your custom classes ... */
#mainNav {
margin-top: 20px;
}
ul {
margin: 0;
padding-top: 20px;
padding-left: 15px;
}
li {
margin-bottom: 1.5em;
list-style: disc;
}
#myGallery
{
width: 400px !important;
height: 200px !important;
}
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/menu_gallery.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/menu_gallery.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.menu {
font-family: verdana, sans-serif;
position:relative;
z-index:100;
width:520px;
margin:0 auto 50px auto;
height:50px;
background:#DCDCDC;
border-top:380px solid #444;
}
.menu ul {
padding:0;
margin:0;
list-style-type: none;
width:355px;
height:26px;
background:#444;
padding:5px;
margin:5px 78px 0 78px;
position:absolute;
border:1px solid #8a8;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li a img {border:0; float:left;}
* html .menu ul li a img {float:none;}
.menu ul li a, .menu ul li a:visited {
float:left;
width:32px;
height:24px;
margin:0 5px;
text-decoration:none;
color:#000;
border:1px solid #fff;
cursor:default;
}
.menu ul li ul {
position:absolute;
top:-106px;
left:-9999px;
}
.menu table {
border-collapse:collapse;
border:0; padding:0; margin:-4px;
}
.menu ul li:hover a,
.menu ul li a:hover {
border:1px solid #8a8;
}
.menu ul li:hover ul,
.menu ul li a:hover ul {
position:absolute;
left:-45px;
width:124px; height:94px;
border:0; padding:0; margin:0;
background:#444;
}
.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
position:absolute;
top:-270px;
left:-9999px;
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
text-decoration:none;
color:#000;
border:1px solid #8a8;
width:120px;
height:90px;
background:#000;
}
.menu ul li:hover ul li a b,
.menu ul li a:hover ul li a b {
display:block; width:32px; height:14px; font-size:0; background:#444 url(slides/point.gif); position:absolute; left:50px; top:92px; border-left:1px solid #8a8; border-right:1px solid #8a8; border-bottom:1px solid #8a8;}
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
border:1px solid #666;
}
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
left:-24px;
}
.menu ul li:hover ul li:hover ul.pos2,
.menu ul li a:hover ul li a:hover ul.pos2 {
left:-68px;
}
.menu ul li:hover ul li:hover ul.pos3,
.menu ul li a:hover ul li a:hover ul.pos3 {
left:-112px;
}
.menu ul li:hover ul li:hover ul.pos4,
.menu ul li a:hover ul li a:hover ul.pos4 {
left:-156px;
}
.menu ul li:hover ul li:hover ul.pos5,
.menu ul li a:hover ul li a:hover ul.pos5 {
left:-200px;
}
.menu ul li:hover ul li:hover ul.pos6,
.menu ul li a:hover ul li a:hover ul.pos6 {
left:-244px;
}
.menu ul li:hover ul li:hover ul.pos7,
.menu ul li a:hover ul li a:hover ul.pos7 {
left:-288px;
}
.menu ul li:hover ul li:hover ul.pos8,
.menu ul li a:hover ul li a:hover ul.pos8 {
left:-332px;
}
.menu ul li:hover span,
.menu ul li a:hover span {
display:none;
}
.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {
width:480px; height:360px;
border:1px solid #8a8;}
.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover
{border:1px solid #fc6;}
.menu ul li:hover ul li:hover ul li a:hover span,
.menu ul li a:hover ul li a:hover ul li a:hover span {
display:block; font-size:10px; position:absolute; top:1px; left:6px; width:470px; background:#8a8; padding:5px; border-bottom:1px solid #fc6;}
.menu ul li:hover ul li:hover ul li a:hover span:first-line,
.menu ul li a:hover ul li a:hover ul li a:hover span:first-line {
font-weight:bold; font-size:14px; color:#efe;}