/*style sheet for portulaca.co.uk  new site*/
/*tell-a-friend courtesy of alias-tell-a-friend.com*/


body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:1em;
background-color: #000000;
}

html
{
font-size:100%;
}


img
{
border-style: none;
}


#container
{
width: 60%;
margin: 1em auto 2em auto;
background-color: #000000;
border:1em ridge #1E90FF;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
}

#header
{
min-height: 1em;
background-color: transparent;
margin: auto;
text-align: center;
}

#header h1
{
font-size:120%;
color:#1E90FF;
font-weight:normal;
}



#left
{
float: left;
width: 15%;
border-left: 0em outset #2A9337;
padding-left:0.5em;
}

#right
{
background-color:transparent;
margin-top:15em;
float:right;
width:20%;
font-size:60%;
text-align:left;
}

#right h1
{
font-size:100%;
color:#1E90FF;
font-weight:normal;
}

#right a:link
{
color: #FFFFFF;
text-decoration: none;
display: block;
width: 15em;
border: 1px solid #000000;
}

#right a:visited
{
color: #FFFFFF;
text-decoration: none;
display: block;
width: 15em;
border: 1px solid #000000;
}

#right a:hover
{
color: #FFFFFF;
text-decoration: none;
display: block;
width: 15em;
border: 1px solid #1E90FF;
background-color: transparent;
}


#right a:active
{
color: #FFFFFF;
text-decoration: none;
display: block;
width: 15em;
border: 1px solid #000000;
}

#middle
{
background-color: transparent;
margin-top: 5em;
margin-left: 15%;
margin-right: 22%;
font-size: 0.8em;
min-height:40em;
font-size:90%;
}

#middle h1
{
font-size: 1.3em;
font-weight: normal;
text-align: left;
}

#footer
{
min-height: 5em;
width: 70%;
margin: auto;
background-color: transparent;
font-size: 60%;
border-top: 1px solid #1E90FF;
padding-top: 0.5em;
}

#footer a:link
{
color:#000000;
text-decoration: none;
border:1px solid #1E90FF;
}

#footer a:visited
{
color:#000000;
text-decoration:none;
border:1px solid #1E90FF;
}

#footer a:hover
{
color:#000000;
text-decoration:none;
border:1px solid #1E90FF;
background-color:#C0C0C0;
}

#footer a:active
{
color:#000000;
text-decoration:none;
border:1px solid #1E90FF;
}

.footerleft
{
float: left;
width: 20em;

}


.footerright
{
float: right;
margin: auto;
width: 20em;
line-height: 50%;
}







#leftimg
{
float:left;
margin: 0 1em 1em 0;
}

.textright
{
float:right;
border:0.2em solid #1E90FF;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
width:15em;
min-height:5em;
padding:0.5em;
margin:0.2em 0 0.2em 1em;
font-size:70%;
}









.boxright
{
float:right;
border:0.2em solid #1E90FF;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
width:90px;
min-height:5em;
padding:0.8em;
margin:0.2em 0 0.2em 1em;
font-size:80%;
}


.br img
{
display:inline;
}

.br {
position:relative;
background-color: #transparent;
text-decoration:none;
color:#000000;
text-align:center;
font-size:150%;
}
.br:hover .brpop
{
display: block;
position:absolute;
min-width: 5em;
background-color: #FFFFFF;
font-size:70%;
border: 0.5em outset #2A9337;
top:-15em;
right:-5em;
z-index:20;
}


.br
{
display:inline-block;
line-height:1.05;
}

.brpop
{
display: none;
}







.boxleft
{
float:left;
border:0.2em solid #1E90FF;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
width:135px;
min-height:5em;
padding:0.8em;
margin:0.2em 0.5em 1em 0;
font-size:80%;
}

.bl img
{
display:inline;
}

.bl {
position:relative;
background-color: #transparent;
text-decoration:none;
color:#000000;
text-align:center;
font-size:150%;
}
.bl:hover .bpop
{
display: block;
position:absolute;
min-width: 5em;
background-color: #FFFFFF;
font-size:70%;
border: 0.5em outset #1E90FF;
top:-15em;
left:10em;
z-index:20;
}


.bl
{
display:inline-block;
line-height:1.05;
}

.bpop
{
display: none;
}






.floatleft
{
display:inline;
float: left;
padding:1em 1em 1em 0;
}

.floatright
{
float:right;
padding:2em 0 2em 2em;
}

#midin
{
float:left;
width:170px;
margin:1em;
min-height:170px;
background:url(s.png);
text-align:center;
}

#midin h1
{
text-align:center;
color:#000000;
font-weight:bold;
font-size:135%;
}

.heading
{
text-align:center;
color:#000000;
font-weight:bold;
font-size:135%;
}




.thinkoid
{
display:inline;
position: relative;
min-height:2em;
}

.tickler img
{
background-color:transparent;
text-decoration:none;
border-style:none !important;
}

.tickler:hover{
background-color:transparent;
text-decoration:none;
}

.tickler:hover img
{
border-style:none;
}

.tickler span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 1em;
left: -1000px;
border: 0.5em outset #4B0082;
visibility: hidden;
color: #000000;
text-decoration: none;
text-align:left;
font-size:90%;

}
.tickler span img{ /*CSS for enlarged image*/
border: none;
padding: 0;
}

