html
{
background-color:gray;
background:url(/Seamless_Parchment_Texture_by_FantasyStock.jpg) top left repeat;
}
body
{
padding:10px;
margin:1em auto;
background-color: rgba(10,10,10,0.0);
font:85% Arial, Verdana, Helvetica, sans-serif;
}
body, #header, #footer
{
width:840px;
}
#logo
{
color:white;
float:left;
position:absolute;
top:10px;
left:10px;
overflow:hidden;
}
#headerText
{
/*width:300px;*/
/*height:110px;*/
position:relative;
/*right:-60px;*/
/*top: -20px;*/
text-align:center;
overflow:hidden;
}
#header
{
width:100%;
padding:10px 0;
background-color: rgba(65, 105, 225,0.5);
color:white;
position:relative;
}
#header h1 a
{
color:white;
text-decoration:none;
/*font-family: Times,Roman,serif;*/
font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
text-shadow: 5px /* x-distance */
5px /* y-distance */
2px /* blur size */
#000; /* colour */
}
#content
{
width:820px;
padding:10px;
/* background:url(content-background.png) top left repeat-y; */
position:relative;
overflow:hidden;
}
.imgLeft
{
float:left;
margin-right:10px;
display:inline;
}
#navigation
{
width:100%;
float:left;
position:relative;
top:0px;
left:0px;
margin-left:0px;
padding:0px;
}
#navigationText
{
width:100%;
float:left;
position:relative;
padding:0px;
text-align: center;
overflow:hidden;
}
#navigationText ul {
list-style:none;
line-height:200%;
}
#navigationText li {
padding:30px;
display:inline;
color:white;
font-weight:bold;
font-size:large;
}
#navigationText a {
text-decoration: none;
}
#page_icon
{
float:left;
position:relative;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
overflow:hidden;
}
.twocolumns
{
column-count: 2;
column-width: 300px;
-moz-columns: 300px 2;
}
.centeredtext
{
text-align:center;
}
#main
{
width:765px;
float:left;
position:relative;
/*top: 450px;*/
/*background-color: lightGrey; */
background-color: rgba(128,128,128,0.5);
margin:10px;
padding:20px;
font-family: "Six Caps", sans-serif;
text-align:left;
}
#maintitle
{
text-align: center;
position:relative;
}
#main h1
{
text-align: center;
font-family: "Averia Sans Libre", serif;
font-style:italic;
color:white;
font-size: 350%;
}
#main h2
{
text-align: center;
font-family: "Averia Sans Libre", serif;
font-style:italic;
color:white;
font-size: 250%;
}
#mainfooter
{
position:relative;
padding-top:10px;
text-align:center;
font-family:"Lucida Console",Monaco,Play,Arimo,Arial,sans-serif;
}
#footer
{
position: relative;
padding:1px 0px 1px 0px;
background-color: rgba(0,128,128,0.6);
color:lightGray;
font-family:"Lucida Console",Monaco,Play,Arimo,Arial,sans-serif;
font-weight:bold;
text-align:center;
}
#footer p a
{
font-weight: bold;
text-decoration: none;
}
label
{
float:left;
width:140px;
font-weight:bold;
}
input
{
width:260px;
}
textarea
{
width:400px;
font:1em sans-serif;
}
.btn
{
width:200px;
margin-right:10px;
}