html{height: 100%;}

body
{ font: 62.5%/1.4  font-family: 'Arimo', arial, serif; 
  background: #e5e5e5;
  padding: 0px;
margin: 2% 5%;
  font-size: 1em;
}

p
{	font-size: 1.08em;
	font-family: 'Droid Sans', arial, serif; 
	padding: 0px 0px 0 12%;
	font-weight: normal;
	color: #111;
	line-height:1.8em;
}


@media all and (max-width : 480px) {
	p {	margin: 0px;  }
}

h1
{ font-size:6em;
 font-family: 'Arimo', arial, serif; 
  padding: 12px 0 12px 12%; 
  margin: 0px;               
  font-weight: normal;
  color: #000;
  text-shadow: 12px 12px 12px #bbb; opacity: .8;
}


@media all and (max-width : 768px) {
h1 {	font-size: 4em;  font-family: 'Droid Sans', arial, serif; }
}

@media all and (max-width : 480px) {
	h1 {font-size: 3em;     font-family: 'Droid Sans', arial, serif; }
}


h2
{	font-size: 2.3em;
    font-family: 'Droid Sans', arial, serif;
	padding: 0 0 6px 12%;
	font-weight: 700;
	color: orangered;
	line-height:1.6em;
margin: 0;
	
}


@media all and (max-width : 768px) {
h2 {	font-size: 1.4em;}
}

@media all and (max-width : 480px) {
	h2 {font-size: 1.08em;   }
}


h3
{
	font-size: 1.6em;
	font-family: 'Droid Sans', arial, serif; 
	padding: 0px 0px 0px 12%;
		font-weight: normal;
	color: #111;
	line-height:1.6em; margin: 0;
}




h4, h5
{
	font-size: 1.8em;
	font-family: 'Droid Sans', arial, serif;
	margin: 0px;
	font-weight: normal;

	padding: 0px 12px 0 12% ;
	/*  background: #FA8310;*/
}

@media all and (max-width : 768px) {
h4 {	font-size: 1.2em;}
}

@media all and (max-width : 480px) {
h4 {	font-size: .75em;}
}

@media all and (max-width : 480px) {
 h5 {	font-size: .9em;}
}

h6
{
	font-size: 0.8em;
	font-family: 'Droid Sans', arial, serif;
	padding: 12px 0 0 12%;
	margin: 0px; font-weight: normal; color: #555;
	}
	
	@media all and (max-width : 480px) {
	h1, h2, h3, h4, h5, h6, p {font-size: 1.08em; 	margin: 0px; padding: 0 2% 0 2%;}
}

img { border: 0px;   margin: 0px;   padding: 0px; }

.orange {background: orangered; padding: 4px 4px 4px 24px; font-variant:small-caps; color: #fff;}  
.white {background: #fff; border: 2px solid orangered; padding: 2px 6px 2px 0px; color: orangered;}

@media all and (max-width : 768px) {
.orange { padding: 4px 4px 4px 12px; font-variant:small-caps; color: #fff;}  
.white { padding: 2px 6px 2px 0px;}	
}


.site { background: #aaa; padding: 4px 6px 4px 20px; color: #fff; font-variant:small-caps; margin: 0 0 0 12px; font-size: .9em;}
.ted { background: #e2e3e4; padding: 2px 12px 2px 12px;  border: 2px solid #aaa;  margin:0; font-size: .9em; letter-spacing: .1em;}


.ted a:hover {color: #000; background: #ccc; opacity: .8; 
}

.enlarge {background: #ddd; padding: 8px 4px 8px 12%; margin: 0 0 0 12px;}

@media all and (max-width : 768px) {
	.enlarge {font-size: 1.08em; padding: 8px 4px 8px 8px;}
}

/* margin lefts / margin rights - to centre content */


/* main container */
#main
{
	width: 960px;
	height: auto;
	background: dedede;
}

/* logo */
#logo
{ width: 960px;
  height: 0px;
  border: 0px dotted;
  background: #fff;
}


/* navigation menu */
#menubar
{ height: 0px;
  width: 960px;
} 


/* main content */
#site_content
{ overflow: hidden;
  padding: 0px;
  width: 960px;
  height: auto;
  border-color: #330099;

}

/* sidebar */
.sidebar
{ float: left;
  width: 0px;
  height: 0px;
  padding: 0px;

}


/* page content */
#content
{ text-align: left;
  float: left;
  width: 900px;
  height: auto;
  padding: 6px 6px 6px 0px;

}

/* footer */
#footer
{ font-size: 0.8em;
  height: 1px;
  width: 960px;
  margin: 0px;
  text-align: center;
  border: 0px dotted; 

}

#content a,  #footer a
{
	text-decoration: none;
	color: #222;
	border-bottom: 1px dashed;
	padding: 0px;
}

#content a:hover, #footer a:hover
{
	color:#fff;
	background: #b00;
	padding: 6px 0px;
	border-bottom: 0px dotted; opacity: .88;
}

#content a:hover, #footer a:hover
{
	color:black;
	background: white;
	padding: 12px 0px;
	border-bottom: 0px dotted;
}