/*                                          */
/*  CSS element for www.onlineeditor.co.uk  */
/*                                          */

/*  Text  */

body
{
text-align: center;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 67%;
color: #ffffff;
padding: 0;
border: 0;
margin: 3em;
background: #880000;
}

div.page_width
{
background: #aa0000;
margin: 0;
min-width: 902px;
width: auto;
height: auto;
}

div.span
{
width: 100%;
}

div.title
{
width: 100%;
clear: both;
}

div.info
{
width: 100%;
text-align: justify;
line-height: 2em;
}

div.header
{
width: 93%;
display: block;
padding: 0 1em;
}

div.content
{
width: 93%;
display: block;
padding: 0 1em;
}

div.quote
{
clear: right;
text-align: right;
padding: 2em 0;
}

div.extra_buttons
{
clear: right;
text-align: center;
}

div.top_left
{
background: transparent url(../gfx/top_left.gif);
width: 30px;
height: 30px;
float: left;
}

div.top_middle
{
background: transparent url(../gfx/top_right.gif) no-repeat right top;
height: 30px;
}

div.bottom_left
{
background: transparent url(../gfx/bottom_left.gif);
width: 30px;
height: 30px;
float: left;
}

div.bottom_middle
{
background: transparent url(../gfx/bottom_right.gif) no-repeat right top;
height: 30px;
}

div.in_top_left
{
background: transparent url(../gfx/in_top_left.gif);
width: 15px;
height: 15px;
float: left;
}

div.in_top_middle
{
background: transparent url(../gfx/in_top_right.gif) no-repeat right top;
height: 15px;
}

div.in_bottom_left
{
background: transparent url(../gfx/in_bottom_left.gif);
width: 15px;
height: 15px;
float: left;
}

div.in_bottom_middle
{
background: transparent url(../gfx/in_bottom_right.gif) no-repeat right top;
height: 15px;
}


div.page_logo_flash
{
position: absolute;
margin: 3em;
width: 400px;
background: transparent;
z-index: 1;
}

div.page_logo
{
position: absolute;
margin: 3em;
width: 400px;
background: transparent;
z-index: 0;
}


div.page_foot
{
background: #880000;
clear: both;
text-align: center;
line-height: 1.5em;
font-size: 100%;
color: #ffffff;
margin: 3em 0 0 0;
}

div.split_left
{
width: 45%;
background: transparent;
text-align: right;
position: inline-block;
float: left;
padding: 0 2%;
line-height: 2em;
}

div.split_right
{
width: 45%;
background: transparent;
text-align: left;
position: inline-block;
float: right;
padding: 0 2% 0 0;
line-height: 2em;
}

div.text_left
{
width: 45%;
background: transparent;
text-align: justify;
position: inline-block;
float: left;
padding: 0 2%;
line-height: 2em;
}

div.text_right
{
width: 45%;
background: transparent;
text-align: justify;
position: inline-block;
float: right;
padding: 0 2% 0 0;
line-height: 2em;
}


h2
{
font-family: "trebuchet ms", tahoma, arial, verdana, sans-serif;
font-weight: heavy;
font-variant: small-caps;
text-align: center;
}

h3
{
font-family: "trebuchet ms", tahoma, arial, verdana, sans-serif;
font-size: 120%;
margin: 0;
font-weight: heavy;
} 

/*         */
/*  Links  */
/*         */


ul a
{
list-style-type: none;
text-decoration: none;
font-size: 75%;
display: block;
width: 7em;
padding: 3em 1em 1em 1em;
color: #880000;
background-color: #ffffff;
border-top: 1.5em solid #ffffff;
display: inline;
margin-left: 1px;
float: right;
}

ul a:hover
{
display: block;
color: #880000;
background-color: #ffffff;
border-top: 1.5em solid #aa0000;
}

li
{
display: inline;
}

.left
{
float: left;
clear: left;
margin: 0 2em 3em 0;
}

.AdLeft
{
display: inline-block;
float: left;
clear: left;
margin: 0 2em 3em 0;
}

.AdRight
{
display: inline-block;
float: right;
clear: right;
margin: 0 0 3em 2em;
}

.right
{
float: right;
clear: right;
margin: 0 0 3em 2em;
}

a
{
text-decoration: none;
color: #ffffff;
}

a:hover
{
text-decoration: none;
color: #aa0000;
background-color: #ffffff;
}