body {
  margin: 		0;
  padding: 		0;
  font-family: 		arial, helvetica, sans-serif;
  font-size: 		100%;
  background-color: 	black;
}

html, body, #container {
  min-height: 		100%;
  width: 		100%;
  height: 		100%;

}

html>body, html>body #container {

  height: 		auto;
}

#container {
  position: 		absolute;
  top: 			0;
  left: 		0;
  background-image: 	url('/resources/images/bg-globe.jpg');
  background-repeat: 	no-repeat;
  background-position: 	bottom left;
}

#header {
  padding: 		15px;
  background-image: 	url('/resources/images/headerbg.jpg');
  background-repeat: 	repeat-x;
  background-color: 	red;
  height: 55px;
}

#header img  {
  border: 		none;
}

blockquote {
width: 450px;
background-color: #1b312e;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
padding: 5px;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
} 

blockquote p {
border-bottom: dashed 1px #ffffff;
padding: 0;
margin: 0;
padding: 2px;
}
small {

font-size: 80%;
font-weight: bold;
}

#terralogo {
  float:		right;
}

#oslogo {
  float: 		left;
}

#register {
  clear:		both;
  background-color: 	black;
  color: 		#ffffff;
  height: 		80px;
  
}

#register h2, h3 {
  padding: 		0;
  margin: 		0;
}

#register h2 {
  font-size: 		110%;
  font-weight: 		bold;
  padding-left: 	15px;
  padding-top: 		15px;
  padding-left:		30px;
}

#register h3 {
  font-size:		100%;
  padding-left: 	15px;
  padding-top: 		5px;
  padding-left:		30px;

}


#register img {

  float: 		right;
  border:		none;
  padding-top:		5px;
  padding-right:	5px;
}


div#navigation {
  border-top: 		1px solid #ffffff;
  border-bottom: 	1px solid #ffffff;
  background-color: 	#447478;
  clear:		both;
  padding: 		2px;
  font-size: 		90%;
  padding-left: 	30px;
}

#navigation ul{
  list-style: 		none;
  margin: 		0;
  padding:		0;
  margin-left: 		5px;
  padding-top: 		5px;
 padding-bottom: 	5px;
}

#navigation li {
  display: 		inline;
}

#navigation li a {
  text-decoration: 	none;
  font-weight: 		bold;
  color: 		#FFFFFF;
}

#navigation a:hover {
  color:  		#87d7d3;
}

.linksep {
  color: 		#ffffff;
  border-right-width: 	2px;
  border-right-style: 	solid;
  border-right-color: 	#9491a4;
  padding-top: 		0pt;
  padding-right: 	8px;
  padding-bottom: 	0pt;
  padding-left: 	0pt;
  margin-top: 		0pt;
  margin-right: 	8px;
  margin-bottom: 	0pt;
  margin-left: 		0pt;
  font-size: 		14px;
  height: 		14px;

}

/* main text area */

div#content {
  padding:	        30px;
  margin-right: 	10px;
/*  margin-bottom: 	2em; */
  font-size: 		105%;
  color: 		#ffffff;
 
  margin-bottom:	3em;
}

#content p {

  font-size: 		90%;

}

#content h1 {

  font-size: 		150%;
  color: 		#FFFFFF;
  margin: 		0;
  padding: 		0;
  margin-bottom: 	5px;
  margin-top: 		5px;

}

#content h2 {
  font-size: 		100%;
  color: 		#FFFFFF;
  margin: 		0;
  padding: 		0;
  margin-bottom: 	5px;
}

#content  a  {
  color: 		#87d7d3;
  font-weight: 		bold;
}

div#newsbox {
  margin-top:		5px;
  margin-right:		5px;
  width:		25%;
  height:		350px;
  overflow-y:		auto;
  float:		right;
  padding: 		2px 10px 4px 10px; 
  font-size:		90%;
  background-color: 	#1b312e;
  border: 1px solid 	#FFFFFF;
/*  margin-bottom: 	3em;*/
  margin-left: 		100px;


}

#newsbox a {

 color: 		#ffffff;
}









/* Footer stuff */


#footer {

  color: 		#222222;
  position: 		absolute;
  bottom: 		0;
  width: 		100%;
  font: 		8pt verdana, arial, helvetica, sans-serif;
  padding:		0px 0px 2px 0px;
  text-align: 		right;
  line-height:		2.4em;
  voice-family: 	"\"}\""; /*IE5x hack */
  voice-family: 	inherit;

  
  
}
	
