#addthisouter { 
    z-index: 1;
    width:140px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 15px;
}

/*
#container {width:960px;margin:auto;padding:5px 0;position: relative}

.pageWrapper {
    width: 100%;
    margin: 0 auto;
    padding: 10px;
}


.topimageImage {
    max-width: 100%;
    height: auto;
}


header hgroup {
    background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 140px;
    width: 100%;
}

#topimage{
    
    max-width: 100%;
}


.startpagemainpic {
    float: right;
    margin-left:20px;
    margin-right: 0px;
}
.startpagemainpic .mainpic img {
    max-width: 100%;
}

#startpageflashes {
    max-width: 100%;
    float: left
}

.flash {
       max-width:100%;
       padding: 18px 0;
       clear: left;
       border-bottom: 1px solid #8ca196}


.SummaryImage {
      display: inline-block;
        float: left;
        max-width: 100%;
       
}


.summarytext {
  clear: right;
  display: inline-block;
  float: left;
  margin-left: 50px;
  max-width: 100%;
}
.summarytext a {
    max-width: 100%;
    font-size: 100%;
}
*/


/*-------Header nav bar-----------------------------*/

header nav {
    vertical-align:bottom;
    float: right;
    overflow: hidden;
    position: absolute;
    right: 0;
    padding-top: 118px;
    font-size: 1.3em;
    line-height: 1.2em;
}

header nav ul {
    list-style: none;
}

header nav ul li {
/*    float: left;*/
    padding: 0;
    margin: 0;
    display: inline-block;
}

header nav ul li a, header nav ul li a:link {
    padding: 0 10px 0px 10px;
    display: block;
}

header nav ul li a:hover{
    border-bottom: 0px solid #D2D2CF;
}


/*------Responsive media screens-----------------------------------*/



@media screen and (max-width: 980px){
    
    #container{
        width: 90%;
}
.pageWrapper {
    width: 90%;
}

@media screen and (max-width: 600px) {
    #container{
        width:100%;}
   
/*-------nav bar---------*/

#startpageflashes { }
.flash {width: auto}
.SummaryImage a img  {border: 2px solid red}
.summarytext {border: 2px solid green}
header nav {
		
		
	}	
	header nav ul {
		width: 130px;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px black;
		background: black;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
header nav li {
		display: none; /* hide all <li> items */
	
	}
header nav .current section {
		display: block; /* show only current <li> item */
	}
	header nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}
	header nav .current section a {
		background: none;
		
	}

	/* on nav hover */
header nav ul:hover {
		background-image: none;
	}
header nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	


	
	
	
	}
}