html,body {
    background: #efefef url(../images/bg_html.png) repeat-x left top;
    background-position: top left;
    font-family: Cursive, Geneva, "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial,"Arial Narrow";
    font-size: 14px;
    line-height: normal;
    height: 100%;
    width: 100%;
    margin: 0;
    margin-bottom: 16px;
    padding: 0;
}

div#header {
    position: relative;
    background: transparent url(../images/bg_header.jpg) repeat-x left top;
    height: 128px;
    width: 100%;
    margin: 0 auto;
}

div#logo-dbu-alumni {
    height: 128px;
    width: 980px;
    margin: 0 auto;
}

div#logo-dbu-alumni h1 {
    background-color: transparent !important;
    background-image: url(../images/dbu_alumni.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    margin: 0;
    margin-left: 16px;
    height: 128px;
    width: 280px !important;
}

div#logo-dbu-alumni h1 a  {
    position: relative;
    display: block;
    top: 12px;
    left: 8px;
    height: 82px;
    width: 272px;
    overflow: hidden;
    text-indent: -9999px;
}

div#navigation {
    background: #000 url(../images/button1.gif);
    border: 1px solid #000;
    border-width: 0 1px;
    border-bottom: 1px solid #444;
}

div#toolbar {
    background: transparent url(../images/bg_userbar.png) repeat-x left top;
    height: 36px;
    width: 960px;
    margin: 0 auto;
    padding: 0;
}

div#menu_top,
div#userbar {
    float: left;
    height: 24px;
    width: 472px !important;
    margin: 0 auto;
    padding: 6px 4px;
    text-align: left;
}

a.userbar-signin {
    background: transparent url(../images/icon_key.gif) no-repeat left top;
    color: #ffffff;
    font-weight: bold;
    line-height: 16px;
    padding-left: 18px;
    text-decoration: none;
}

a.userbar-signup {
    color: #009900;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    text-decoration: none;
}

a.userbar-signin:hover {
    color: #222222;
    text-decoration: underline;
}

a.userbar-signup:hover {
    color: #00aa00;
    text-decoration: underline;
}

span.userbar-logged {
    color: #ffffff;
    font-weight: bold;
    line-height: 14px;
    text-decoration: none;
}

a.userbar-link {
    color: #336699;
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;
    text-decoration: none;
}

a.userbar-link:hover {
    color: #222222;
    text-decoration: underline;
}

.userbar-or {
    color: #444444;
    font-style: italic;
}


div#menu_top {
    text-align: right !important;
}

div#menu_top select {
    font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, Arial, "Arial Narrow";
    font-size: 12px;
    height: 20px;
    width: 84px;
    margin: 0;
    padding: 0;
    padding-left: 2px;
    z-index: 100;
}

div#menu_top ul, div#menu_top li {
    display: inline;
    list-style: none;
    list-style-position: inside;
}

div#menu_top li a {
    text-decoration: none;
}

span.icon {
    background-color: transparent !important;
    background-position: 0 -16px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    padding-right: 12px;
    overflow: hidden;
    text-indent: -9999px;
}

span.icon.home {
    background-image: url(../images/icon_home.gif);
}
span.icon.sitemap {
    background-image: url(../images/icon_sitemap.gif);
}
span.icon.contact {
    background-image: url(../images/icon_email.gif);
}

a.icon-profiles {
    float: left;
    background-color: transparent !important;
    background-image: url(../images/icon_profiles.gif);
    background-position: left center;
    background-repeat: no-repeat;
    color: #336699;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    padding-left: 26px;
    margin-left: -26px;
    text-decoration: none;
}

a:hover.icon-profiles {
    color: #222222;
    text-decoration: underline;
}

div#container {
    background: #ffffff;
    width: 960px;
    min-height: 480px;
    margin: 0 auto;
    padding: 0;
}

div#wrapper {
    background: #ffffff;
    width: 860px;
    min-height: 460px;
    margin: 0 auto;
    padding: 8px 0;
}

div#container_bottom {
    clear: both;
    height: 35px;
    width: 980px;
    margin: 0 auto;
}


div.title {
    margin-bottom: 8px;
}

div.title h1 {
    color: #6699cc;
    font-size: 26px;
    font-weight: bold;
}

div.title h3 {
    color: #555555;
    font-size: 16px;
    font-weight: bold;
}

div#welcome {
    margin: 8px;
    padding: 8px;
}

div#welcome img {
    float: left;
    border: none;
    margin: 0;
    padding: 0;
    width: 320px;
    height: 140px;
}

.content {
    margin: 8px;
    padding: 8px;
}

.content img {
    float: left;
    border: 1px solid #6699cc;
    margin: 0 16px 16px 0;
    padding: 4px;
}

.content p {
    text-align: justify;
    margin-bottom: 16px;
}

.content ul {
    margin-bottom: 16px;
    list-style-image: url(../images/bullet_green.png);
    list-style-position: inside;
}

.content li {
    margin: 16px;
    padding: 0;
}

.content h2 {
    color: #003366;
    font-size: 20px;
    font-weight: bold;
    margin: 16px 0;
}

.first {
    border-bottom: 1px solid #ccc;
}

.important {
    color: red;
    font-family: Georgia, Geneva,Arial,Helvetica,sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin: 20px;
    padding: 10px;
    text-align: center;
    clear: both;
}

.group {
    padding: 10px 0;
    overflow: hidden;
}

.group h1 {
    color: #222;
    font-family: Georgia, Cursive, Geneva,Arial,Helvetica,sans-serif;
    font-size: 24px;
    padding-bottom: 40px;
}
.group h3 {
    color: #444;
    font-family: Cursive, Geneva,Arial,Helvetica,sans-serif;
    padding: 20px 0;
}

