/* based on veerle's design and layout */

body {
	margin: 50 0 25px 0; /* top right bottom left */
	padding: 0;
	font: 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
        /* bg_ceta.gif bg_new2.gif bg_ceta4A.gif */
	background-image: url(/images/bg_ceta.gif); 
        color: #666666;
	min-width: 661px;
}

.image {
	margin-bottom: 5px;
	margin-right: 5px;
}

.spacer {
	border-bottom: 1px dotted #999;
	margin-bottom: 15px;
	margin-top: 15px;
}

.leftspace {
	margin-right: 15px;
}

/* ----- from budd  Main Layout--- */


#top{
        height: 5px;
        background: #FFFFFF url(/images/shadow_top.gif) repeat-y right;
}
#bg{
        padding: 10px 19px 15px 15px; /* the white area */
        background: #FFFFFF url(/images/shadow_side.gif) repeat-y right;
}
#bottom{
        background: url(/images/shadow_bottomw.gif) top right no-repeat;
        height: 3px;
}

/* ---- end budd--*/
/* ---- wrapper for main content area */

#wrapper	{ margin: 35px auto; padding: 0px; width: 661px;  } 
	
html>#wrapper { width: 661px;  } 

#smallwrapper {
	margin: 25px auto;
	padding: 0px;
	width: 460px;  	
}

html>#smallwrapper {
	width: 460px;
}


/*---  RIGHT SIDE BAR ---*/
#menu {
width: 170px; /* width of bar area 150 2 wide*/
float: left;
text-align: center; /*left; */
/*  #E4EBFA  */
background: #DFDCE2  url(/images/delf_com.gif) bottom left no-repeat ; 
    margin-top: 25px; /*20*/
    font-size: 11px;
        font-weight: bold;
        line-height: 14px;
        color: #333;
    font: 11px/12px verdana,trebuchet,sans-serif;
    padding: 5px; /* in&down width of the bar */
 padding-top: 40px;  /* give top space*/
    padding-bottom: 20px;
    border:0px dashed #999;
    margin-bottom: 40px;  /* 50*/

/* Again, the ugly brilliant hack. */
        voice-family: "\"}\"";
        voice-family:inherit;
        width:170px;
        }

/* Again, "be nice to Opera 5". */
body>#Menu {width:170px;}

/* end88 */


/*---  CALENDAR ---*/
#cal {
	height: 200px;
	background: #EDEEE8 url(/veerle/images/bg_fantasy.gif);
	background-repeat: no-repeat;
	border-bottom: 1px dotted #999;
	margin-bottom: 15px;
}

#minicaltable {
	margin-left: 9px;
	margin-top: 10px;
}
	
/*---  SEARCH ---*/
#search {	
	background-image: url(veerle/images/bg_fantasy.gif);
	background-repeat: no-repeat;
	border-bottom: 1px dotted #999;
	margin-bottom: 15px;
	letter-spacing: 2px;
}
	
/*---  ARCHIVE ---*/
#archive {
	background-image: url(veerle/images/bg_fantasy.gif);
	background-repeat: no-repeat;
	border-bottom: 1px dotted #999;
	margin-bottom: 15px;
	padding: 0;
	}
	
/*---  MAILINGLIST ---*/
#mailinglist {
	background-image: url(veerle/images/bg_fantasy.gif);
	background-repeat: no-repeat;
	border-bottom: 1px dotted #999;
	margin-bottom: 15px;
	padding: 0;
	}
		
/*---  XML ---*/
#xml {
	border-bottom: 1px dotted #999;
	margin-bottom: 15px;
	padding-bottom: 15px;
	}

/*---  STATS ---*/
#stats {
	background-image: url(/veerle/images/bg_fantasy.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
	padding: 0;
	}

/*---  FIREFOX ---*/

#firefox {
	background-image: url(/veerle/images/bg_fantasy.gif);
	background-repeat: no-repeat;
	height: 120px;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 0;
	padding-left: 10px;
	padding-top: 15px;
	border-top: 1px dotted #999;
}	

