/********* EU Funds Website by michel@bluelink.net *****************************/
/*** Based on Eoin's design of BlueLink.info - 2004-Jul-12 (eoin@bluelink.net) */
/*** Michel (michel@bluelink.info) *********************************************/
/*** This version 2005-June-07 ***/




/*** general ***/

body {
margin: 0;
padding: 0;
font: 12px/16px Verdana, Tahoma, Helvetica, sans-serif;
color: #666666;
text-align: center; /* centering fix for IE 5-win */
}

#fauxcols {
width: 750px;
height: 100%;
margin: 0 auto;
}

a:link, a:visited {color: #666666; text-decoration: underline;}
a:hover {text-decoration: none;}

#container {
margin: 0 auto;
width: 750px;
}



/*** title & title pictures	(main funds menu) */

#header {
position: relative;
margin: 0 auto;
padding: 0;
width: 750px;
height: 163px; /* TO CHANGE */
background: #FFFFFF url(../i/header.gif) top left no-repeat;
}
#header ul {
border: 0;
margin: 0;
padding: 26px 0 0 150px; /* CHANGED (25) */
list-style-type: none;
text-align: center;
clear: left;
}
#header ul li {
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}
#header ul li a {
background: #FFFFFF;
width: 120px;
height: 137px;
margin: 0;
padding: 0;
text-decoration: none;
display: block;
text-align: center;
letter-spacing: 1px;
line-height: 2em;
}

#header ul li#fund1 a {background: url(../i/f1.gif) 0 16px no-repeat;}
#header ul li#fund1 a:hover {background-position: 0 -8px;}

#header ul li#fund2 a {background: url(../i/f2.gif) 0 16px no-repeat;}
#header ul li#fund2 a:hover {background-position: 0 -8px;}

#header ul li#fund3 a {background: url(../i/f3.gif) 0 16px no-repeat;}
#header ul li#fund3 a:hover {background-position: 0 -8px;}

#header ul li#fund4 a {background: url(../i/f4.gif) 0 16px no-repeat;}
#header ul li#fund4 a:hover {background-position: 0 -8px;}

#header ul li#fund5 a {background: url(../i/f5.gif) 0 16px no-repeat;}
#header ul li#fund5 a:hover {background-position: 0 -8px;}

#header ul li a:hover {color: #000000; background: #CCCCCC;}
#header a:active {background: #CC6600; color: #FFFFFF;}




/*** top horizontal menu ***/


#topnav {
float: left;
margin: 0 auto;
padding: 20px 0 0 0;
width: 750px;
height: 1.6em;
background: url(../i/menu.jpg) bottom left no-repeat;
}
#topnav ul {
width: auto;
margin: 0 0 0 148px;
padding: 0;
list-style-type: none;
}
#topnav li {
float: left;
display: block;
font-size: 0.8em;
}
#topnav li a {
display: block;
text-decoration: none;
text-align: center;
width: 90px;
height: 15px;
line-height: 100%;
font-weight: bold;
color: #333333;
}
#topnav li a:hover {
text-decoration: underline;
}



/*** main content ***/

#wrapper {
float: left;
margin: 0 auto;
padding: 0;
width: 750px;
background: #FFFFFF url(../i/fauxcols.jpg) top center repeat-y;
}




/*** left col & left nav ***/

#left {
float: left;
width: 141px;
}



ul#leftnav {
list-style: none;
margin: 3em 0 2em 3px;
padding: 0 0 0.25em 0;
font-size: 1em;
line-height: 1.3em;
font-weight: bold;
text-align: right;
}
ul#leftnav li.break {
margin-bottom: 1em;
}
ul#leftnav li a {
display: block;
width: auto;
font-weight: bold;
text-decoration: none;
margin: 0 0 0 6px;
border-bottom: 1px solid;
}

ul#leftnav li a {border-color: #FDFDFD; color: #666666;}
ul#leftnav li a:hover {border-color: #666666;}



/*** latest 3 documents ***/

#documents {
font-family: Verdana, Tahoma, sans-serif;
font-size: 0.85em;
text-align: right;
line-height: 1em;
color: #666666;
margin: auto auto 20px 5px;
padding: 0;
width: 136px;
/*border: 1px solid #CCCCCC;*/
}
#documents h2 {
background: url(../i/docs_head.gif) top left no-repeat;
margin: 0;
padding: 1.2em 0.2em 0 0.2em;
text-align: center;
font-size: 1.1em;
/*border-bottom: 1px dotted #CCC;*/
}
#documents p {
background: url(../i/docs_body.gif) bottom left no-repeat;
margin: 0;
padding: 0 0.4em 1em 0.4em;
}
#documents a, #documents a:visited {
color: #333333;
text-decoration: none;
}
#documents a:hover {
color: #666666;
}
#documents small {
margin: 0;
padding: 1em 0 2px 0;
display: block;
line-height: 1.3;
border-bottom: 1px dotted #CCC;
}




/*** left col - INTRANET ***/

#intranet {
width: 129px;
border: 1px solid #666666;
font-family: Verdana, Tahoma, sans-serif;
font-size: 11px;
margin: 15px auto auto 5px;
padding: 3px;
text-align: right;
background: #CCCCCC;
}
#intranet form h3 {
font-size: 12px;
margin: 0 auto 6px auto;
}
#intranet form input {
border: 1px solid #999999;
font-family: Verdana, Tahoma, sans-serif;
font-size: 11px;
height: 15px;
width: 125px;
margin: 0 auto 6px auto;
padding: 0;
}
#intranet form .button {
border: 1px solid #999999;
height: 17px; /* +2px */
width: 127px; /* +2px */
margin: 0 auto 6px auto;
padding: 0;
font-family: Verdana, Tahoma, Helvetica, sans-serif;
font-size: 11px;
}




