/*style sheet for grahamclinton.com */

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

img
{
border-style:none;
}

#outercontainer
{
width:80%;
margin: auto;
background-color: transparent;
border: 0em solid #000000;
}

#innercontainer
{
margin: auto;
background-color: transparent;
border: 0em solid #FFFFFF;
}

#header
{
padding: .5em;
background-color: transparent;
border: 0em solid #FFFFFF;
margin-bottom:0.5em;
text-align: left;
}

#left
{
background-color:transparent;
float:left;
width:15%;
margin: 5em 1em 0 0;
}

#right
{
background-color:transparent;
float:right;
width:15%;
margin-top:10em;
margin-bottom:1em;
padding:1em;
font-size:70%;
text-align:left;
}

#map
{
margin:auto;
border:none;
}

#map a:link
{
border:none;
background-color:transparent;
}

#map a:visited
{
border:none;
background-color:transparent;
}

#map a:hover
{
border:none;
background-color:transparent;
}

#map a:active
{
border:none;
background-color:transparent;
}

#middle
{
min-height:50em;
background-color:transparent;
margin-top:5em;
margin-left:20%;
margin-right:20%;
border-right:0.5em ridge #FFFFFF;
padding:3em 3em 0 0;
font-size: 0.8em;
}

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

#midnew
{
width:250px;
margin-left:2em;
margin-bottom:1em;
float:right;
border:2px dotted #F5F20B;
padding-left:1em;
padding-right:1em;
}

#midimgleft
{
float:left;
margin:1em;
}


#footer
{
height: 3em;
clear: both;
margin: 0;
padding: .5em;
background-color: transparent;
border: 0em solid #FFFFFF;
text-align: center;
font-size: 0.7em;
}

#footer a:link
{
color:#f0fff0;
text-decoration: underline;
border:0.1em solid #708090;
}

#footer a:visited
{
color:#f0fff0;
text-decoration:underline;
border:0.1em solid #708090;
}

#footer a:hover
{
color:#FFFFFF;
text-decoration:none;
border:0.1em solid #f0fff0;
background-color:#4C545C;
}

#footer a:active
{
color:#f0fff0;
text-decoration:none;
border:0.1em solid #708090;
}

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









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

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

.thinkoid{
display:inline;
position: relative;
height:400px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.tickler img
{
float:left;
margin:1em 1em 1em 0;
background-color:transparent;
text-decoration:none;
border-style:none;
}

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

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

.tickler span
{
position:absolute;
background-color:#708090;
padding:0.1em;
left: -1000px;
border:0.5em ridge #708090;
visibility:hidden;
color:#000000;
text-decoration:none;
text-align:left;
font-size:80%;
}

.tickler span img
{
border-style:none;
padding:0;
}

.tickler:hover span
{
visibility:visible;
min-width:1em;
min-height:1em;
top:50%;
left:5%;
z-index:50;
}


#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:#000000;
border: 0.3em outset #708090;
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:#000000;
border: 0.3em outset #708090;
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 #708090;
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:#000000;
border: 0.3em outset #708090;
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: #708090;
text-decoration: none;
color: #000000;
font-size:70%;
padding-left:0.5em;
padding-right:0.5em;
}

.itr:hover .bpop
{
display: block;
position: absolute;
width: 25em;
background-color: #8D99A6;
color:#000000;
text-align:left;
padding: 0.5em;
border: 0.4em ridge #8D99A6;
left: 15em;
top: -0.5em;
z-index:20;
}

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