/* CSS Document */

body {
	background-image:url(../images/images_ref/header_repeat.jpg);
	background-repeat:repeat-x;
	padding:0;
	margin:0;
}

/* ---------- IDs */

/* Formats Logo Image */
#homelink {
	position:absolute;
	margin-left:49px;
	margin-top:30px;
	width:163px;
	height:200px;
	padding:0;
	border:none;	
}

/* holds header graphic */
#header {
	background-image:url(../images/images_ref/header.jpg);
	background-repeat: no-repeat;
	width:1185px;
	height:255px;
}

/* formats maincontainer to hold floated maincontent divs and repeating y sidebar graphic */
#maincontainer {
	position:absolute;
	width:1000px;
	background-image: url(../images/images_ref/side_repeat.jpg);
	background-repeat: repeat-y;
	padding:0;
}

/* holds horizontal sidebar divider graphic */
#sidehbar {
	background-image:url(../images/images_ref/sidebar_divider.jpg);
	background-repeat: repeat-x;
	height:10px;
	padding:0;
}

#mc_container {
	position:absolute;
	background-image:url(../images/images_ref/side_repeat.jpg);
	background-repeat:repeat-y;
	top:0;
	
}

/* ----------Classes */

/* Container for sidecontent */
.side {
	position:absolute;
	float:left;
	width:272px;
	color:#000;
}

/* Class for sidebar content */
.sidecontent {
	margin-top:25px;
	width:259px;	
}

.maincontent {
	position:relative;
	margin-left:330px;
	width:600px;
	padding:0;

}

/* Blue Titlebar Container */
.tbcontainer {
	margin-top:20px;
	position:relative;
	width:560px;
	height:30px;
	background-image:url(../images/images_ref/titlebar.jpg);
	background-repeat:repeat-x;
	background-color:#355380;
	padding:10px 40px;

}

/* Formats text within tbcontainer */
.titlebartxt {
	position:absolute;
	bottom:5px;
	vertical-align:bottom;
	font-weight: bold;
}

/* Formats divs for light content box */
.content {
	float:left;
	width:560px;
	margin:0;
	padding:20px 40px;
	background-color:#E3E3E3;
}

/* Formats divs for no header content */
.content_nh {
	float:left;
	width:560px;
	margin:0;
	padding:20px 40px;
	background-color:#CCC;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Formats Member Login Section: set description */
.logindescription {
	padding-top:5px;
	float:left;
	width: 230px;
}

/* Formats Member Login Section: username and password */
.authenticate {
	width:230px;
	margin-left:30px;
	float:left;
}

/* Formats Member Login Section: input fields */
.authenticate input {
	width:150px;
}

/* Float Element Right. */
.fltrt { 
	float: right;
	margin-left: 8px;
}


/* Float Element Left. */
.fltlft { 
	float: left;
	margin-right: 8px;
}