/* 
CREATED BY:		Anja Kastl	(akastl@andromeda.rutgers.edu)
CREATED ON:		12/18/2009	

DESCRIPTION:
CSS Document that defines the positioning of the elements for all second level pages 
*/

.header {
   position:relative;
   left:50%;
   margin-left:-395px;
   width:770px;
   height:71px;
   background:url(../images/header.png) no-repeat;
   padding:0px 10px 0px 10px;
   color:#AD0C2B;
   font-weight:bold;
   text-align:right;
   z-index:10;
}

.container {
   position:relative;
   left:50%;
   margin-left:-395px;
   width:790px;
   min-height:400px;
   padding-bottom:1px;
   background:url(../images/content.png) repeat-x top;
   background-color:#CCCCCC;
   z-index:10;
}

.banner {
   position:relative;
   top:0px;
   left:10px;
   width:760px;
   z-index:20;	
}

.breadcrumb {
   position:relative;
   top:0px;
   left:10px;
   width:760px;
   padding:10px;
   color:#FFFFFF;
   z-index:20;
}

.headline {
   position: relative;
   left:222px;
   width:515px;
   height:30px;
   line-height:30px;
   font-size: 29px;
   font-weight:bold;
   font-style:italic;
   top:-35px;
}

.background {
   position:relative;
   top:0px;
   left:10px;
   width:760px;
   background:url(../images/alpha20.png) repeat;
   padding:5px;
   z-index:20;
}

.background2 {
   position:relative;
   top:45px;
   left:5px;
   width:740px;
   background:url(../images/alpha60.png) repeat;
   padding:5px; 
   margin-bottom: 70px;
   z-index:20;
}

/*position of the navigation panel*/
.navigation {
   position:relative;
   width:210px;
   min-height: 100px;
   left:5px;
   top:-20px;
   float: left;
   text-align:left;
   z-index:50;
}

/*style for a link button (1st level) within navigation*/
.nav {
   width:190px;
   padding:10px 5px 10px 5px;
   margin:10px 0px 0px 0px;
   border:#333333 solid 1px;
   background-color:#999999;
   text-align: left;
   float:left;
}

/*style for a 2nd level link within navigation*/
.subNav {
   width:190px;
   padding:5px 5px 5px 10px;
   margin:0px 0px 0px 0px;
   text-align: left;
   color: #333333;
   float:left;
}

/*box of content (notes) under the navigation buttons*/
.notes {
	margin-top:30px;
	padding-top:30px;
	padding-right:7px;
	color:#000000;
}

/*content 3 Panel layout*/
.content {
   position:relative; 
   top:-20px;
   left:12px;
   width:293px;
   min-height:350px; /* must be about 600px */
   color:#000000;
   padding:0px 0px 5px 0px;
   margin-bottom:40px;
   float: left;
   z-index:30;
}

/*content 2 Panel layout*/
.contentWide {
   position:relative; 
   top:-20px;
   left:12px;
   width:515px;
   min-height:350px; /* must be about 600px */
   color:#000000;
   padding:0px 0px 5px 0px;
   margin-bottom:40px;
   float: left;
   z-index:30;
}

.panel {
   position:relative;
   width:210px;
   min-height: 100px;
   right:5px;
   top:-10px;
   float: right;
   z-index:50;	
}

.box {
	border: 1px solid #FFFFFF;
	width:208px;
	margin-bottom: 20px;
	background: url(../images/alpha50.png) left repeat;
}


.boxHand {
	position:relative;
	height:31px;
	width: 100%;
	z-index:40;
}

.boxHeader {
	position:relative;
	width: 188px;
	top:-16px;
	padding: 10px;
	margin: 0px;
	background-color:#39469D;
	text-align:center;
	font-weight:bold;
	font-size: 18px;
	z-index:30;
}

.boxContainer {
	position:relative;
	margin-top:-16px;
	background: url(../images/panel.png) left no-repeat;
}

.boxContent {
	position:relative;
	padding: 0px 5px;
	color:#000000;
	text-align:center;
}
	
.boxFooter {
	width: 188px;
	bottom: 0px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background: url(../images/alpha80.png) left repeat;
	text-align:center;
	font-weight:bold;
	color:#000000;
}

.footer {
   position:relative;
   left:50%;
   margin-left:-395px;
   width:790px;
   height:105px;
   background-color:#FFFFFF;
   background:url(../images/footer.png) top no-repeat;
   text-align:center;
   font-size:0.8em;
   color:#FFFFFF;
   padding-top:20px;
   z-index:10;
}