/*---  FOOTER ---*/
#footer {
	border: 0;
	border-top: 0px solid #fff;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #526B6B;
	/*background: #D7DEDE;*/
background: #D7DEDE url(/images/shadow_bottomw.gif) top right no-repeat;
	padding: 5px;
        margin:0px 0px 0px 0px ;
	/* margin: 0px; */
	text-align: center;
	clear: both;
}	

	
.footer {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
}

.footer  a:link {
	color: #485F5F;
	text-decoration: none;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.footer  a:visited {
	color: #687575;
	text-decoration: none;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.footer  a:hover {
	color: #485F5F; /* dark green-grey link */
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #EDEEE8;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #485F5F;
}

.footer  a:active {
	color: #DEE0D5; 
	text-decoration: none;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
} 


/*---  CATEGORIES ---*/
#cat {
	margin: 0;
	padding: 0;
}
	
#cat ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
}

#cat ul li {
	display: block;
	text-align: left;
	padding: 0;
	margin: 0;
	text-indent: 25px;
}

#cat ul li a {
	background: #DEE0D5 url(veerle/images/bullet_category.gif) no-repeat;
	width: 165px;
	height: 2em;
	border-top: 1px solid #EDEEE8;
	border-left: 1px none;
	border-bottom: 1px solid #BCBEB1;
	border-right: none;
	padding: 0;
	margin: 0;
	color: #6F8282;
	text-decoration: none;
	display: block;
	text-align: left;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 2em;
	font-size: 11px;
}

html>#cat ul li a  {
	font-size: 11px;
} 

#cat ul li a:hover {
	color: #4B6060;
	background: #C3D0D0 url(images/bullet_category.gif) no-repeat;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #ECF2F3;
	border-bottom-color: #9CADAD;
}


/*--- "member" links: login, register, calendar, etc. ---*/

.loginLinks, .loginLinks {
        margin:10px 0px 5px 0px;
        padding:0px;
        text-align: center; /* right;*/
        }

a:link  {
        color: #485F5F;
        text-decoration: none;
        font: bold 11px "Lucida Grande", Verdana, Helvetica, sans-serif;
        border-bottom-width: 0px;
        border-bottom-style: dotted;
        border-bottom-color: #485F5F;
}

a, a:visited  {
        color: #687575;
        text-decoration: none;
        font: bold 11px  "Lucida Grande", Verdana, Helvetica, sans-serif;
}

/*  -- -affects all hover links --*/
a:hover, a:active {
        color: #c30; /* red */
                 /* 12/16px  causes jumps*/
        font: bold 11px  "Lucida Grande", Verdana,Helvetica, sans-serif;
        background-color: #FDF2E7; /* pale yellow red bg */
        border-bottom-width: 0px;
        border-bottom-style: solid;
        border-bottom-color: #c30;
}



/*--- Dotted line between menu items in sidebar ---*/

.menuSpacerdot {
	border-bottom: 1px dotted #999;
	margin-bottom: 15px;
}



/*---Un  Dotted line between menu items in sidebar ---*/

.menuSpacer {
        margin-bottom: 15px;
}


/* --- comment --- */

#commentform {
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #859797;
	margin: 25px;
}

.commententry {
	padding: 0 25px 0px 25px;
	color: #7B7F6C;
}

.commententry  a:link  {
	color: #485F5F; 
	text-decoration: none;
	font: 12px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #485F5F;
}

.commententry  a:visited  {
	color: #687575; 
	text-decoration: none;
	font: 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.commententry  a:hover, .commententry a:active {
	color: #c30;
	font: 12px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background-color: #FDF2E7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c30;
}

/*---  MAIN PAGE CONTENT ---*/

#content {
	position: absolute;
/*  bg_newscontent.gif bg_newcontentdot.gif */
background: #DFDCE2  url(/images/bg_newscontent781.gif) repeat-y;
	border: 1px solid #FFFFFF;
	margin: 0;
	width: 781px; /* 646 746 678*/
	float: left;
	text-align: left;
}

