@import "typography.css";

html, body {
	margin:0;
	padding:0;
	border:0; /* This removes the border around the viewport in old versions of IE */
	width:100%;
	height:100%;
	background:#fff;
	min-width:600px; /* Minimum width of layout - remove line if not required */
 /* The min-width property does not work in old versions of Internet Explorer */
}
a {
	color:#369;
}
a:hover {
	color:#fff;
	background:#369;
	text-decoration:none;
}
/*h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}*/
h3 {
    font-style: italic; /* to distiguish from h2 */
}
p {
    margin:.4em 0 .8em 0;
	padding:0;
}
address {
    display:inline;
    font-style:normal;
}
abbr, acronym, .help {
    border-bottom: 1px dotted #333;
    cursor: help;
}
pre { 
    font-family: monospace;
    margin-left: 0em; 
}
.key {
    font-size: 50%
}
a:link img, a:visited img {
    border:0;
}
a.external
{
    background:url(../fileicons/external.png) center right no-repeat;
    padding-right:16px
}
p img {
    float: right;
    border: 5px solid rgb(219, 215, 204);
    margin-left: 20px;
    margin-bottom: 1.125em;
    display: inline;
    clear: right;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}
img {
    margin:10px 0 5px;
    border:0;
}
img.display {
 display: block;
    margin-left: auto;
    margin-right: auto;
}
#ads img {
	display:block;
	padding-top:10px;
}
#container {
    min-height:100%;
    position:relative;
}
/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	border-bottom: 2px solid rgb(211, 211, 177);
	background: none repeat scroll 0% 0% rgb(187, 190, 100);
}
#header p,
#header h1,
#header h2 {
    padding:.4em 15px 0 15px;
    margin:0;
    color: #000;
}
#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#header ul li a:hover {
	background:#369;
	color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
	color:#000;
	background: rgb(234, 240, 206);;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
#body {
    padding:10px;
    padding-bottom:60px;	/* Height of the footer */
}
/* column container */
.colmask {
	position:relative; /* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%; /* width of whole page */
	height:100%;
	overflow:hidden; /* This chops off any overhanging divs */
	padding-bottom:30px;/* Height of the footer */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

/* Full page settings */
.fullpage {
    background:#fff;		/* page background colour */
}
.fullpage .col1 {
    width:96%;			/* page width minus left and right padding */
    left:2%;			/* page left padding */
}

/* 2 Column (right menu) settings */
.rightmenu {
    background:#eee;		/* right column background colour */
}
.rightmenu .colleft {
    right:25%;			/* right column width */
    background:#fff;		/* left column background colour */
}
.rightmenu .col1 {
    width:71%;			/* left column content width (left column width minus left and right padding) */
    left:27%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
    width:21%;			/* right column content width (right column width minus left and right padding) */
    left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* 2 Column (left menu) settings */
.leftmenu {
    background:#fff;		/* right column background colour */
}
.leftmenu .colleft {
    right:75%;			/* right column width */
    background:#f4f4f4;	/* left column background colour */
}
.leftmenu .col1 {
    width:71%;			/* right column content width */
    left:102%;			/* 100% plus left column left padding */
}
.leftmenu .col2 {
    width:21%;			/* left column content width (column width minus left and right padding) */
    left:6%;			/* (right column left and right padding) plus (left column left padding) */
}
#footer {
    position:absolute;
    bottom:0;
    width:100%;
    list-style-type: none;
    height:30px;			/* Height of the footer */
    border-top: 2px solid rgb(125, 132, 145);
    padding-top: 1em;
    padding-bottom: 2em; 
    font-size: 0.9em;
    background: rgb(234, 240, 206) none repeat scroll 0% 0%;
}
#footer p {
    padding: 0 10px 0px 10px;
    margin: 0 0 1em 0;
}