/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/
* /*Set's border, padding and margin to 0 for all values*/
{
	padding: 0;
	margin: 0;
	border: 0;
}
body, html 
{
	color: #000; 
	height: 100%;
	background: url(images/left_border.jpg) 0 100px repeat-y #fff;  /*** This is the left column background "faked" with an image. The 100px is added to have control of where the vertically repeating starts. The background color #fff (white) will be the background color for our content area ***/
}
input
{
	border:1px solid;
}
textarea
{
	border:1px solid;	
	
}
input.form
{
	display:block;
	padding-top:2px;
	margin-bottom:5px;
}
span.form  
{
	clear:left;
	width:110px;
	display:block;
	float:left;
	margin-bottom:5px;
}
body 
{
	font-size: 70%;
	min-width: 760px; /* Don't work in IE */
}
p 
{
	font-size:14px;
	padding: 7px 0 7px 0;
}
a 
{
	color: #000099;
}
a:hover
{
	color: #0000FF;
	text-decoration: none;
}
h1, h2, h3 
{
	font-family: Bookman Old Style;
	font-weight: bold;
	padding-bottom: 5px;
}
h1 
{
	font-size: 2em;
}
h2 
{
	font-size: 1.4em;
}
h3 
{
	font-size: 1.3em;
}

h1 a, #header h2
{
	color: #fff;
}
.clear 
{ 
	clear: both; 
}

#mainContainer 
{
	padding-left:70px;
	min-height: 100%;
	background: url(images/right_border.jpg) 100% 100px repeat-y; /*** This is the right column background "faked" with an image.  The 100px is added to have control of where the vertically repeating starts. ***/
}

* html #mainContainer 
{
	height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

#header 
{
	height:110px;
	background: url(images/top.jpg) 100% 0px repeat-x; 
	padding: 0px;
}

.outer 
{
	padding-left: 165px; /*** Same width as margin-left for the float-wrap div ***/
	padding-right: 50px; /*** Our right column width ***/
}
.inner 
{
	width: 100%;
	padding-bottom: 45px; /*** Padding-bottom value is the same value as the total height of the footer ***/
}

/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap 
{
	margin-left:90px;
	float: left;
	width: 100%;
	margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/
}
#content 
{
	font-family:Bookman Old Style;
	float: right;
	margin-right: -165px; /*** Same length as .outer padding-left but with negative value ***/
	width: 100%;
	position: relative; /*** IE needs this  ***/
}
.contentWrap
{
	padding: 0px 25px 0px 5px;
}
.contentWrap ol, .contentWrap ul 
{
	font-size:14px;
	margin: 3px 0 5px 35px;
}
.contentWrap li 
{
	padding-bottom: 2px;
}