/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
body {
  margin: 5px; /* 20 Pixels */
  background-color: white; /* white */
  font-family: "Trebuchet MS", Verdana, Arial, serif;
  color: #999999;
  text-align: center;
  text-transform: none;
}


/*
Used for the spacer at the top
*/
#top_container{ 
  display: block;
  width: 810px; /*810*/
  height: 100px;
  margin: auto;
  padding: 10px;
  border: 0px solid #B0B0B0;  /*light grey*/
  background: white; /* white */
  text-align: center;
}

/*
Used for central section
*/
#centre_container{ 
  display: block;
  width: 810px;
  height: auto;
  margin: auto;
  padding: 10px;
  border: 2px solid #397D02; /* green pepper */
  background: white;
  text-align: left;
}

/*
Used for central section
*/
#content_container{ 
  display: block;
  width: 800px;
  height: 400px;
  margin: auto;
  padding: 5px;
  border: 1px solid #B0B0B0;  /*light grey*/
  background: white;
  text-align: center;
  color: black;
}

/*
Used for central section + allowed to move to allow the weather to display correctly
*/
#content_container_weather{ 
  display: block;
  width: 800px;
  height: 460px;
  margin: auto;
  padding: 5px;
  border: 1px solid #B0B0B0;  /*light grey*/
  background: white;
  text-align: center;
  color: black;
}

/*
Used for central section image
*/
#content_image_container{ 
  display: block;
  width: 800px;
  height: auto;
  margin: auto;
  background: white;
  text-align: center;
  color: black;
}


/*
Used for the Nav menu items
*/
#nav_menu{
  background: white;
  clear:both;
  width: 100%;
  font-size: medium;
  text-align: left; 
  color: black; /*#B0B0B0;  /*light grey*/
  text-transform: capitalize;
}

.site_title{ 
  margin-top: 50px; 
  margin-bottom: 50px; 
  font-size: large; 
  color: black;
  font-weight: bold;
  font-family: "Trebuchet MS", Verdana, Arial, serif;
  text-transform: capitalize;
  text-align: center;
}

/*
Used for copyright text and to round off the page as a page footer
*/
#page_footer{
  clear: both;
  width: 100%;
  font-size: x-small;
  text-align: right; 
  color: black;  
}

/*
Used for left hand column
*/
#news_container{ 
  display:block;
  width: 45%;
  margin: auto;
  padding: 10px;
  border: 0px solid #B0B0B0;
  background: white;
  text-align: left;
  float: left;
}

/*
Used for right hand column
*/
#second_container{ 
  display:block;
  width: 45%;
  margin: auto;
  padding: 15px;
  border: 1px solid #B0B0B0;
  background: #324F17; /* limerind */
  text-align: center;
  float: right;
  color: white;
}

/*
Used for right hand column
*/
#second_container_2{ 
  display:block;
  width: 45%;
  margin: auto;
  padding: 15px;
  border: 0px solid #324F17; /* limerind */
  background: white;
  text-align: center;
  float: right;
  color: white;
}
/*
Used for right hand column
*/
#second_container_3{ 
  display:block;
  width: 250px;
  margin: auto;
  padding: 15px;
  border: 0px solid #324F17; /* limerind */
  background: white;
  text-align: center;
  float: right;
  color: black;
}
.story_title{ 
  font-size: large; 
  color: #324F17; /* limerind */
  font-weight: bold;
  text-transform: capitalize;
  font-family: "Trebuchet MS", Verdana, Arial, serif;
  text-align: left;
}




/*
Used for left hand column when made wider for the map
*/
#news_container_4{ 
  display:block;
  width: 500px;
  margin: auto;
  padding: 15px;
  border: 0px solid #B0B0B0;
  background: white;
  text-align: center;
  float: left;
}

/*
Used for middle column with 3 columns
*/
#second_container_3{ 
  display:block;
  width: 300px;
  margin: auto;
  padding: 15px;
  border: 0px solid #B0B0B0;
  background: white;
  text-align: center;
  float: left;
  color: black;
}
/*
Used for right hand column
*/
#right_container_3{ 
  display:block;
  width: 250px;
  margin: auto;
  padding: 15px;
  border: 1px solid #B0B0B0;
  background: #324F17; /* limerind */
  text-align: center;
  float: right;
  color: white;
}
/*
Used for left hand column when split into three
*/
#news_container_3{ 
  display:block;
  width: 117px;
  margin: auto;
  padding: 15px;
  border: 0px solid #B0B0B0;
  background: white;
  text-align: center;
  float: center;
}

#second_container_4{ 
  display:block;
  width: 200px;
  margin: auto;
  padding: 15px;
  border: 0px solid #B0B0B0;
  background: white;
  text-align: center;
  float: right;
  color: black;
}















