body { 
  background: 		#000000 url(graphics_template/background.jpg) bottom center no-repeat fixed;
  background-size: 	100%;
  font-family:      "Times New Roman", Times, serif;
  font-size:        Medium;
  border:			0px;
  margin:			0px;
  padding:   		20px;
}

h1 {
  font-size:		200%;
}

h2 {
  font-size:		150%;
}

h3 {
  font-size:		105%;
}

hr {
  height:			2px;
  background:		#aaaaaa;
}

#allcontent {
  max-width:        1000px;
  width:			auto;
  border:			8px ridge;
  border-color:		#aaaaaa;
  background-color: rgba(80, 127, 0, .5);
  margin-left:      auto;
  margin-right:     auto;
  line-height:		normal;
  box-shadow:		inset 0px 0px 100px 20px rgba(0, 0, 0, 1);
}

#header {
  background: 		rgba(255, 255, 255, .5) url(graphics_template/banner.jpg) center no-repeat;
  background-size:	100%;
  border:			5px ridge;
  border-color:		#aaaaaa;
  margin:           10px;
  overflow:			hidden;
  width:			auto;
  height:			auto;
  box-shadow:		0px 0px 12px 4px rgba(0, 0, 0, 1);
}

#banner-screen {
  border:			none;
}

#banner-handheld {
  display:			none;
}

#navigation {
  height:			30px;
  margin:			10px;
  clear:			both;
}

#navigation ul {
  margin-left:		-40px;
}

#navigation  li{
  list-style-type:	none;
  text-align:		center;
  width:			5em;
  font-size:		140%;
  float:			left;
}

#navigation a{
  text-decoration:	none;
  display:			block;
  background:       rgba(255, 255, 255, .6);
  margin:			2px;
  Padding:			1px;
  border:			3px outset;
  border-color:		#aaaaaa;
  color:			black;
  text-shadow:		2px 1px 3px rgba(0, 0, 0, .5);
  box-shadow:		0px 0px 12px 4px rgba(0, 0, 0, .8);
}

#navigation a:hover {
  color:			blue;
  background:       rgba(200, 200, 255, .6);
}

#navigation a:active {
  border:			3px inset;
  border-color:		#aaaaaa; 
  color:			blue;
  background:       rgba(200, 200, 255, .6);
}

#body_home a#home,
#body_library a#library,
#body_links a#links,
#body_contact a#contact,
#body_about a#about {
  color:			red;
  background:       rgba(255, 200, 200, .6);
}

.addthis_button{
  float:			right;
}

#main {
  background:       rgba(255, 255, 255, .6);
  padding:          15px 15px 15px 15px;
  border:			5px ridge;
  border-color:		#aaaaaa;
  margin:           0px 260px 5px 10px;
  width:            auto;

  box-shadow:		0px 0px 12px 4px rgba(0, 0, 0, .8);
}

#sidebar, #handheld_sidebar{
  background:       rgba(255, 255, 255, .6);
  padding:          15px;
  border:			5px ridge;
  border-color:		#aaaaaa;
  margin:           0px 10px 10px auto;
  width:			200px;
  text-align:		center;
  float:            right;
  box-shadow:		0px 0px 12px 4px rgba(0, 0, 0, .8);
}

#handheld_sidebar{
  display: 			none;
}

.centre { 
  width:			auto;
  font-weight:		bold;
  margin:			15px 0px;
  text-align:		center;  
}
  
.float_right { 
  float:		 	right;
  max-width:		330px;
  width:			auto;
  font-weight:		bold;
  margin:			15px 0px 15px 15px;
  text-align:		center;  
}

.float_left { 
  float:		 	right;
  max-width:		330px;
  width:			auto;
  font-weight:		bold;
  margin:			15px 15px 15px 0px;
  text-align:		center;  
}

@media only screen and (min-width: 701px) and (max-width: 730px) {
.float_right { 
  margin:			15px 0px 15px 0px; 
}

.float_left { 
  margin:			15px 0px 15px 0px;
}
}

.image {
  margin:			0px;
  box-shadow:		2px 2px 12px 4px rgba(0, 0, 0, .8);
}

.image_right {
  float:			right;
  margin:			15px 0px 15px 15px;
  box-shadow:		2px 2px 12px 4px rgba(0, 0, 0, .8);
}

.image_left {
  float:			left;
  margin:			15px 15px 15px 0px;
  box-shadow:		2px 2px 12px 4px rgba(0, 0, 0, .8);
}

#w3c_container {
  margin:          	0px 270px 0px 0px;
}

#w3c {
  text-align:		center;
  margin:           0px 10px;
  width:            100%;
  float:            left;
}

.w3c {
  margin:			0px 8px;
}

#footer {
  background-color: rgba(255, 255, 255, .6);
  text-align:       left;
  padding:          0px 15px;
  border:			5px ridge;
  border-color:		#aaaaaa;
  margin:           10px;
  height:			auto;
  font-size:        90%;
  clear:            both;
  box-shadow:		0px 0px 12px 4px rgba(0, 0, 0, .8);
}

#back-to-top-footer{
  display:			none;
}

img { 
  width: 			inherit;
  max-width: 		100%;
  height: 			auto;
  vertical-align: 	bottom;
}

Table {
  width: 			inherit;
  max-width: 		100%;
  height: 			auto;
  vertical-align: 	bottom;
}