#contentsearch {
	position: absolute;
	background-color: #F7F7F6;
	border: 1px solid #FFFFFF;
	margin: 0;
	width: 678px;
	text-align: left;
}

#contentmembers {
	position: absolute;
	background-color: #F7F7F6;
	border: 1px solid #FFFFFF;
	margin: 0;
	width: 678px;
	color:  #485F5F;
	font: 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#contentmailing {
	position: absolute;
	background-color: #F7F7F6;
	border: 1px solid #FFFFFF;
	margin: 0;
	width: 678px;
	color:  #485F5F;
	font: 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.mailing {
	background-color: #F7F7F6;
	padding: 15px;
	color:  #485F5F;
	font: 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#trackback {
	background-color: #F7F7F6;
	border: 1px solid #FFFFFF;
	margin: 0;
	width: 450px;
	margin-top: 25px;
}

#contenttrackback {
	background-color: #F7F7F6;
	color: #727664;
	font: 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 10px 15px 25px;
}

#contenttrackback a:link {
	color: #485F5F; 
	text-decoration: none;
	font: 12px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #485F5F;
}

#contenttrackback a:visited {
	color: #687575; 
	text-decoration: none;
	font: 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}


#contenttrackback a:hover, #contenttrackback a:active {
	color: #485F5F; 
	text-decoration: none;
	background-color: #EDEEE8;
	font: 11px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #485F5F;
}


.trackbackentry {
	font: 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #727664;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-bottom: 10px;
	text-align: left;
 	border-bottom: 1px dotted #CDCDCD;
}

#contenttrackback b {
	background-color: #F7F7F6;
	color: #485F5F;
	font: bold 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.navtitles {
	color: #727664;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 2px;
	padding: 10px;
}

.title {
	color: #c30;
	letter-spacing: 2px;
	font: bold 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin-left: 25px;
}

.title a:link, .title a:visited {
	color: #c30;
	font: bold 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	text-decoration: none;
	border-bottom: 1px dotted #c30;
}

.title a:hover {
	color: #c30;
	font: bold 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	text-decoration: none;
	background-color: #FDF2E7;
	border-bottom: 1px dotted #c30;
}

H2 {
 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 font-size: 17px;    /* used for BLURB,         */
 color: #919581;
 font-weight: bold;
}

/* H3 {
 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #c30;
 font-weight: bold;
}*/

/*---  Used in Weblog templates to format the title of entries  ---*/

H3 {
   letter-spacing: 0.1em; word-spacing: 0.1em;
        font-family: "lucida grande", "helvetica", georgia, times, sans-serif;
        font-size: 14px; /* used for TITLE in weblog template  */
        font-weight: bold;
        line-height: 14px;
        color: #003366; /*#333;*/
        margin-top: 20px;
        margin-bottom: 5px;
        text-align: left;
}

H4 {
 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 font-size:   12px;   /* used for the menus on the left side stf, cosri etc */
 color: #7B7F6C;
 margin-top: 2px;
 margin-bottom: 5px;
 font-weight: bold;
}

H5 {
 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #7B7F6C;
 margin: 2px 0 2px 0;
 font-weight: normal;
  }

H6 {
 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #003366;
 margin-top: 4px;
 margin-bottom: 4px;
 font-weight: bold;
  }

H7 {
 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #993366;
 line-height: 18px;
 margin-top: 4px;
 margin-bottom: 8px;   Balene E Delfini, Giganti E Signori del Mare
 font-weight: bold;
   }


/*---  Weblog entry formatting.  ---*/

#weblog {
	width: 450px; /*  490 500 510 change along wiyh menu width */
	float: left;
/* background: #F7F7F6 url(/images/bg_delf.gif) top left no-repeat;*/
	text-align: left;
/* padding-left; 10px; */
        padding-bottom: 20px;
margin-bottom: 18px;
}