img.left {
    float: left;
    border: none;
}
img.right {
    float: right;
    border: none;
}
.group ol {
    color: #aaa;
    font-family: Georgia,Geneva,Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    list-style-position: outside;
    margin-left: 30px;
    margin-bottom: 40px;
}

.group ol p {
    color: #000;
    font-family: "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial,"Arial Narrow";
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    text-align: justify;
    margin-bottom: 16px;
}

.intro {
    float: right;
    color: #888;
    font-family: Cursive, Geneva,Arial,Helvetica,sans-serif;
    width: 680px;
    text-align: justify;
}

div#download {
    background: #fd9;
    border: 1px solid #f96;
    margin: 20px 0;
    padding: 10px;
}

.file {
    display: block;
    clear: both;
    line-height: 16px;
    margin: 10px;
    padding-left: 20px;
    text-decoration: none;
}

a.file:hover {
    font-style: italic;
    font-weight: bold;
}

.file.doc {
    background: transparent url(../images/doc.png) no-repeat left center;
}

.file.pdf {
    background: transparent url(../images/pdf.png) no-repeat left center;
}

.top-link {
    clear: both;
    margin: 8px 0;
    text-align: right;
}

div.top-link a {
    background-color: transparent !important;
    background-image: url(../images/icon_top.gif);
    background-position: right top;
    background-repeat: no-repeat;
    color: #888888 !important;
    font-size: 10px;
    line-height: 16px;
    padding-right: 18px;
    text-decoration: none;
}

div.top-link a:hover {
    background-position: right -16px;
    color: #222222 !important;
}


div#links {
    clear: both;
    background-color: transparent !important;
    color: #999999;
    width: 960px;
    margin: 16px auto;
}

div#links  div{
    width: 960px;
    margin: 0 auto;
    text-align: center;
}

div#links a {
    background-color: transparent !important;
    background-image: url(../images/icon_more.gif);
    background-position: right top;
    background-repeat: no-repeat;
    margin: 0 16px;
    text-decoration: none;
}

div#footer {
    color: #555555;
    font-size: 12px;
    font-weight: normal;
    width: 980px;
    min-height: 36px;
    margin: 0 auto;
    text-align: center;
}

div#footer p a img {
    position: relative;
    top: 8px;
}


.menu {
    width: 960px;
    padding: 0 0 0 32px;
    margin: 0 auto;
    list-style: none;
    height: 35px;
    position: relative;
}

.menu li {
    float: left;
}

.menu li a {
    display: block;
    float: left;
    height: 35px;
    line-height: 35px;
    color: #bdbdbd;
    text-decoration: none;
    font-size: 11px;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    text-align: center;
    padding: 0 0 0 8px;
    cursor: pointer;
}

.menu li a span {
    float: left;
    display: block;
    padding: 0 16px 0 8px;
}

.menu li a:hover {
    color: #fff;
    background: #000 url(../images/button2.gif);
}

.menu li a:hover span {
    background: url(../images/button2.gif) no-repeat right top;
}

.menu li.current a:hover {
    color: #fff;
    background: #000 url(../images/button3.gif);
    cursor: default;
}

.menu li.current a:hover span {
    background: url(../images/button3.gif) no-repeat right top;
}

div.more {
    clear: both;
    text-align: right;
}

div.more.admin {
    text-align: left;
}

div.more a {
    background-color: transparent !important;
    background-image: url(../images/icon_more.gif);
    background-position: right 0;
    background-repeat: no-repeat;
    color: #888888 !important;
    font-size: 12px;
    line-height: 18px;
    padding-right: 18px;
    text-decoration: none;
}

div.more a:hover {
    background-position: right -16px;
    color: #222222 !important;
}

div.more.admin a {
    background-color: transparent !important;
    background-image: url(../images/icon_more.gif);
    background-position: left 0;
    background-repeat: no-repeat;
    color: #888888 !important;
    font-size: 12px;
    line-height: 18px;
    padding-left: 18px;
    text-decoration: none;
}

div.more.admin a:hover {
    background-position: left -16px;
    color: #222222 !important;
}

div.errors {
    background-color: #ffffaa;
    border: solid 2px #ffff99;
    margin: 0 0 8px 0;
    padding: 4px 8px;
}

div.errors ul, div.errors li {
    color: #ff0000 !important;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    list-style-type: square !important;
    list-style-position: inside !important;
}

.firstletter {
    float: left;
    font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, Arial, "Arial Narrow";
    font-size: 2.5em;
    line-height: 1;
    font-weight: bold;
    margin-right: 0.2em;
}

div#paginator {
    clear: both;
    background-color: #d9d9d9;
    margin: 8px 0;
    padding: 2px 0;
}

div#paginator a {
    color: #444444;
    text-decoration: none;
}

div#paginator a:hover {
    color: #222222;
    text-decoration: underline;
}

div.photo {
    float: left;
    background-color: #eeeeff;
    width: 140px;
    padding: 4px 20px;
    margin: 0 5px;
    text-align: center;
}

div.photo p.description {
    border: none !important;
    color: #777777;
}

div.photo p.default {
    color: #999999;
    font-size: 12px;
    text-align: center;
}

div.dbu-logo-big {
    clear: both;
    margin: 16px 0;
    text-align: center;
}

a.external-link {
    float: left;
    clear: both;
    background-color: transparent !important;
    background-image: url(../images/icon_external.gif);
    background-position: left center;
    background-repeat: no-repeat;
    color: #6699ff;
    height: 16px;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 24px;
    margin: 8px 0;
    text-decoration: none;
    overflow: hidden;
}

a:hover.external-link {
    color: #336699;
    text-decoration: underline;
}