﻿
body
{
    margin: 0 auto;
    padding: 0;
    border: 0; /* This removes the border around the viewport in old versions of IE */
    width: 1040px;
    background: #7f93b5 url('images/bg.png' ) repeat-x;
    background-attachment: scroll;
    font: normal 100%/140% Arial, Verdana, sans-serif;
    position: relative;
}
p
{
    margin: 0;
    padding: 0;
}
.caps
{
    text-transform: capitalize;
}
#themeSelector
{
    display: inline;
    font-size: 70%;
    padding: 2px;
    color: #428BBB;
}
/* Header styles */
#header
{
    position:relative;
    display: block;
    margin: 0 auto;
    width: 1040px;
    padding-bottom:20px;
    background: white;
}
#header p, #header h1, #header h2
{
    padding: 0px 5px;
    margin: 10px;
}
#header h1
{
    display: block;
    font-size: 250%;
    letter-spacing: -0.04em;
    padding: 0px 0px;
    margin-left: 20px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 7px;
    height: 76px;
    background: transparent url( 'images/Logo.png' ) no-repeat;
    text-indent: -9999px;
    z-index: 1;
    width:  1000px;
}

/* My Comment */
#header h2
{
    display: none;
    font-size: 90%;
    font-variant: small-caps;
    color: white;
    margin-left: 54px;
    letter-spacing: 0.5px;
}
#header ul
{
    width: 100%;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}
#header ul li
{
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

#header ul li img
{
    padding: 0px;
    margin: 0px;
}
#header ul li a
{
    display: block;
    float: left;
    padding-top: 5px;
    text-align: center;
    color: #373636;
    text-decoration: none;
    position: relative;
    width: 160px;
    height: 28px;
    font-size:  14px;
}
#header ul li .grayButton
{
    background: #aeadb2 url('images/nav-gray.png') repeat-x;
    float: left;
    border-right: solid 1px #b6b7b7;
}
#header ul li .greenButton
{
    background: #aeadb2 url('images/nav-green.png') repeat-x;
    float: left;
    width: 165px;
}
#header ul li .grayButton a:hover
{
    background: #95b3e4;
    color: #292929;
}

#header ul li .greenButton a:hover
{
    background: #89e175;
    color: #292929;
}
#header ul li a.active, #header ul li .greenButton a.active:hover
{
    color: #292929;
    background: transparent url('images/menuOn.png') repeat-x;
}

#header ul li a.active, #header ul li .grayButton a.active:hover
{
    color: #292929;
    background: transparent url('images/nav-green-hover.png') repeat-x;
}
#header ul li a span
{
    display: block;
}
/* login form */
#submenu
{
    clear: both;
    background: white;
    border-top: solid 1px #ffffff;
    margin: 0 auto;
    padding: 1px 1px !important;
    padding-bottom: 0px;    
	*text-align:center;
}
#codex
{
    display:block;
    background: white;
    margin: 0 auto;
    /*padding:  0px 5px;
    *padding-top:10px;*/
    padding:  0px 0px 0px 20px; 
    
}
/* column container */
.colmask
{
    display: block;
    position: relative; /* This fixes the IE7 overflow hidden bug */
    width: 1000px; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
    margin-left: 0px
}
/* common column settings */
.colright, .colmid, .colleft
{
    float: right;
    width: 100%;
    position: relative;
}
.col1, .col2, .col3
{
    float: left;
    position: relative;
    padding: 0 0 0 0;
    overflow: hidden;
}
/* 2 Column (right menu) settings */
.rightmenu
{
    background: transparent; /* right column background colour */
}
.rightmenu .colleft
{
    right: 300px; /* right column width */
    background: #fff; /* left column background colour */
}
.rightmenu .col1
{
    width: 680px; /* left column content width (left column width minus left and right padding) */
    left: 302px; /* (right column width) plus (left column left padding) */
}
.rightmenu .col2
{
    width: 300px; /* right column content width (right column width minus left and right padding) */
    left: 306px; /* (right column width) plus (left column left and right padding) plus (right column left padding) */
    padding-left: 10px;
}

.boxAds
{
    display:block;
}
 Footer styles 
/*#footer
{
    padding: 10px 0px;
    clear: both;
    float: left;
    width: 100%;
    font-size: 80%;
}*/