.tickler:hover span{ /*CSS for enlarged image*/
visibility: visible;
width:35em;
min-height:10em;

left: -40em; /*position where enlarged image should offset horizontally */

z-index: 50;
}

#mouse
{
float:left;
margin:0 0.5em 0.5em 0;
}


#left ul
{
list-style:none;
font-size:70%
}

#left a:link
{
display:block;
width:10em;
height:1.5em;
line-height:1.5em;
text-decoration:none;
text-align:center;
color:#B5CDE1;
border: 0.3em outset #23415A;
border-top-left-radius:15px;
-webkit-border-radius: 15px;
-moz-border-radius-topleft:15px;
margin-bottom:0.5em;
}

#left a:visited
{
display:block;
width:10em;
height:1.5em;
line-height:1.5em;
text-decoration:none;
text-align:center;
color:#B5CDE1;
border: 0.3em outset #23415A;
border-top-left-radius:15px;
-webkit-border-radius:15px;
-moz-border-radius-topleft:15px;
margin-bottom:0.5em;
}

#left a:hover
{
display:block;
width:10em;
height:1.5em;
line-height:1.5em;
text-decoration:none;
text-align:center;
color:#FFFFFF;
border:0.3em inset #23415A;
border-top-left-radius:15px;
-webkit-border-radius:15px;
-moz-border-radius-topleft:15px;
margin-bottom:0.5em;
}

#left a:active
{
display:block;
width:10em;
height:1.5em;
line-height:1.5em;
text-decoration:none;
text-align:center;
color:#B5CDE1;
border: 0.3em outset #23415A;
border-top-left-radius:15px;
-webkit-border-radius:15px;
-moz-border-radius-topleft:15px;
margin-bottom:0.5em;
}


.pr, .pl
{
width: 10em;
margin: 0.5em;
background-color: #0B2785;
}

.pr
{
float: right;
margin-right: 0;
}

.pl
{
float: left;
margin-left: 0;
}

.bpop
{
display: none;
}

a.tpop
{
display: block;
text-decoration: none;
color: #FF9933;
}

a.tpop:hover, a.itr:hover
{
border-width: 0;
}

a.tpop
{
position: relative;
}


a.tpop:hover .apop
{
display: block;
position: absolute;
width: 10em;
background-color: #000033;
z-index: 1;
}

.intp, .apop span
{
display: block;
padding: 0.5em;
border: 1px solid #FFFFFF;
}

.intp
{
border-color: #FF9933;
}

.apop span
{
border:2px ridge #F3F298;
}

.itr
{
position: relative;
background-color: #23415A;
text-decoration: none;
color: #B5CDE1;
font-size:70%;
padding-left:0.5em;
padding-right:0.5em;
}

.itr:hover .bpop
{
display: block;
position: absolute;
width: 25em;
background-color: #90B4D2;
color:#000000;
text-align:left;
padding: 0.5em;
border: 0.4em ridge #4682B4;
border-top-left-radius:15px;
-moz-border-radius-topleft:15px;
box-shadow: 10px 10px 5px #888;
-webkit-box-shadow:10px 10px 5px #888;
-moz-box-shadow:10px 10px 5px #888;

/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#888')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#888');



padding: 5px 5px 5px 15px;
left: 15em;
top: -0.5em;
z-index:20;
}

.itr
{
display: inline-block;
top: 0.15em;
line-height: 1.05;
}





/*II popup*/


#II
{
width:170px;
margin:1em;
min-height:170px;
text-align:center;
}


.IIoid
{
display:inline;
position: relative;
height:20em;
}

.IIler img
{
background-color:transparent;
text-decoration:none;
border-style:none !important;
}

.IIler:hover
{
text-decoration:none;
}

.IIler:hover img
{
border-style:none;
}

.IIler span
{
position:absolute;
background-color: #385050;
padding: 1em;
border: 0.6em ridge #385050;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
text-align:left;
font-size:90%;

}
.IIler span img
{
border: none;
padding: 0;
}

.IIler:hover span
{
visibility:visible;
width:25em;
min-height:10em;
left: -40em; /*position where enlarged image should offset horizontally */
z-index: 50;
}



/*I popup*/


#I
{
width:170px;
margin:1em;
min-height:170px;
border:1px solid #708090;
text-align:center;
}


.Ioid
{
display:inline;
position: relative;
height:20em;
}

.Iler img
{
background-color:transparent;
text-decoration:none;
border-style:none !important;
}

.Iler:hover
{
text-decoration:none;
}

.Iler:hover img
{
border-style:none;
}

.Iler span
{
position:absolute;
background-color: #385050;
padding: 1em;
border: 0.6em ridge #385050;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
text-align:left;
font-size:90%;

}
.Iler span img
{
border: none;
padding: 0;
}

.Iler:hover span
{
visibility:visible;
width:25em;
min-height:10em;
left: -40em; /*position where enlarged image should offset horizontally */
z-index: 50;
}



/*popup code*/


.il img
{
display:inline;
}

.il {
position:relative;
background-color: #transparent;
text-decoration:none;
color:#000000;
text-align:center;
font-size:150%;
}
.il:hover .lpop
{
display: block;
position:absolute;
min-width: 5em;
background-color: #FFFFFF;
font-size:60%;
border: 0.5em outset #96272D;
top:5em;
left:-5em;
z-index:20;
}


.il
{
display:inline-block;
line-height:1.05;
}

.lpop
{
display: none;
}