/*
    Document   : layout
    Created on : Oct 26, 2010, 10:51:11 AM
    Author     : jreagan
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
    display: block;
}

body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width: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 */
	font-size:80%;
}
a {
	color:#369;
}

h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	margin:10px 0 5px;
}
#ads img {
	display:block;
	padding-top:10px;
}

/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
        height: 120px;
        overflow: visible;
}
#header {
    background: url("../img/navBar.jpg") repeat-x scroll 0 87px transparent;
    border-bottom: 1px solid #000000;
    min-width: 1300px;
}
#header img#logo {
    top: 0;
    left: 0;
    position: absolute;
}
#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}
/* #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:#fff;
	background:#000;
	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;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
        z-index: 98;
			/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}

.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;

}

/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;		/* right column background colour */
}
.leftmenu .colleft {
	left: 0;
        width: 250px;/* right column width */
	background: none repeat scroll 0 0 #F2F2F2;	/* left column background colour */
}
.leftmenu .col1 {
	min-width:750px;			/* right column content width */
	max-width: 750px;
	left:102%;			/* 100% plus left column left padding */
	min-height: 900px;
	width: auto;
	padding-bottom: 200px;
}

.leftmenu .common-property-column {
	min-width: 900px;
	max-width: 900px;
}

.leftmenu .col2 {
	width:250px;			/* left column content width (column width minus left and right padding) */
	left:0;
        top: 0;
        position: absolute;
       /* (right column left and right padding) plus (left column left padding) */
}
.col1 {
    margin-left: 20px;
}
/* Footer styles */
#footer {
	clear:both;
        position: relative;
	width:100%;
        background: url('../img/footerBkg.jpg') repeat-x transparent;
       z-index: 99;
        bottom: 100px;
}
#footer p {
	padding:5px;
	margin:0;
        font-size: 10px;
        color: #0068A8;
}

#headerBar {
    width: 100%;
    height: 5px;
    background: url('../img/footerBkg.jpg') transparent repeat-x;
}
#headerBar, #footer {
    min-width: 1300px;

}