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

h1 {
  font-size:		160%
}

h2 {
  font-size:		125%
}

h3 {
  font-size:		110%
}

#allcontent {
  width:            95%;
  border:			3px 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 50px 10px rgba(0, 0, 0, 1);
}

#header {
  background-size:	100%;
  border:			2px ridge;
  border-color:		#aaaaaa;
  margin:           3px;
  width:			auto;
  height:			auto;
  text-align:		center;
  vertical-align:	middle;
  box-shadow:		0px 0px 6px 2px rgba(0, 0, 0, 1);
}

#banner-screen {
  display:			none;
}

#banner-handheld {
  display:			inline;
}

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

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

#navigation  li{
  list-style-type:	none;
  text-align:		center;
  width:			100%;
  font-size:		140%;
  letter-spacing:	0.05em;
  float:			none;
}

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

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

#navigation a:active {
  border:			2px 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:          5px;
  border:			2px ridge;
  border-color:		#aaaaaa;
  margin:           3px;
  width:            auto;
  float:            none;
  box-shadow:		0px 0px 6px 2px rgba(0, 0, 0, .8);
  clear:			both;
}

#sidebar, #handheld_sidebar{
  display:			block;
  background:       rgba(255, 255, 255, .6);
  padding:          5px;
  border:			2px ridge;
  border-color:		#aaaaaa;
  margin:           3px 3px 3px 3px;
  width:			auto;
  text-align:		center;
  float:            none;
  box-shadow:		0px 0px 6px 2px rgba(0, 0, 0, .8);
}

#sidebar{
  display:			none;
}

.centre { 
  width:			auto;
  font-weight:		bold;
  margin:			0px;
  text-align:		center;  
}

.float_right { 
  width:			auto;
  font-weight:		bold;
  margin:			0px;
  text-align:		center;  
}

.float_left { 
  width:			auto;
  font-weight:		bold;
  margin:			0px;
  text-align:		center;  
}

.image {
  margin:			5px 0px;
  box-shadow:		1px 1px 6px 2px rgba(0, 0, 0, .8);
}

.image_right {
  margin:			5px 0px;
  box-shadow:		2px 2px 6px 2px rgba(0, 0, 0, .8);
}

.image_left {
  margin:			5px 0px;
  box-shadow:		2px 2px 6px 2px rgba(0, 0, 0, .8);
}

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

#w3c {
  text-align:		center;
  margin:           0px 3px;
  width:            auto;
  float:            none;
}

.w3c {
  margin:			0px 2px;
}

#footer {
  background-color: rgba(255, 255, 255, .6);
  text-align:       center;
  padding:          0px 5px;
  border:			2px ridge;
  border-color:		#aaaaaa;
  margin:           3px;
  height:			auto;
  font-size:        90%;
  box-shadow:		0px 0px 6px 2px rgba(0, 0, 0, .8);
}

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

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