/*-------------------------------------------------
HG 3 column layout
-------------------------------------------------*/
body {
	min-width: 630px;      /* 2x (LC fullwidth + CC padding) + RC fullwidth */
}

#HG3Contain {
	padding-left: 200px;   /* LC fullwidth */
	padding-right: 190px;  /* RC fullwidth + CC padding */
	overflow: hidden;
}

#HG3Contain .column {
	position: relative;
	float: left;
	padding-bottom: 20010px;  /* X + padding-bottom */
	margin-bottom: -20000px;  /* X */
}
#HG3Center {
	padding: 10px 20px;    /* CC padding */
	width: 100%;
	background: #fff;
	text-align: left;
}
#HG3Left {
	width: 180px;          /* LC width */
	padding: 0 10px;       /* LC padding */
	right: 240px;          /* LC fullwidth + CC padding */
	margin-left: -100%;
	background: #ccc;
}
#HG3Right {
	width: 130px;          /* RC width */
	padding: 0 10px;       /* RC padding */
	margin-right: -190px;  /* RC fullwidth + CC padding */
	background: #ccc;
}
/*** IE6 Fix ***/
* html #HG3Left {
  left: 150px;           /* RC fullwidth */
}


/*-------------------------------------------------
HG 3b column layout - another variant, see glish.com/css
-------------------------------------------------*/
body {
	min-width: 630px;
}

#HG3bContain {
	margin: 10px 10px 0px 10px;
	padding: 0px;
	overflow: hidden;
	position: relative;
}

#HG3bContain .column{
	padding-bottom: 20010px;
	margin-bottom: -20000px;
}

#HG3bLeft {
	position: absolute;
	left:10px;
	top:40px;
	width:200px;
	background: #ccc;
	voice-family: "\"}\"";
	voice-family: inherit;
	left:0;
}
html>body #HG3bLeft {
	left:0;
}
	
#HG3bCenter {
	background:#fff;
	margin-left: 200px;
	margin-right: 200px;
}

#HG3bRight {
	position: absolute;
	right:9px;
	top:40px;
	width:200px;
	background:#ccc;
	voice-family: "\"}\"";
	voice-family: inherit;
	right:9px;
}
html>body #HG3bRight {
	right:0;
}

/*-------------------------------------------------
HG 2 column layout
- Can be full width, fixed width centered, or proportionate centered.
- Just change container width
-------------------------------------------------*/
body {
	min-width: 760px;
}

#overallcontent{
	padding: 0 23px 0 30px;
	text-align: none;
	background: none;
}

.fullWidth{
	width: 100%;
	background-color: #fff;
	float: none;
}

/* Container holds pageContent and sideBar side by side at no less than 760 */
#container {
	text-align: left;
	background: #e5e5e5;
	overflow: hidden;
}

#container .column {
	float: left;
	position: relative;
}

#pageContent{
	width: 100%;
	padding: 0;
	padding-bottom: 50px;
	margin: 0;
	text-align: left;
	background: #fff url(/images/dropshadow.gif) right repeat-y;
}

#sideBar{
	width: 30%;
	padding: 0;
	border-top: 0;
	background: #ccc;
}

/*-------------------------------------------------
All layouts - leave these in
-------------------------------------------------*/
#header {
	background: #b3b3b3;
	height: 40px;
}
#footer {
	clear: both;
	position: relative;
}

.sbWrapper{ padding: 0 10px; text-align: left; }
#pageWrapper{padding: 0 20px 15px 20px;}
#topnav{ background-color: #e5e5e5; }

* html #body {
	overflow: hidden;
}
* html #footer-wrapper {
	float: left;
	position: relative;
	width: 100%;
	background: #fff; /* same as body background */
}