/* over all rules */

*{ box-sizing:border-box; }

html,body{
    margin:0;
    padding:0;
    background:#ddd;
    color:#333;
    font-family:'Open Sans','Trebuchet MS','Arial',sans-serif;
    font-size:14px; }

.container{ 
    width:1200px;
    float:left;position:relative;
    left:50%;
    margin-left:-600px;
    background:#fff;
    padding:10px; }

a
{
    text-decoration: none;
    color: #0433FF;
}


/* header and footer */

header,footer,article,nav,section{ 
    float:left;padding:10px; }

header,footer{ 
    width:100%; }

header,footer{ 
    background-color:"white";
/* 
    color:"black";
    text-align:right;
 */
    height:100px; }

header{
    color: "black";
    font-family: 'Times'; 
    font-size:40px;
    font-weight:bold;
    text-align:center;
    margin-bottom:20px; }

header big{ 
    line-height:130px;
    vertical-align:bottom; }

header hr{
    width:95%; }

footer{
    background-color:#999;
    text-align:center;
    height:40px;
    color: #fff; }

footer a{ 
    color:blue;
    vertical-align:top;
/*
    padding-left:20px;
    padding-right:20px;
    text-decoration:underline;
    font-weight:bold; 
*/
    }


/* navigation on the left hand side */

nav{ 
    text-align:center;
    width:24%;
    margin-right:1%;
    border:1px solid #ccc;
    margin:5px; }

nav a{ 
    display:block;
    width:100%;
    background-color:#c33;
    color:#fff;
    height:40px;
    margin-bottom:6px;
    padding:11px;
    border-radius:3px;
    font-size:16px; }

nav a.active{ 
    background-color:#226; }

nav a:hover { background-color: #5DB0FD; }

nav a.image{
    display:inline;
    background-color:#fff}

nav p{
    font-size: 14px;    
}


/* <article> tag is our 'content area' */

article{ 
    width:75%; }

article h1{ 
    font-size: 24px;
    padding:0;
    margin:0 0 20px 2px; }
    
article h2{ 
    font-size: 18px;
    padding:0;
    margin:0 0 10px 2px; }
    
article h3{ 
    font-size: 16px;
    padding:0;
    margin:0 0 10px 2px; }
    
article table{
    table-layout: fixed;
    word-wrap: break-word;
    width:870px;
    font-size:16px; }
    
article td{
    padding: 5px; }
    
article ul{
    margin: 0 0 0 1.5em;
    padding: 0; }

article li{
    padding: 5px; }


article input[type=submit],input[type=reset]{
    font-size: 3em;
    width: 2em; 
    height: 2em; }


/* section */

article section{ 
    padding:0; }


/* basic page division */

.halves,.thirds{ 
    width:49%;
    float:left;
    margin-right:2%; }

.thirds{ 
    width:32.66666%;
    margin-right:1%; }

.last{ margin-right:0; }