/************************************************************************
Project 	Purdue Ionomics Information Management System
File 		structure.css
Desc		style sheet that controls the overall structure
			of the page including positioning of all major
			elements and the overall display properties
 ************************************************************************/

/*------------------------------------------------
BODY AND MAIN CONTAINER ELEMENTS
------------------------------------------------*/
body {
	position:relative;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background-color:#444444;
	max-width:1024px;
	min-width:765px;
	padding-bottom:15px;
	margin-left: auto;
    margin-right: auto;
	background-image:url(../images/pagebackground.jpg);
}

#maincontainer {
	width:auto;
    text-align: left; /* to realign your text */
	background-color:#FFFFFF;
	position:relative;
	background-image:url(../images/background.jpg);
	background-position:right;
	background-repeat:repeat-y;	
	border-left:1px solid #666666;
	border-right:1px solid #666666;
}
.innertube{
	text-align: left; /* to realign your text */
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}
.boxinnertube{
	text-align: left; /* to realign your text */
	margin:0; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}
.boxinnertube ul{
	list-style-type:square;
	margin:0;
	padding-left:15px;
}

/*------------------------------------------------
BANNER ELEMENTS
------------------------------------------------*/
#topsection {
	position:relative;
	background-color:#ffffff;
	z-index:2;
	height: 102px; /*Height of top section*/
}
#topnav_container {
	background-color: #ffffff;
	position:relative;
	top:0px;
	width:100%;
	z-index:1;
	height:38px;
}
#topnav {
	position:absolute;
	width:auto;
	left:150px;
	top:17px;
	color:#666666;	
	z-index:2;
	text-align:left;	
}
#sectionnav_container {
	background-color:#777777;
	position:relative;
	top:47px;
	width:100%;
	z-index:1;
	height:18px;
}
#instance_indicator_container {
	right:0px;
	top:0px;
	background-image:url(../images/instance_indicator_corner.png);
	padding-left:25px;
	padding-right:6px;
	padding-top:2px;
	background-repeat:no-repeat;
	background-color: #444444;
	position:absolute;
	width:245px;
	z-index:2;
	height:16px;
}
#site_information_container{
	text-align:right;
	position:absolute;
	right:0px;
	top:23px;
	width:355px;
	height:16px;
	z-index:2;
	font-size:10px;
	color:#666666;
}
#site_information_container a {
	padding-left:3px;
	padding-right:5px;
	border-right: 1px solid #dddddd;
}
#purdue_logo {
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	width:150px;
	height:63px;
	background-image:url(../images/purduelogo.png);
}
#piims_logo {
	position:absolute;
	color:#FFFFFF;
	top:41px;
	right:0px;
	z-index:2;
	width:250px;
	height:45px;
	background-image:url(../images/piimslogo.png);
	background-repeat:no-repeat;
}
#banner_rule {
	background-color:#ffffff;
	border-top:3px solid #999999;	
	position:absolute;
	top: 40px;
	left: 0px;
	z-index:1;
	height:42px; /*two pixels larger than actual background image size to create border padding*/
	width:100%;
	background-position: 0px 1px; /*offset top by one pixel for padding around the borders*/
	background-image:url(../images/banner_blue.jpg);
	background-repeat:repeat-x;
}


/*------------------------------------------------
CONTENT ELEMENTS
------------------------------------------------*/
#contentwrapper{
	float: left;
	width: 100%;
	padding-bottom:15px;
}
#contentcolumn{
	margin-right: 250px; /*Set right margin to RightColumnWidth*/	
}


/*------------------------------------------------
RIGHT COLUMN ELEMENTS
------------------------------------------------*/
#rightcolumn{
	position:relative;
	z-index:1;	
	float:right;
	width: 250px; /*Width of right column in pixels*/
	margin-left: -250px; /*Set left margin to -(RightColumnWidth) */
	padding-bottom:15px;
}


/*------------------------------------------------
FOOTER ELEMENTS
------------------------------------------------*/
#footer{
	padding-top:5px;
	height:40px;
	font-size:11px;
	position:relative;
	clear:both;
	bottom:0px !important;
	left:0px;
	width: 100%;
	background-color: #444444;
	color: #ffffff;
	text-align: center;
	background-image:url(../images/piimslogo_footer.png);
	background-position:5px 5px;
	background-repeat:no-repeat;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
}
#footertext{
	font-size:10px;
	line-height:18px;
	text-align:right;
	position:relative;
	right:10px;
}

/*------------------------------------------------
RADIO BUTTON AND CHECK BOX
------------------------------------------------*/
.iefix {border:none} /* No border */