*
{
	padding: 0;
	margin: 0;
	/*border: 0;*/

}
img
{
	border:0;
}
form
{
	height:100%;
}
body, html
{
	color: #000;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	text-align: center; /*** Centers the design in old IE versions ***/
	height: 100%;
	background:#000; 
}

body
{
	font-size: 70%;
}

.clear
{
	clear: both;
}
#mainContainer
{
	/*width: 760px;*/
	width: 947px;
	margin: 0 auto; /*** Centers the design ***/
	/*min-height: 100%;*/
	/*background: #add8e6 url(images/three-column-100-bg.gif) repeat-y; /*** This is our faux columns ***/
	/*background:url(../images/faux_column.jpg) repeat-y;*/ background-color: #fff; /*** This is our faux columns ***/
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* 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
**************************/
#header
{	
	/*padding: 10px;*/
	height: 148px;
	/*border: solid 1px red;*/
	background:url(../images/header_bg.jpg) no-repeat;
}
/**************************
        CONTENT AND COLUMNS
**************************/
.outer
{
	height:100%;
	padding-left: 165px; /* .outer + .inner = #maincontainer width */
}
* html .outer
{
	padding-right: 120px; /* Normally this shouldn't be in this hack, it should be in .outer, but because of IE7 I had to */
}
.inner
{
	/* width: 595px; */ /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
	width: 782px; /* .outer + .inner = #maincontainer width */
	padding-bottom: 30px;
}
* html .inner
{
	width: 100%;
}
/*** 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.
        ***/
#body-wrap
{
	/*float: left; width: 630px;
	width: 630px;
	width:735px;
	margin-left: -165px;*/
	background: url(../images/content_top_bg.jpg) repeat-x;
}
* html .float-wrap
{
	/*** No need for hacking IE on this layout ***/
}
#content
{
	/*float: right;*/
	width: 507px;
	padding:30px 15px 0 0;
	vertical-align: top;
	/*border:solid 1px red;*/
	font-family:Arial;
	font-size:13px;	  
}
/** html #content
{
	position: relative;
}*/
.contentWrap
{
	padding: 0 0 15px 15px;
}
.contentWrap ol, .contentWrap ul
{
	margin: 3px 0 5px 35px;
}
.contentWrap li
{
	padding-bottom: 2px;
}
/**************************
        LEFT COLUMN
        **************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
        div.left is carried over into the proper position. 
        ***/
#left
{
	/*float: left;*/
	/*width: 150px;*/
	vertical-align: top;
	width:250px;
	/*padding: 5px;*/
	/*border:solid 1px #c2c2c2;	*/
}
/** html #left
{
	position: relative;
}*/
#left ul
{
	list-style: none;
	padding-bottom: 4px;
}
#left li
{
	padding-bottom: 2px;
}
/*************************
        RIGHT COLUMN
        **************************/
#right
{
	/*float: right;*/
	width: 190px;
	vertical-align: top;
	padding:30px 5px 5px 5px;
	/*background-color:#c2c2c2;*/
	/*border:solid 1px #fff;*/
	/*margin-right:5px;*/
	color:#fff;
	background-color: #4f4f4f;
}
/** html #right
{
	position: relative;
	margin-right: -120px;
}*/
#right ul
{
	list-style: none;
	padding-bottom: 4px;
}
#right li
{
	padding-bottom: 2px;
}
/**************************
        FOOTER
**************************/
#footer
{
	/*width: 760px;*/
	/*width: 947px;*/
	height: 83px; 
	/*margin: 0 auto;
	margin-top: -83px; */
	/*text-align: center;*/
	/*border: solid 1px red;*/
	background:url(../images/footer_bg.jpg) no-repeat right center;
	/*display:block; */
}