/*
Used for new stories displayed in the archive page 
(the full width of the page).
*/
#archive_news_container{ 
  display:block;
  width: 95%;
  margin: auto;
  padding: 10px;
  border: 1px solid #B0B0B0;
  background: black;
  text-align: left;
  float: left;
}

/*
Used for questions and answers
(the full width of the page).
*/
#qa_container{ 
  display:block;
  width: 95%;
  margin-top: 25px;
  padding: 10px;
  border: 1px solid #B0B0B0;
  background: black;
  text-align: left;
  float: left;
}

/*
Used for amending stories / news/ navitems etc.
(the full width of the page).
*/
#edit_container{ 
  display:block;
  width: 95%;
  margin-top: 25px;
  padding: 10px;
  border: 1px solid #B0B0B0;
  background: black;
  text-align: left;
  float: left;
}

/*
Used for forms (Centered and the full width of the page).
*/
#form_container{ 
  display:block;
  width: 95%;
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #B0B0B0;
  background: black;
  text-align: center;
  float: left;
}

/*
Used for text
*/
#story_text_container{ 
  display:block;
  width: 49%;
  margin: auto;
  padding: 1px;
  border: 0px solid #B0B0B0;
  background: black;
  text-align: left;
  float: left;
  clear: both;
}

/*
Used for text displayed on the archive page.
*/
#archive_story_text_container{ 
  display:block;
  width: 65%;
  margin: auto;
  padding: 1px;
  border: 0px solid #B0B0B0;
  background: black;
  text-align: left;
  float: left;
  clear: both;
}

#page_story_text_container{ 
  display:block;
  width: 45%;
  margin: auto;
  padding: 1px;
  border: 0px solid #B0B0B0;
  background: black;
  text-align: left;
  float: left;
  clear: both;
}

/*
Used to position the picture to the right of the text.
*/
#story_picture_container{ 
  display:block;
  width: 49%;
  margin: auto;
  padding: 1px;
  border: 0px solid #B0B0B0;
  background: black;
  text-align: left;
  float: right;
}

/*
Used to position the picture to the right of the text on the Archive page.
*/
#archive_story_picture_container{ 
  display:block;
  width: 25%;
  margin: auto;
  padding: 1px;
  border: 0px solid #B0B0B0;
  background: black;
  text-align: left;
  float: right;
}

/*
Used to position the picture to the right of the text.
*/
#page_picture_container{ 
  display:block;
  width: 45%;
  margin: auto;
  padding: 1px;
  border: 0px solid #B0B0B0;
  background: black;
  text-align: center;
  float: right;
}


/*
Used for re-align and space the story text and picture
*/
#news_story_spacer{ 
  display:block;
  width: 49%;
  margin: auto;
  padding: 1px;
  border: 0px solid #B0B0B0;
  background: black;
  text-align: left;
  float: left;
  clear: both;
  height: 20px;
}




/*
Used for re-aligning the screen
*/
#page_spacer{ 
  display:block;
  width: 98%;
  margin: auto;
  padding: 1px;
  border: 0px solid #B0B0B0;
  background: white;
  text-align: left;
  float: left;
  clear: both;
  height: 2px;
}

li {
    list-style-type: none;
    text-transform: none;
}

#qa_container li {
    list-style-type: none;
    text-transform: none;
    /*     border-left:1px dotted #B0B0B0;/* light grey 69 */
    /* 	   border-right:1px dotted #B0B0B0;/* light grey 69 */
    border-bottom:1px dotted #B0B0B0;/* light grey 69 */
}

#edit_container li {
    list-style-type: none;
    text-transform: none;
    /*     border-left:1px dotted #B0B0B0;/* light grey 69 */
    /* 	   border-right:1px dotted #B0B0B0;/* light grey 69 */
    border-bottom:1px dotted #B0B0B0;/* light grey 69 */
}



a:link {text-decoration: none; color: #324F17; border: none;} /* limerind */
a:visited {text-decoration: none; color: #324F17; border: none;} /* green line */
a:active {text-decoration: none; color: #999999; border: none;} /* white */
a:hover {text-decoration: underline; color: #397D02; border: none;} /* green pepper */

p { 
  font-size: small; 
  color: white;
  margin: 0;
  text-transform: none;
}





/* #qa_container a:link {text-decoration: none; color: #8A8A8A; border: none;} /* grey */
/* #qa_container a:visited {text-decoration: none; color: #8A8A8A; border: none;} /* blue line */
/* #qa_container a:active {text-decoration: none; color: #999999; border: none;} /* white */
/* #qa_container a:hover {text-decoration: underline; color: #87CEFF; border: none;} /* sky blue */

#qa_container ul {
  border-top:1px solid white; 
  padding:5px 0px 5px 9px;
  margin:0;
  text-transform: none;
}

#edit_container ul {
  border-top:1px solid white; 
  padding:5px 0px 5px 9px;
  margin:0;
  text-transform: none;
}

ul{
  border-top: none; 
  text-transform: none;
}