body {
background:#eee;}

p, li {
font-size:1.2em;}

ul {
list-style:square;}

#wrapper {
width:990px;
margin:auto;
padding:5px 0;
background:#fc0;}

#body {
padding:18px;
background:#fff;}

#excerpt {
padding:8px 0;
text-align:center;
background:url(../images/stripe1.png) repeat-x;}

#excerpt h1 {
color:#fff;
padding:0 12px;
font-size:1.1em;
font-weight:bold;
font-variant:small-caps;}

#excerpt h1 span {
display:block;}

#excerpt h1 span#we {
margin-top:12px;}

#logo, #what {
padding-bottom:0;
padding-top:24px;}

#what {
margin-top:1px; 
background:url('../images/stripe4.png') top repeat-x;}

#what h3 {
color:#060;
line-height:1.6em;
margin-bottom:0;
text-align:center;}

#motto h2 {
font-size:1.4em;
font-weight:bold;
color:#fff;
padding:28px 40px;
margin:0;
text-align:center;
background:url(../images/bg_red.jpg) repeat-x;}

#content, #sidebar {
padding-top:18px;}

#content h2, #sidebar h2 {
color:#060;}

#content h3, #sidebar h3 {
color:#7dbe00;}

#sidebar h3 {
border-bottom:2px solid #dc2b19;
padding-bottom:9px;}

#content h2.title {
color:#fff;
padding-top:18px;
background:url(../images/bg_red.jpg) repeat-x;}

#footer {
font-weight:bold;
font-size:1em;
font-variant:small-caps;}

#footer p {
margin:0;}

#copyright {
text-align:center;
background:#eee;
margin:4px;
margin-bottom:0;
padding:6px;}

/* To put single centered images. Description takes the for of a span element */
p.img { text-align: center; }
p.img img { float: none; margin:1em 0;}
p.img span { display: block; font-style: italic; }

/* Tooltips. Credits: http://www.kollermedia.at/archive/2008/03/24/easy-css-tooltip/ */
a:hover {
background:#fff;
text-decoration:none;}

a.tooltip span {
display:none;
width:230px;
padding:2px 3px;
margin-left:8px;}

a.tooltip:hover span{
color:#6c6c6c;
display:inline;
position:absolute;
background:#fff;
border:1px solid #ccc;}

/* Menu. Menu on www.red.it is heavily based on a work done by Stu Nicholls. http://www.cssplay.co.uk/menus/pointer.html */
.menu {
padding:0; 
margin:0; 
white-space:nowrap;
text-align:center;
clear:both;}

.menu li {
float:left;
min-width:100px;
list-style-type:none;}

.menu a {
position:relative;
display:block; 
text-decoration:none; 
min-width:100px; 
float:left;}

* html .menu a {
width:100px;}

.menu a span {
display:block; 
color:#060; 
background:#d4d4d4;
border:1px solid #fff; 
border-width:2px 1px; 
text-align:center; 
padding:4px 16px; 
cursor:pointer;}

* html .menu a span {
width:100px; 
cursor:hand; 
w\idth:66px;}

.menu a b {
display:block; 
border-bottom:2px solid #009240;}

.menu a em {
display:none;}

.menu a:hover {
background:#fff;}

.menu a:hover span, .menu li.selected a span {
color:#fff; 
background:#dc2b19;}

.menu a:hover em, .menu li.selected a em {
display:block; 
overflow:hidden; 
border:6px solid #060; 
border-color:#fff #dc2b19; 
border-width:6px 6px 0 6px; 
position:absolute; 
left:50%; 
top:1px;
height:4px;
margin-left:-6px;}