﻿body {
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    background:#101010;
    min-width:960px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
	font-family: Verdana, Arial;
	color:#0B08A3;
}
#fixed {
   margin:0 auto;
   width:960px;   /* you can use px, em or % */
   text-align:left;
}
/* Header styles */
#loginbar {
   margin:0 auto;
   width:960px;   /* you can use px, em or % */
   text-align:left;
   background-color: #1D19FA;
}
#header {
    clear:both;
    float:left;
    width:100%;
	border-bottom:1px solid #000;
    background-color: #1D19FA;
    margin: 0px;
    vertical-align:middle;
}
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.leftmenu {
    background:#FF9400;
}
.leftmenu .colright {
    float:left;
    width:200%;
	position:relative;
	left:200px;
	background-color: #0B08A3;
	font-size:90%;
	font-family: Verdana, Arial;
	color:White;
}
.leftmenu .col1wrap {
    float:right;
    width:50%;
    position:relative;
    right:200px;
    padding-bottom:1em;
}
.leftmenu .col1 {
    margin:0 15px 0 215px;
    position:relative;
    right:100%;
    overflow:hidden;
	background-color: #0B08A3;
	font-size:90%;
	font-family: Verdana, Arial;
	color:White;
}
.leftmenu .col2 {
    float:left;
    min-height:550px;
    width:170px;
    position:relative;
    right:185px;
	color:#0B08A3;
}
/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
	border-top:1px solid #000000;
    background-color: #FFF373;
    color:#0B08A3;
}
#footer p {
    padding:10px;
    margin:0;
    background-color: #FFF373;
    color:#0B08A3;
}

.content { 
	margin: 0px 0px 0px 0px;
	height: auto;
	background: #0B08A3;
	padding:10px;
	font-family: Verdana, Tahoma, Arial;
	font-size:10px;
}
p { font-family: Verdana, Tahoma, Arial;
    font-size: 16px;
    color:White;
}
b {  font-weight:bold;
}

li { margin-left:5px;
     margin-right:5px;
     margin-top:5px;
     margin-bottom:5px;
     color:#BF8330; 
     font-size:16px; 
}

h1 
{
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #FF9400;
}
h2 
{
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #FF9400;
}
h3 
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FF9400;
}
h4 
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FF9400;
}
h5
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FF9400;
}

a {
	color:#BFB330;
}
a:hover {
	color:#FFE900;
	text-decoration:none;
	cursor:hand;
}
a:visited 
{
	color:#FFEF40;
	text-decoration:none;
}