/* weblog body BODY text (watch the use of P and /P in body */
p {
 color: #333; /* #7B7F6C;*/
 margin-top: 4px;/* 4 */
 margin-bottom: 20px; /* 4 creates space at end of entry */
 text-align: left;
 font: normal 12px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

H2 {
 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px; /* blurb field */ 
 color: #919581; /* #919581; 999*/ 
 font-weight: bold;
}

.update {
	padding-left:  20px;
	font: bold 12px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #c30;
	background: url(/veerle/images/ic_update.gif) no-repeat;
}

.quote {
	color: #8F9381;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 10px 25px 10px 25px;
	border-bottom: 1px solid #DEE0D1;
	border-top: 1px solid #DEE0D1;
	letter-spacing: 1px;
	word-spacing: 1px;
}

pre {
	color: #5A5D51;
	font: normal 9px/12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #E8EBDF;
	padding: 10px;
	width: 440px;
}

.quoteblock {
	color: #5A5D51;
	font: normal 10px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 25px 10px 25px;
	letter-spacing: 1px;
	word-spacing: 1px;
	background-color: #E8EBDF;
	padding: 10px 20px 10px 25px;
}

.smalltext {
	color: #6F8282;
	font: 10px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.source {
	color: #6F8282;
	font: italic 9px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.weblogentry {
	padding: 0 0 10px 0;
	margin-top: 25px;
	margin-right: 25px;
	margin-left: 25px;
        margin-bottom: 20px;
}

/*    highlighhjs via span from codebase */
.highlight { background-color:#ffc; }
.highred { background-color:#FFCC66; }
.highfoot { background-color:#CCCCFF; }

/* see extras--*/
li.inline {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;        
font-size: 11px;
float: left;
margin-left: 0px; 
  display: inline;
  padding-left: 5px; /*4 left line*/
  padding-right: 10px;
margin-right:15px;
  border-right: 1px dotted #066;
  }
li.last {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;        
font-size: 11px;
  padding-left: 0px; /* indents only one word of 2nd col */
  padding-right: 9px;
  border-right: 0px;
display: inline;
  } 

/*  three column table --*/
li.one {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
float: left; 
margin-left: 0px;
  display: inline;
  padding-left: 0px; /*4 left line*/
  padding-right:  5px;
margin-right: 5px;
  border-right: 1px dotted #066;
  }
/* added on feb05 to see if i can do three colums */
li.two {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
float: left ;
  padding-left: 2px; /* indents only one word of 2nd col */
  padding-right: 5px;
  border-right: 1px dotted #066;
margin-right:5px;
display: inline;
  }
li.three {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
  padding-left: 0px; /* indents only one word of 2nd col */
  padding-right: 5px;
  border-right: 0px;
display: inline;
  }

/* --- end-- */
/*---  Used in Weblog templates to format MY  subtitle of entries  ---*/
.weblogentry h1 {
        font-family: baskerville, 'itc new baskerville', 'book antiqua', 'palatino linotype', georgia, times, serif;
        font-size: 16px;
        font-weight: bold;
        line-height: 16px;
        color: #333;
        margin-top: 0px;
        margin-bottom: 10px;
        text-align: left;
}

/* this section control body text size  bit something else is affected *
.weblogentry  b {
	color: #7B7F6C; 
	text-decoration: none;
	font: bold 12px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.weblogentry ul li {
	font: 11px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #7B7F6C;
	background: url(veerle/images/li_bullet.gif) no-repeat;
	padding-left: 10px;
}

ul {
	padding:0;
	list-style-type:none;
	margin: 0px;
}

ul li {
	margin:0;
	padding: 0px;
}

ul ul {
	margin: 0px;
	padding: 0px;
}

.weblogentry  a:link  {
	color: #485F5F; 
	text-decoration: none;
	font: bold 12px/16px  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #485F5F;
}

.weblogentry  a:visited  {
	color: #687575; 
	text-decoration: none;
	font: bold 11px  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.weblogentry  a:hover, .weblogentry a:active {
	color: #c30;
	font: bold 11px  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background-color: #FDF2E7;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #c30;
} 

/*---  Name of author in weblog entries ---*/

.author {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #999;
 margin-top:  10px;
 font-weight: normal;
}
.siga {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #993333;
 margin-top: 2px;
 margin-bottom: 0px;
 font-weight: normal;
 text-align:  right;
}

.indent, blockquote {
     font-family: georgia, "helvetica", arial, sans-serif;
     font-size: 14px;
     padding: 12px;
     margin: 25px;  /* moves line down from top*/
     padding-top: 10px;
         padding-bottom: 7px;
     margin-left: 20px;
     margin-bottom: 10px;
         margin-right: 50px;
     color: #222;
     border-top: dotted #999 1px;
     border-bottom: solid #999 1px;
     background: #f6f6f6; /* #f6f6f6; */
     line-height: 16px;
}

.indent p {
        margin-bottom: 4px;
        margin-top: 0px;
}

/*---  Weblog entry footer formatting.  ---*/

.entryfooter {
	color: #7B7F6C;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #859797;
}

.entryfooter  a:link {
	color: #485F5F; 
	text-decoration: none;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #485F5F;
}
.entryfooter  a:visited {
	color: #687575;
	text-decoration: none;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.entryfooter  a:hover, .entryfooter  a:active {
	color: #c30;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FDF2E7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c30;
}

.toparrow {
	float: right;
	margin-left: 15px;
}


/*---  weblog link ---*/

.webloglink {
	color: #7B7F6C;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 2px;
	margin: 25px;
}

.webloglink  a:link {
	color: #485F5F; 
	text-decoration: none;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 2px;
}

.webloglink  a:visited {
	color: #687575;
	text-decoration: none;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 2px;
}

.webloglink  a:hover {
	color: #485F5F;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #EDEEE8;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #485F5F;
	letter-spacing: 2px;
}

.webloglink  a:active {
	color: #DEE0D5; 
	text-decoration: none;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 2px;
}

/* for fotos in weblog entries */
/* from http://www.kartooner.com */
.left-image {float:left;margin:0 1em 0 0;border:1px solid #eee;padding:.5em}
.right-image {float:right;margin:0 0 1em 1em;border:1px solid #eee;padding:.5em}

/*---  forms ---*/

form {
	margin-top: 0px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #485F5F;
}

.input {
	background-color: #fff;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #485F5F;
	margin: 5px 5px 5px 0px;
	padding: 2px;
	border: 1px solid #999999;
}

.leftLinks.input {
	width: 115px;
}


.textarea {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	background-color: #fff;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #485F5F;
}

.button {
	background-color: #EDEEE8;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #485F5F;
	border: 1px solid #999999;
	margin: 5px 5px 5px 0px;
	padding: 2px 7px;
}

.pulldown {
	background-color: #fff;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #485F5F;
}

/* THE FOLLOWING CSS IS USED WITH THE MINI-CALENDAR */
/*  Calendar header text  */
.header  { 
 font-family: verdana,trebuchet,sans-serif; 
 font-size:   10px; 
 color:       #999; 
 font-weight: bold;}

/*  Navigational links in the header of mini-calendar  */
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover{
 color:       #485F5F;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 font-weight: bold;
}
.navlinks a:link    { color:  #485F5F; text-decoration: none;}
.navlinks a:visited { color:  #ffffff; text-decoration: none;}
.navlinks a:active  { color:  #333333; text-decoration: none;}
.navlinks a:hover   { color:  #485F5F; text-decoration: none;}


/*  Days of the week text  */
.weekdays {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666;
 font-weight:  bold;
}

/*  Days of the month text and links */
.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666;
}
.monthdays a:link    { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #333333; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #cccccc; text-decoration: none;font-weight: bold;}

/* ----- Nava  nava ----- */
#navacontainer ul {
  padding-left: 0;
  background-color: #4E4675; /* #555;*/
/* background-color: transparent; use to check nav layout*/
  text-align: center;
  color: #ddd;
  float: left;
  font-size: 8px;
  line-height: 1.8em;
  border-bottom: 0px solid #4E4675; /*#aaa; */
  text-transform: uppercase;
  /* fake values for ie6 */
  margin: 0 0 0 0px; /* top left bottom right 0 0 0 17px */
  width: 646px;   /* 646 661 */
  /* real values for sane browsers */
  margin /**/: 0 0 0 0px;  /* 0 0 0 35 right*/
  width /**/: 646px;  /*760*/
}

#navacontainer ul li {
  display: inline;
}

#navacontainer ul li a {
  padding: 6px 3px 2px;  /* middle pad words*/
  background-color: #4E4675; /*#555;*/
  color: #ddd;
  text-decoration: none;
  float: center;   /* left;*/
}

#navacontainer ul li a:hover {
  background-color: #90AEF7; /*#632928;*/
  color: #333; /* #c1a8ab;*/
/*
  text-shadow: 3px 3px 2px #333;
*/
}

/* via hivelogic thx dan cederholm */
#ricerca #t-ricerca ,
#educazione #t-educazione ,
#rescue #t-rescue ,
#rescue #t-rescue ,
#chi #t-chi ,
#amici #t-amici ,
#volotario #t-volotario ,
#altri #t-altri ,
#contact #t-contact 
{
  color: #eee;
  background-color: #777;
}

/* ---- STAFF MENU ---*/
#stfmenu {
/* position: relative; */ /*absolute;*/
margin-left: 10px;
top: 1px; /* ori 81*/
left: 10px; /*30*/
width: 140px; /*180*/
color: #000;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font:11px;
background-color: transparent;
text-align: left;
clear: both;
/* display: inline; */
}

.code {
margin: 10px;
padding: 5px ;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font:11px;
background-color : #90AEF7; /* #F5F5F5; */
color: #7F3B3B; /* #000;*/
border: 1px dotted #000;
}

#stfmenu ul {
list-style: none;
margin :0px 0px 0px 15px;
padding-left: 5px;
border-left: 1px dotted #000;
} 

#stfmenu a:hover {
list-style: none;
border-left: 1px dotted #000;
background-color: #C0C7D8; /* #90AEF7; *#632928;*/
color: #333; /* #c1a8ab;*/
}


#stfmenu h4 {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font:10px;
text-indent: 1.2em; /* YES! postions the plus sign */
cursor:hand ;
margin-top: 2px;
margin-bottom: 2px;
padding: 1px 1px 1px 1px;
color: #000;
background-color: #ffc800;
border: 0px solid #000;
font-weight : bold;
width: 120px; /*84px;*/
background: url(/images/plus.gif) no-repeat 0em 0.3em;
}

/* ---- BOX SET -------------------------------------- */

#box-set {
    margin: 0 11px;
    width: 340px; /*346*/
    background: url(../images/prima/bg_mission_bottom.gif) left bottom no-repeat;
    padding-bottom: 12px;
        }

#box-set h2 {
   background: url(../images/prima/boxsetblank.gif) left top no-repeat;
   height: 23px; /*23*/
   line-height: 23px;
   text-indent: -3000px;
   margin: 0;
   padding: 0;
   vertical-align: bottom;
        }

#box-set h6 {
   background: url(../images/prima/boxsetblank.gif) left top no-repeat;
   height: 23px; /*23*/
   line-height: 13px;    /* this size is to SHOW the heading, the h2 hides it */
   text-indent: 30px;
   margin: 0;
   padding: 0;
   vertical-align: bottomp;
        }


#box-set p {
     background: url(../images/prima/bg_missione.gif) left top repeat-y;
     background-color: #AACCBD;  /*#DACDBD   */
     margin: 0;
     padding: 9px 30px;  /*bg_mission.jpg*/
     /* font: 10px/16px Geneva, Arial, sans-serif; */
        }

p,h1,h2,h3,h4,h5,h6 { margin-bottom; 0; margin-top: 0; }

/* ---- BOX SET A  & B see extras for this -------------------------------------- */

/*---- table      ---- */
table#sample {
    background-color:#FFFFFF;
    border: solid #000 3px;
    width: 400px;
}

