@import url(reset.css);
@import url(basics.css);
@import url(nav.css);

/*=====  STRUCTURE  =====*/

html, body {
	height: 100%;
	}

body {
	background-color: #4F0000;
	}

#bgHeader, #bgHeader2 {
	position: fixed;
	width: 100%;
	height: 44px;
	top:0;
	left:0;
	z-index: 10;
	}

#bgHeader2 {
	height: 73px;
	}

	#header {
		background-color: #4F0000;
		background: url(../images/bgHeader.gif) repeat left top;
		height: 44px;
		width: 800px;
		margin: 0px auto -19px auto;
		text-align: left;
		}

	#bgHeader2 #header {
		background: url(../images/bgHeader2.gif) repeat left top;
		height: 73px;
		}

		#logo {
			background: url(../images/logoSacBox.gif) no-repeat left top;
			position: relative;
			width: 156px;
			height: 88px;
			margin-bottom: -80px;
			float: left;
			text-indent: -9000px;
			overflow: hidden;
			}

#container {
	background-color: white;
	background: url(../images/bgBody.gif) repeat left top;
	margin: 0px auto 0px auto;
	width: 800px;
	min-height: 100%;
	}

#container.twoCol {
	background: url(../images/bgBody_2col.gif) repeat left top;
	}

	#singleColumn {
		padding: 90px 45px 70px 45px;
		min-height: 300px;
		}

	#twoColumn  {
	padding: 90px 0 70px 45px;
	min-height: 300px }


		#sideCol {
			float: right;
			width: 210px;
			padding: 20px;
			}

		#twoColumn #mainCol {
			float: left;
			width: 460px;
			}

#bgFooter {
	position: fixed;
	width: 100%;
	height: 38px;
	margin: 0px;
	bottom:0;
	left:0;
	z-index: 10;
	}

	#footer {
		background: url(../images/bgFooter.gif) no-repeat left top;
		width: 800px;
		height: 342px;
		margin: 0px auto 0px auto;
		padding-top: 12px;
		z-index: 20;
		}


/*=====  TYPOGRAPHY  =====*/

#sideCol p,
#sideCol h2,
#sideCol h3,
#sideCol h4,
#sideCol ul,
#sideCol ol  {
	color: white;
	font-size: 1.3em }

#sideCol h3 {
	font-size: 1.4em;
	margin-top: 0 }

#sideCol p {
	text-align: left;
	}
#sideCol ul li {
	margin-bottom: 0.5em }

#footer p {
	text-align: center;
	color: white;
	font-size: 1.8em;
	font-family: Helvetica, SunSans-Regular, sans-serif;
	font-weight: bold;
	}

p.hilight {
	background-color: #F3F1F1;
	margin:0 -44px 1em -44px;
	padding:8px 44px 8px 44px;
	}

.centered {
	text-align: center;
	}

img.floatRight {
	margin-left: 20px;
	}

img.floatLeft {
	margin-right: 20px;
	}


ul.indent {
	margin-left: 2em;
	list-style: square;
	}
ul.bullets  {
	list-style: square;
	margin-left: 2em }

ul.checks  {
	list-style-type: none;
	margin-left: 0 }


ul.checks li  {
	background-image: url("../images/icon_check.gif");
	background-repeat: no-repeat;
	list-style-type: none;
	margin-left: 0;
	padding-left: 20px }


#container .pushRight {
	margin-right: -41px;
	margin-left: 20px;
	}

#container .pushLeft {
	margin-left: -41px;
	margin-right: 20px;
	}

.expandomatic {
	cursor: pointer;
	}