html>body #footer {/*values for more CSS-compliant browsers*/

  margin: 		0px 0px 0px 0px;
  padding: 		0px;
}

#footer img {
  border: 		0px none;
  vertical-align: 	middle;
  padding-right: 	10px;
}

#footer a {
  color: 		#222222;
  text-decoration: 	none;
}

#img_right {
  margin:		0;
  padding: 		0;
  float: 		right;
  padding: 		2px;
  border: 1px solid 	#2e3192;
 
}



/* Registration form */



#feedback li {
  padding: 		5px;
}

.txtbox {
  width: 		400px;
}

.error {
  color: 		red;
  float: 		left;
  width: 		200px;
  margin-bottom: 	2px;
}

form {
  color:		#ffffff;
  padding: 		5px;
  font-size: 		80%;
  background-color:	#1b312e;
  width:		60%;
  border:		1px solid #ffffff;
  border: none;


}




label.def {
  width: 		200px;
  color: 		#ffffff;
  float: 		left;

}

.msgbox {
  width: 		600px;
  border: 		2px solid #ffffff;
  padding: 		5px;
  font-family: 		"lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 		100%;
  background-color: 	#c34242;
  margin-left:		50px;
}

.msgbox h3 {
  margin: 		0;
  padding: 		0;

}



.btn {
  width: 		100px;
}

.hide {
  color: 		#FFFFFF;
}

#send {
  border:		 none;
  text-align: 		center;

}

.info {
  width: 		600px;
  border: 		1px solid #e9e9e9;
  padding: 		5px;
  font-size: 		12px;
  color: 		#ffffff;
 background-color:	#447478;
 margin-bottom:		50px;
 font-weight: bold;
 margin-left:		50px;
 margin-top:		30px;
}

.info img {
  float: 		left;
  padding: 		2px;
  margin-right: 	5px;
}



.info h3 {
  border-bottom: 	1px solid black;
  padding-bottom: 	5px;
}

#feedback {

}

#feedback ol {
  list-style: 		none;
}

.txtarea {
  width: 		400px;
}
#feedback li {
  list-style: 		none;
  padding:		5px;
}

.btn {
  margin-Left: 		200px;
}

.fbutton {
  cursor: 		pointer;
  voice-family: 	female;
  font-weight: 		bold;
  color: 		#fff !important;
  text-decoration: 	none !important;
  background-color: 	#f60;
  border: 		1px solid #333;
  padding: 		4px;
  margin: 		10px;
}

#feedback table {
  margin: 		10px;
  margin-left: 		100px;
  font-size: 		12px;
  text-align: 		left;
}

#feedback th {
  padding-right: 	15px;
}
.confirmbtns {
  margin-left: 		90px;
}


div#lhs 		{
 margin-bottom: 3em;
 font-family: Arial, Helvetica, sans-serif;
 font-size:		90%;
 width: 100px;
 margin: 		0;
 padding: 		0;
  float: left;
 list-style: 	none;
 margin-top: 80px;

	

       		}

#lhs ul {
		padding: 0;
		margin: 0;
		width: 100px;
}

#lhs li {
		display:		block;
     		margin:			0;
     		padding:		0;
     		margin-left: 10px;
		text-align: left;;
		font-weight: bold;
		
		}

#lhs a {
		padding-left: 10px;
		display:		block;
     		color: #2f3184;
     		text-decoration: 	none;
     		line-height: 		2;
		color: 			#87d7d3;
     		}


#lhs a:hover {
		
		color: #da047d;
		}

#lhs li a.selected {
background-color: #848484; 
}

body.about {
/*
background-position: bottom left;
 background-image: 	url('/resources/images/bg-globe.jpg');
  background-repeat: 	no-repeat;
}
*/

.about div#content {
margin-left: 100px;
background-image: none;
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 0px;
}
.about div#navigation {
border-top: 2px solid #ffffff;
}

div.photo {
  float: right;
  width: 120px;
  heightL 160px;
  border: none;
  padding-left: 10px;
}

img.scaled {
 width: 100%;
}

.tsb img {
float: right;
padding-right: 5px;
}

img.os_map {
margin-left: 100px;
}

.tweets ul{
border: 2px solid red;
}