/* section: convention */

div.main .icon {
}
div.main .icon a {
    text-decoration: none;
    color: #00f;
    font-weight: normal;
}
div.main .icon a:hover {
    color: green;
}
div.main .icon img {
    vertical-align: middle;
    margin-right: 5px;
}
div.main .icon span {
    text-decoration: underline;
    text-decoration: none;
}
div.main dl {
    margin-top: .5em;
}
div.main dt {
    font-weight: bold;
}
div.main dd {
    margin-left: 2em;
}
div.main dl.fancy1 dt {
    background: url('../icons/bullet1.png') no-repeat left center;
    padding-left: 20px;
    text-decoration: none;
    font-weight: bold;
}
div.main dl.fancy1 dt a {
    background: none;
    padding-left: 0;
    font-weight: normal;
}

div.main a.nav {
    text-decoration: none;
    color: #00f;
}
div.main a.nav:before {
    content: '» ';
}
div.main a.nav:hover {
    color: green;
}

a.fancy[href^="http://"], a.fancy[href^="https://"] {
    background: url('../icons/link.png') no-repeat left center;
    padding-left: 22px;
}

a.fancy[href^="mailto:"] {
    background: url('../icons/mail.png') no-repeat left center;
    padding-left: 22px;
}

.menubox {
    overflow: hidden;
    float: right;
    margin-left: .5em;
}

.menubox ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menubox ul li {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}

.menubox ul li a {
    padding: 4px 10px;
    display: block;
    text-decoration: none;
}

.menubox ul li li a {
    background: url('../images/menu.png') 0 -25px repeat-x;
    color: #444 ! important;
}

.menubox ul li a:hover {
    background: url('../images/menu.png') 0 -100px repeat-x;
    color: green ! important;
}

.menubox ul ul {
    visibility: hidden;
    position: absolute;
}

.menubox ul li:hover ul {
    visibility: visible;
}

.menubox ul li li {
    float: none;
}

/* section: custom */

p.pack span.icon a {
    padding: 4px 0;
    display: block;
}

/**/