/*** right col + nav ***/

#right {
float: right;
width: 175px;
position: relative;
margin: 0;
padding: 0;
}




/*** right nav (special) - PROGRAMMES ***/

#right ul {
margin: 0;
padding: 0 0 0 5px;
list-style-type: none;
text-align: left;
}
#right ul li {
display: block;
float: left;
text-align: left;
margin: 0;
padding: 0;
}
#right ul li a {
background: url(../i/arrow.gif) 5px 50% no-repeat;
width: 150px;
height: auto;
margin: 0;
padding: 5px 5px 5px 15px;
color: #333333;
text-decoration: none;
display: block;
text-align: left;
font-size: 0.8em;
font-weight: bold;
border-bottom: 1px solid #CCCCCC;
}
#right ul li a:hover {background-position: center right;}




/*** main ***/

#mainContent {
min-height: 300px; /* bypass moz render engine leaving blanks in background image */
margin-left: 156px;
margin-right: 180px;
text-align: left; /* overrides centering of container */
}

#mainContent h1 {
margin: .5em 0 1em 0;
display: block;
height: 30px;
width: auto;
text-align: left;
background: url(../i/h1a.gif) top right no-repeat;
font-size: 1.1em;
}
#mainContent h1 a {
margin: 2px 0 0 0;
padding: 4px 10px 0 0;
float: left;
font-weight: bold;
text-decoration: none;
background: url(../i/h2a.gif) top right no-repeat;
}


#pubForm {
margin: 0;
padding: 0;
margin: 1em 0 0 0; 
padding: 0 5px;
}

#pubForm span {
display: block; 
margin: 0 0 7px 0; 
padding: 0;
}

#pubForm label {
width: 90px; 
margin: 0;
float: left;
font-weight: bold;
text-align: left;
display: block;
}

#pubForm input, #pubForm textarea, #pubForm .selector {
width: 300px; 
}

#pubForm .selector {
margin: 0 0 5px 22px;
padding: 0;
float: left;
text-align: left;
}

#pubForm h3 {
clear: both;
background: #ECECDF;
/* color: #64623E; */
display: block;
width: 430px;
text-align: left;
line-height: 120%;
font-size: 1.3em;
}

#pubForm p {
margin: 0 0 0 115px;
padding: 0;
width: 300px;
text-align: left;
font-size: 90%;
}

#pubForm .pub {
margin: 0 auto; 
width: auto;
padding: 2px 5px;
font-weight: bold;
}





/*** Action Apps news slice ***/

.article {
background: transparent;
float: left;
width: 405px;
margin: 0 0 20px 0;
}

.article h2 {
margin: 0;
padding: 0;
text-align: left;
font-size: 1em;
font-weight: bold;
}

.article h3 {
margin: 0;
padding: 0;
text-align: left;
font-size: .8em;
font-weight: normal;
}

.article p {
margin: 0;
text-align: justify;
font-size: 0.85em;
}

.article p.right {
margin-right: 2em;
float: right;
}

.article p.scroller {
text-align: center;
}

.scroller-enclose {
float: left;
width: 410px;
margin: 0 0 15px 0;
font-size: 100%;
}


/*** footer & other elements ***/


#bottom {
clear: both;
margin: 30px auto 0 auto;
padding: 0;
width: 750px;
height: 20px;
background: #FFFFFF url(../i/footer.jpg) top left no-repeat;
}

#footer {
clear: both;
display: block;
width: 750px;
height: auto;
margin: 0 auto;
padding: 0 0 10px 0;
background: #FFFFFF;
color: #AAAAAA;
font-size: 90%;
}

#footer a {color: #999999; font-weight: bold;}
#footer a:hover {color: #CC2200;}


div.shadow {
background: url(../i/shadow.gif) no-repeat bottom right;
clear: left;
float: left;
margin: 10px 8px 0 4px;
padding: 0;
position: relative;
}

div.shadow img {
background-color: #fff;
border: 1px solid #a9a9a9;
display: block;
margin: -5px 5px 5px -5px;
padding: 4px;
position: relative;
}

.cat {
text-align: left;
color: #999999;
font-size: 0.8em;
border-bottom: 1px dotted #CCCCCC;
}




/* added 2004-Dec-10 - new swap logos in left col (michel@bluelink.net) */

#optional {
float: left;
display: block;
width: 70px;
height: 50px;
margin: 0 0 2em 0;
}
#optional p {
width: 105px;
margin: 0 0 0 3px;
text-align: left;
font: 0.8em/1em Verdana, Tahoma, Arial, sans-serif;
}
#optional h5 a {
display: block;
margin: 0 0 0 22px;
width: 70px;
height: 50px;
text-indent: -9999px;
background: url(../i/logos/OPTIONAL.gif) bottom left no-repeat;
}
#optional h5 a {
background: url(../i/logos/OPTIONAL.gif) bottom left no-repeat;
}
#optional h5 a:hover {
background-position: 0 0;
text-indent: -9999px;
}



/*** miscellanious styles ***/

.hide {display: none;}



/*** The doc box (new) - http://www.456bereastreet.com/lab/ ***/

.teaser {
width: 145px;
padding: 0 0 14px 0;
margin: 10px 0 10px 5px;
background: url(../tsr.gif) bottom left no-repeat;
}
.teaser h3 {
margin: 0;
padding: 7px 10px 3px 10px;
background: url(../tsr.gif) top left no-repeat;
}
.teaser p {
margin: 0;
padding: 0;
border: 1px solid #d8d8d8;
border-width: 0 1px;
background: #F2F2F2;
}