table#sample td {
    padding: 5px;
    border: solid #000 1px;
}

.data {
    color: #000000;
    text-align: right;
    background-color: #CCCCCC;
}

.toprow {
    font-style: italic;
    text-align: center;
    background-color: #FFFFCC;
}

.leftcol {
    font-weight: bold;
    text-align: left;
    width: 150px;
    background-color: #CCCCCC;
}

/* http://www.washington.edu/webinfo/case/present/table.html */

table#data {
    font-size: 0.9em;
    border-collapse: collapse;
    empty-cells: show;
}
table#data td, table#data th {
    padding: 0.25em 0.5em;
}
table#data td {
    border; 1px #636 solid;
    text-align: right;
}
table#data th {
    border: #636 solid;
    border-width: 0 3px 0 0;
    text-align: right;
}
table#data tr.top th {
    border-width: 0 0 3px 0;
    text-align: center;
}
table#data tr.top td {
    border-width: 0 3px 3px 0;
}
table#data caption {
    margin-top: 0.5em;
    font-size: 0.8em;
}
/* Design 2 */
table.Design2 {
    border-spacing: 0px;
    border-collapse: collapse;
    border: 1px solid #666666;
}
table.Design2 th {
    border-bottom: 1px solid #666666;
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
}
table.Design2 td {
    text-align: right;
    border-bottom: 1px solid #666666;
    padding: 0.1em 0.5em;
}
table.Design2 thead th {
    background-color: #E5E5E5;
    text-align: center;
}
table.Design2 th.Corner {
    text-align: left;
}

