/* html elements */
html
{
    background-image:url(../images/oci_bg.jpg);
    background-position:top center;
    background-repeat:no-repeat;
}

ol li
{
    margin-top:8px;
    margin-bottom:8px;
}

/* visual classes */
.red
{
    color:#D42743;
}

.yellow
{
    color:#E6A105;    
}

/* navigation section + logo */

.logo
{
    padding:22px 0px 13px 0px;
}

.nav a
{
    display: inline-block;
    padding:10px 0px 30px 0px;
    color: #fff;
    background-color:#E6A105;
    width:125px;
    height:0px;
    text-decoration: none;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    text-align:center;
    margin:22px 5px 13px 5px;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
     
    -webkit-transition-property:background-color, color;
    -webkit-transition-duration:0.2s;
}

.nav a:hover
{
    background-color:#CCC;
    color:#333;
}

.nav a.selected
{
    background-color:#D42743;
    color:#FFF;
}

.nav a.selected:hover
{
    background-color:#D42743;
    color:#FFF;
}

.sub_nav
{
    text-align:center;
}

.sub_nav a
{
    display: inline-block;
    padding:7px 0px 23px 0px;
    color: #fff;
    background-color:#E6A105;
    width:125px;
    height:0px;
    text-decoration: none;
    font-weight:bold;
    position: relative;
    cursor: pointer;
    text-align:center;
    margin:22px 2px 13px 2px;
    font-size:11px;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
     
    -webkit-transition-property:background-color, color;
    -webkit-transition-duration:0.2s;   
}

.sub_nav a:hover
{
    background-color:#CCC;
    color:#333;
}

.sub_nav a.selected
{
    background-color:#D42743;
    color:#FFF;
}

.sub_nav a.selected:hover
{
    background-color:#D42743;
    color:#FFF;
}

/* navigation separator */

.nav_sep
{
    background-color:#CCC;
    height:3px;
}

/* footer separator */

.sep
{
    background-color:#CCC;
    height:2px;
    margin-top:22px;
    margin-bottom:22px;
}

/* footer links section */

.footer_links
{
}

.footer_links h5
{
    color:#E19E07;
    font-size:12px;
    margin-left:115px;
}

.footer_links ul
{
    list-style-type:none;
    margin: 0px 0px 0px 115px;
}

.footer_links li
{
    margin:0px 0px 0px 5px;
}

.footer_links a
{
    color:#999;
    font-size:10px;
    text-decoration:underline; 
}

.footer_links a:hover
{
    text-decoration:none;
}

/* copyright section */

.copyright
{
    text-align:center;
    font-size:10px;
    color:#999;
}

.copyright p
{
    text-align:center;
}