/* Mano Fra 2006-2007 */

/* Document structure definitions */

body 
{
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0 auto;
min-width: 786px;
width: 776px;
padding: 0;
background:url(../bg.gif) #fff repeat-x;
}

img 
{
margin: 0;
border: 0;
}

p 
{ 
font-size: 90%;
line-height: 150%; 
margin-right: 10px;
}

p.datetime
{
font-size: 80%;
font-weight: bold;
}
td 
{
font-size: 85%;
color: #000;
border: 0;
padding: 2px 1px 1px 2px;
}

th 
{
font-weight: bold;
text-align: left;
}

a 
{
text-decoration: none;
color: #8b0900;
}

a:hover 
{
text-decoration: underline;
}

a:active 
{
color: gray;
}

a:visited 
{
color: #b34905;
}

h1 
{
font-size: 194%;
letter-spacing: -2px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 14px;
}

h1.hidden {
color: #000;
z-index: -10;
position: absolute;
margin: -40px 0 0 200px;
border-bottom: none;
}

h2 {
font-size: 170%;
letter-spacing: -2px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 14px;
}

h2.clean {
background-color: #fff;
margin-left: -1px;
}

h2.low
{
background-color: #eeeeee;
margin-top: -4px;
margin-right: -4px;
margin-bottom: -4px;
margin-left: -4px;
font-family: Arial,Helvetica,sans-serif;
font-size: 20px;
font-weight: bold;
text-align: center;
letter-spacing: 0pt;
padding-top: 4px;
padding-right: 5px;
padding-bottom: 3px;
padding-left: 5px;
}

h3
{
font-size: 130%;
letter-spacing: -2px;
background-color: #d6d684;
padding: 6px 0 4px 20px;
}

h4
{
	
}

h4.high
{
background-color: #8b0000;
color: #ffffff;
padding: 4px;
text-align: center;
font-family: Arial,Helvetica,sans-serif;
font-size: 20px;
font-weight: bold;
margin-right: 12px;
}
/* IDs for page DIVs */

#main 
{
float: right;
margin: 0 auto;
width: 776px;
top: 10px;
}

#main p {
padding-left: 12px;
}

/* Header definitions */

#header 
{ 
background-image: url(../banner.gif);
height: 100px;
max-height: 100px;
margin-top: 12px;
z-index: 0;
}

#header h1 {
font-family: Arial, Helvetica, san-serif;
font-size: 222%;
letter-spacing: -1px;
color: #ffffff;
border: 0;
padding-top: 16px;
padding-left: 180px;
}

/* The main text area */

/*#content {
padding: 120px 20px 20px 202px;
}*/

/* Document definitions */

#document 
{
padding: 15px 10px 20px 180px;
}

/* A little box for the main area */

#box {
 float: right;
 width: 210px;
 margin: 0 0px 12px 9px; 
 border: solid 1px #ddd; 
 background-color: #fff;
 padding: 4px 4px 0;
}

#box p
{
line-height: 130%;
}

#photobox
{
background-color: #eeeeee;
float: right;
width: 200px;
margin: 0px;
padding-left: 0px;
display: block;
}

#photobox p
{
line-height: 100%;
letter-spacing: -1px;
margin: 6px 12px 12px 10px;
}
#quotebox
{
border: 1px solid #e64829;
background-color: #eeeeee;
float: right;
width: 190px;
margin: 0pt;
margin-left: 0pt;
padding: 4px;
display: block;
}

#quotebox.left
{
float: left;
margin-top: 0pt;
margin-right: 20px;
margin-bottom: 12px;
margin-left: 20px;
}

/* Left side menu */

#leftcol 
{
position: absolute;
top: 64px;
width: 166px;
font-size: 115%;
}

#lefcol p
{
text-align: right;
	
}
#menu
{
display: block;
width: 160px;
padding-top: 32px;
}

#menu p
{
margin: 0px 4px 18px 26px;
letter-spacing: -1px;
font-weight: bold;
text-align: right;
}

#menu a
{
color: #a80303;
font-weight: bold;
text-decoration: underline;
}

#menu ul 
{
margin: 0;
margin-left: 2px;
padding: 0;
list-style: none;
width: 159px;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}

#menu ul li 
{
position: relative;
}
	
#menu li ul 
{
position: absolute;
left: 147px;
top: -1px;
display: none;
/*border-top: 1px solid #708fae;
border-bottom: 1px solid #708fae;*/
}

#menu ul li a 
{
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 110%;
text-decoration: none;
text-align: right;
letter-spacing: -1px;
color: #a80303;
padding: 4px 6px 6px 0px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li 
{
float: left;
height: 1%;
}

* html ul li a 
{
height: 1%;
}

/* End */

#menu ul li a:hover
{
color: #000000;
background: #d6d684;
}

#menu ul li a:active
{
color: #000000;
background: #c7d3e6;
padding-left: 1px;
}
		
#menu li ul li a
{
padding: 10px 6px 12px 8px;
background-color: #c7d3e6;
color: #000000;
/*border-bottom: 1px solid #708fae;
border-top: 1px solid #708fae;*/
}

#menu ul li ul li a:hover
{
border-left: 0;
padding-left: 8px;
background-color: #97ac03;
}
		
#menu li:hover ul, li.over ul 
{
display: block;
}

/*#menu
{
display: block;
font-family: Arial, Helvetica, sans-serif;
text-align: right;
}

#menu p
{
text-align: right;
}

#menu img
{
text-align: right;
}

#menu ul 
{
letter-spacing: -1px;
word-spacing: -1px;
margin: 0;
padding-top: 2px;
}

#menu ul li 
{
border-top: 1px solid #ccc;
padding-top: 8px;
padding-right: 2px;
list-style-type: none;
font-weight: bold;
margin-top: 8px;
/*line-height: 90%;
}

#menu ul li a 
{
text-decoration: none;
color: #8b0900;
padding-bottom: 8px;
}

#menu ul li a:hover 
{
color: #b92904; 
}

#menu ul li a:active
{
color: red;
}

#menu ul li a:visited {

}

/* Special elements */

.ghost 
{
display: none;
color: #ccc;
}

.shrink {
font-size: 60%;
text-align: right;
}