@charset "utf-8";
/* CSS style for mobiles - THIS NEEDS SORTING - TABS GO ON TOP OF THE NAVIGATION PANEL */
     
#container {
    width: 100%;
      
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
     
        
}
  
body {
    width: 730px;
}
  
#content-container {
    width: 740px;
}

#green_arrow {
	padding-bottom: 5px;
}

#nav {
      
    position:relative;
    top: 20px;
    width: 100%;
    height: 580px;
    z-index: 0;
}
  
#nav a {
    border-bottom: 1px solid #aaa;
}
  
#nav li {
    margin-top: 2px;
      
}
  
#hr {
    display: none;
}
/* #nav li {
        display: block;
        width: 100%;
    }*/
#nav-header {
    padding-top: 5px;
    padding-bottom: 5px;
}
  
  
.headerbar {
    width: 140px;
    height: 30px;
}
  
.header img {
    width: 100px;
}
  
  
/* move content across */   
.content {
    margin-right: 255px;
}
  
#welcome .content {
    margin-right: 200px;
}
  
#introduction {
    height: 1400px;
}
  
#introduction.expanded {
    height:1620px;  
}
  
#introduction.expanded_add {
    height:1620px;  
}
  
#introduction .content {
      
}
  
.introduction-content {
    margin-left:0px;
    height: 200px;
}
  
.introduction-left {
    width: 300px;
    padding-right: 150px;
    margin-bottom: 10px;
	margin-top: 150px;
}
  
.introduction-right {
    float: left;
}
  
/* REPORTS page */
  
/*report navigation */
#report_nav {
    width:55%;
    margin-right: 300px;
    height: 200px;
}
#report_navbar {
    width: 700px;
    padding-top: 0px;
    position: absolute;
}
  
#report_navbar h3 {
    float:none;
    margin-left: 20px;
    font-size: 1.1em;
}
  
#report_navbar .reportleft {
    width: 30%;
}
  
#nav_section {
    height: 300px;
    background:#F1ECE8;
}
  
/* puts main navigation to bottom */
#mainnav_reports #nav {
    top: 1900px;
}
  
/*keeps content in same position */
.reportcontent {
    position: absolute;
    margin-left: 20px;
}
/*#report-1 {
    margin-top: 120px;
}*/
/* change layout for content */
.reportssection h2{
    margin-top: 0px;
}
  
  
  

.reportright {
    width: 40%;
    padding-right: 0px;
}
  
.reportleft {
    width: 50%;
}
  
/* different adjustments for first section */
#report-1 .reportright {
      
}
  
#report-1 p {
  
}