/* This CSS file has been written for www.first-focus.org.uk
For any questions you might have, please contact the 
Author: Rafael Schiel. E-mail: info@first-focus.org.uk 
Version: 19.08.08 */

/* - STRUCTURE - */
body {margin: 0%; padding: 0%; background-color: #cccc66;}

/* Main Body Container */
.main {height: 92.5%; padding: 10px;}
.main {width: 800px; margin-left: -400px; margin-right: 10%;}
.main {position: absolute; top: 6px; left: 50%;}
.main {background-color: #ffffff; color: #000000;}
.main {border-color: #990000; border-style: solid; border-width: 15px 2px 2px 2px;}

/* Content Container */
.content {position:absolute; left: 150px; top: 150px; text-align: left;}
.content {width: 625px; height: 65.5%; overflow: auto;}
.content {padding: 2px; }
.content {background-color: #ffffff; color: #000000;}
.content a {color: #990000; background-color :#ffffff; text-decoration: none;}
.content a:hover {color: #990000; background-color: #ffffff; text-decoration: underline;}
.content .imp {color: #990000; background-color: #ffffff; font-size: 80%; margin-left: 15px;}
.content .form {width: 320px; margin-left: 10px;}
.content .form {color: #000000; background-color: #cccc66; padding: 10px;}
.content .form {border-color: #990000; border-style: solid; border-width: 8px 2px 2px 2px;}
.content .petition {color: #000000; background-color: #cccc66; padding: 10px; width: 569px; margin-left: 5px;}
.content .petition {border-color: #990000; border-style: solid; border-width: 8px 2px 2px 2px;}
.content .petition p {color: #000000; background-color: #cccc66;}
.content .ppbutton {margin-left: 140px;}

/* Navigation Container  */
.navigation {position: absolute; left: 10px; top: 150px;}
.navigation {width: 15%; height: 68%;}
.navigation {background-color: #cccc66;}
.navigation {border-color: #990000; border-style: solid; border-width: 15px 2px 0px 2px;}
.navigation .ppbutton {position:absolute;  bottom: 18px; left: 26px;}

.navpanel {background-color: #ffffff; text-align: left;}
.navpanel ul {margin: 0px; padding-left: 2px;}
.navpanel li {list-style: none; display: inline;}
.navpanel li a {display: block; border: 2px; border-color: #990000; border-bottom-style: dotted; padding: 2px; text-decoration: none;}
.navpanel li a {color: #990000; background-color: #ffffff;}
.navpanel li a:hover, .navpanel li strong a {background-color: #ffffff; color: #990000; text-decoration: underline;}

.navpanel li a .infobox {display: none;}
.navpanel li a:hover .infobox {position: absolute; top: 72%; left: 10%; display: block;}
.navpanel li a:hover .infobox {background-color: #cccc66; color: #990000;}
.navpanel li a:hover .infobox {text-decoration: none;} 


.navinfo {padding: 0px 2px 0px 2px; background-color: #cccc66; color: #000000; text-align: center;}
.navinfo p {background-color: #cccc66; color: #990000; border-style: dotted; border-width: 0px 0px 2px 0px;}

/* Footer  */
.footer {position:absolute;  bottom: 0px; left: 0.14%; width: 99.8%; }
.footer {margin: 0px; padding: 0px; text-align: center;}
.footer {background-color: #ffffff; color: #990000;}
.footer {border-color: #990000; border-style: solid; border-width: 2px 0px 0px 0px;} 
.footer a {color: #990000; background-color: #ffffff; text-decoration: none;}
.footer a:hover, .footer strong a {background-color: #ffffff; color: #990000; text-decoration: underline;}
.footer p {text-align: center;}
.footer p {margin: 0px; padding: 0px;}
.footer p {color: #990000; background-color: #ffffff;}


/* - LAYOUT - */

/* Font */
body {font-family: Arial,Verdana,Helvetica,sans-serif;  font-size: 10pt; font-weight: normal; margin: 0px; padding: 0px;}
h1 {font-size: 150%; padding: 5px 20px 0px 0px;}
h2 {font-size: 130%; padding: 5px 20px 0px 0px;}
h3 {font-size: 115%; padding: 5px 10px 0px 0px;}
h4 {font-size: 100%; padding: 5px 10px 0px 0px;}
p {font-size: 100%; color: #000000; background-color: #ffffff; padding: 0px 10px 0px 0px; text-align: justify; }
p.in {color: #666666; background-color: #ffffff; font-style: italic; }


/* Images */ 
img {margin: 5px 0px 0px 15px; } 
img.don {width: 300px; padding: 0px; margin: 0px;}
img.text {width: 205px; padding: 0px; margin: 0px;}
img.textr {float: left; margin: 0px;}
img.textr {width: 205px; padding-right: 15px; padding-left: 0px;}
img.textl {float: right; margin: 0px;}
img.textl {width: 205px; padding-left: 15px; padding-right: 0px;}
img.textc {width: 400px; margin-left: 100px; margin-right: 100px;}
img.fr {float: right;}
img.linkimg {border: 0px; margin: 0px 0px 0px 5px; }

/* Quote */
p.quote {color: #333333; background-color: #ffffff; font-size: 95%; padding: 5px 40px 5px 20px; font-style: italic;}
p.event1 {color: #990000; background-color: #ffffff; font-size: 120%; padding: 2px 2px 2px 70px; font-weight: bold; font-style: italic; text-indent: 70px;}
p.event2 {color: #000000; background-color: #ffffff; font-size: 120%; padding: 2px 2px 2px 90px; font-weight: bold;}
p.event3 {color: #000000; background-color: #ffffff; font-size: 120%; padding: 2px 2px 2px 95px; font-weight: bold;}
p.pilot1 {color: #000000; background-color: #ffffff; font-size: 110%; padding: 2px 2px 2px 20px; font-weight: bold;}
p.pilot2 {color: #333333; background-color: #ffffff; font-size: 95%; padding: 2px 2px 2px 200px; font-style: italic;}


/* Tables */
table {border: 3px double #000033; margin: 10px 0px 20px 20px; width:525px;}
th {padding: 5px 5px 5px 5px; text-align:left;}
td {border: 1px solid #000033; padding: 5px 5px 0px 5px; vertical-align: middle;}

/* Lists */
ul {padding: 2px 2px 2px 2px; margin-bottom: 5px; margin-left: 20px;}
ol {padding: 2px 2px 2px 2px; margin-bottom: 5px; margin-left: 20px;}
ol li {list-style: decimal;}
ol ol li {list-style: lower-roman;}
ul li {list-style: circle; margin-bottom: 20px;}
ul ul li {list-style: disc;}