/* Design 6 */
table.Design6 {
    border-spacing: 0px;
/*    border-collapse: collapse; */
    background: #E9E9F3;
    border: 0.5em solid #E9E9F3;
}
table.Design6 th {
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
    border: 0px;
    border-bottom: 1px solid #9999AA;
}
table.Design6 td {
    text-align: left ;  /* ori right for numbers digits */
    border: 0px;
    border-bottom: 1px solid #9999AA;
    border-left: 1px solid #9999AA;
    padding: 0.1em 0.5em;
}
table.Design6 thead th {
    text-align: left ;  /* center; */
    font-weight: bold;
    color: #6C6C9A;
    border-left: 1px solid #9999AA;
}
table.Design6 th.Corner {
    text-align: left ;   /* ori left; */
    border-left: 0px;
}
table.Design6 tr.Odd {
    background: #F6F4E4;
}

/* Design 6e left for prices */
table.Design6e {
    border-spacing: 0px;
/*    border-collapse: collapse; */
    background: #E9E9F3;
    border: 0.5em solid #E9E9F3;
}
table.Design6e th {
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
    border: 0px;
    border-bottom: 1px solid #9999AA;
}
table.Design6e td {
    text-align: right;  /* ori right for numbers digits */
    border: 0px;
    border-bottom: 1px solid #9999AA;
    border-left: 1px solid #9999AA;
    padding: 0.1em 0.5em;
}
table.Design6e thead th {
    text-align: left ;  /* center; */
    font-weight: bold;
    color: #6C6C9A;
    border-left: 1px solid #9999AA;
}
table.Design6e th.Corner {
    text-align: left ;   /* ori left; */
    border-left: 0px;
}
table.Design6e tr.Odd {
    background: #F6F4E4;
}

/* Design 6C  and cenre left for prices */
table.Design6C {
    border-spacing: 0px;
/*    border-collapse: collapse; */
    background: #E9E9F3;
    border: 0.5em solid #E9E9F3;
}
table.Design6C th {
    text-align: left;
    font-weight: normal; 
    padding: 0.1em 0.1em;
    border: 0px;
    border-bottom: 1px solid #9999AA;
}
table.Design6C td {
    text-align: right;  /* ori right for numbers digits */
    border: 0px;
    border-bottom: 1px solid #9999AA;
    border-left: 1px solid #9999AA;
    padding: 0.1em 0.1em;
}
table.Design6C thead th {
    text-align: left ;  /* center; */
    font-weight: bold;
    color: #6C6C9A;
    border-left: 1px solid #9999AA;
}
table.Design6C th.Corner {
    text-align: center;   /* ori left; */
    border-left: 0px;
}
table.Design6C tr.Odd {
    background: #F6F4E4;
}