@charset "utf-8";
/* CSS Document */

/* Overall styles */

html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	height:100%;
	width: 100%;
	min-width: 1000px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	position: relative;
}


/* header and tabs styles */

.page_header {
	clear:both;
	float:left;
	width:100%;
	background:#FFFFFF;
	text-align:left;
	overflow:hidden;
	padding:0;
	margin:0;
}

.page_header .page_header_image {
	position:relative;
	left:60px;
	top:10px;
	padding-top:20px;
	padding-bottom:5px;
}

.page_header ul {
		clear:left;
		float:left;
		width:80%;
		list-style:none;
		margin:0;
		padding:0;
		padding-top: 0px;
		padding-left: 500px;
}

.page_header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

.page_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;
		line-height:1.3em;
}

.page_header ul li a:hover {
		background:#ff0000;
		color:#fff;
}

.page_header ul li a.active,
.page_header ul li a.active:hover {
	color:#fff;
	background:#369;
	font-weight:bold;
}

.page_header ul li a span {
	display:block;
}

/* header-content divider styles */

.header-content_divider {
		clear:both;
		background:#369;
		border-top:4px solid #369;
		margin:0;
		padding:0;
		float:left;
		width:100%;
		position: relative;
}

/* footer styles */

.page_footer {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background:#DDDDDD;
	position:fixed;
	bottom:0px;
	width:100%;
	height:30px;
	text-align:left;
	clear:both;
	float:left;
} 

.page_footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 7px 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Styles for the equal length 2-column layout */


.overall_column_container {
	margin:0;
	float:left;
	clear:both;
	position:relative;
	width:100%;
	height:100%;
	background:#FFFFFF;
	padding-top:30px; /* Some vertical space to make things look better */
	padding-bottom: 30px; /* Height of the footer */
}

.column_container_2 {
    float:left;
    width:98%; /* Give this a slightly reduced width to create a margin on the right side of the right column */
    background:#EEEEEE;
    overflow:hidden;
    position:relative;
}
.column_container_1 {
    float:left;
    width:100%;
    background:#FFFFFF;
    position:relative;
    right:25%;
}

.column_1 {
    float:left;
    width:73%;
	overflow: hidden;
    position:relative;
    left:25%;
	background:#FFFFFF;
}

.column_2 {
    float:left;
    width:21%;
    position:relative;
    left:29%;
	overflow:hidden;
	background:#EEEEEE;
}

/****************************************************/