/*** Main Background Color ***/
body {
    background-color: #3366ff;
    background-image: url('layouts/blue/water.jpg');
    background-attachment: fixed;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*** Border Color ***/
select, option, optgroup {
    color: #ffffff;
    background-color: #3333cc;
}
input {
    color: #ffffff;
    background-color: #3333cc;
    border: 2px ridge #3333cc;
}
.hr, hr {
    color: #3333cc;
}
.header_user {
    background-color: #3333cc;
}
.tborder {
    background-color: #3333cc;
}
.footer_top {
    background-color: #3333cc;
}
.footer_bottom {
    background-color:  #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.datetime {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #3333cc;
}
.username {
    border-bottom: 1px dotted #3333cc;
}

/*** Inner Background Color ***/
.header_logo {
    background-color: #ffffff;
}
.page {
    background-color: #ffffff;
}

/*** Menu Color ***/
body.buttons {
    background-image: none;
    background-color: #6699ff;
    margin: 0px;
}
.navbar {
    background-color: #6699ff;
}
.panel {
    background-color: #6699ff;
}

/*** Link Color ***/
a:link {
    color: #0000cc;
}
a:visited {
    color: #0000cc;
}

/*** Link Hover Color ***/
a:hover, a:active {
    color: #cccccc;
    text-decoration: none;
}

/*** Other ***/
html, body {
    scrollbar-face-color: #6699ff;
    scrollbar-arrow-color: #000f6b;
    scrollbar-base-color: #1f2abe;
    scrollbar-shadow-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-highlight-color: #3448c0;
    scrollbar-3dlight-color: #5485f4;
    scrollbar-track-color: #6699ff;
}
img {
    border: none;
}
.intro {
    text-align: justify;
    background-image: url('layouts/blue/chalk.jpg');
    border: 5px solid #3333cc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #6666cc;
    padding: 10px;
}
.clubs {
    margin: 0px;
    padding: 0px;
/*    height: 225px;
    overflow: auto; */
    text-align: center;
}
.job {
    font-size: 11px;
}
.portfolio {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.bold {
    font-weight: bold;
}
.underline {
    text-decoration: underline;
}
.italic {
    font-style: italic;
}