/************************************************************************
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: 100;
    margin-right: 100;
	background-image:url(../images/pagebackground.jpg);
}
*/

body{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	background-color:#444444;	
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 0px;
	background-image:url(../images/pagebackground.jpg);
}

#maincontainer {
	width:1024px;
    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;
	align:center;
}
.innertube{
	text-align: left; /* to realign your text */
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}
.innertubeRightColumn{
	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: 64px; /*Height of top section*/
	width: 1024px;
}
#topnav_container {
	background-color: #ffffff;
	position:relative;
	top:0px;
	width: 1024px;
	z-index:1;
	height:38px; 
}
#topnav {
	position:absolute;
	width: 1024px;
	left:150px;
	top:17px;
	color:#666666;	
	z-index:2;
	text-align:left;	
}
#sectionnav_container {
	background-color:#777777;
	position:relative;
	top:45px;
	width: 1024px;
	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:center;
	position:absolute;
	right:0px;
	top:23px;
	width:255px;
	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:1px;
	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: 0px;
	left: 0px;
	z-index:1;
	height:42px; /*two pixels larger than actual background image size to create border padding*/
	width: 1024px;
	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{ /*Used by IE*/
	float: left;
	width: 754px;
	padding-bottom:15px;
	margin-right:250px;
	/*display:inline;*/
}
html>body #contentwrapper{ /* Used by FireFox, IE doesn't understand it*/
	float: left;
	width: 75%;
	padding-bottom:15px;
	margin-right:250px;
	/*display:inline;*/
}
#contentcolumn{
	margin-right:0px; /*Set right margin to RightColumnWidth*/
	width:100%;
}


/*------------------------------------------------
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;
	display:inline;
}


/*------------------------------------------------
FOOTER ELEMENTS
------------------------------------------------*/
#footer{
	/*padding-top:5px;*/
	height:40px;
	font-size:11px;
	/*position:relative;*/
	clear:both;
	bottom:0px !important;
	left:0px;
	background-color: #444444;
	color: #ffffff;
	text-align: center;
	/*background-image:url(../images/piimslogo_footer.png);*/
	/*background-image:url(../images/NSF35.jpg);*/
	/*background-position:5px 5px;*/
	background-repeat:no-repeat;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	width: 1024px;
}
#footertext{
	font-size:10px;
	line-height:18px;
	text-align:right;
	position:relative;
	right:10px;
	float:right;
	display:inline;
}
#footerimg{
	height:40px;
	vertical-align:middle;
	padding-left:5px;
	padding-right:5px;
	/*padding-top:5px;*/
	float:left;
	position:relative;
	
}
/*------------------------------------------------
RADIO BUTTON AND CHECK BOX
------------------------------------------------*/
.iefix {border:none} /* No border */ 

#el01 {width:100%} /* Width */ 
#el02 { /* Text and background colour, blue on light gray */ 
color:#00f; 
background-color:#ddd; 
}

#el03 {background:url(/i/icon-info.gif) no-repeat 100% 50%} /* Background image */ 
#el04 {border-width:6px} /* Border width */ 
#el05 {border:2px dotted #00f} /* Border width, style and colour */ 
#el06 {border:none} /* No border */ 
#el07 {padding:1em} /* Increase padding */
#atg {border:none} /* No border */
#parentname {border:none} /* No border */
#linenamesearch {border:none} /* No border */
#tray {border:none} /* No border */
#el08 { /* Change width and height */ 
	width:4em; 
	height:4em; 
}