body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color:#000000;
}

html
{
font-size:100%
}

p
{
font-size:70%;
}

h1
{
font-size:90%;
}

h2
{
font-size:80%;
}

#outercontainer
{
width: 100%;
margin: auto;
background-color:#FFFFFF;
background:url(m.png) 0 0 repeat-x;
}

#header
{
width:100%;
background:url(h.png) 0 0 repeat-x;
}

#header h1
{
font-weight:bold;
color: #000000;
text-align:left;
}

#innercontainer
{
width:70%;
margin:auto;
}

#left
{
float:left;
width:20%;
padding-top:4em;
margin-right:2em;
background:transparent;
}

#right
{
float: right;
width: 20%;
margin-left:2em;
padding-top:4em;
background:transparent;
}

#middle
{
min-height:35em;
margin-right: 20%;
margin-bottom:2em;
margin-left:20%;
padding:5em;
text-align:center;
}

#middle h1
{
text-align:left;
font-weight:bold;
color:#000000;
}

#middle h2
{
text-align:center;
font-weight:bold;
color: #000000;
}

#midright
{
width:150px;
min-height:25px;
margin-left:1em;
margin-bottom:1em;
padding:0.1em 0.5em 0.1em 0.5em;
float:right;
font-size:80%;
border:0.1em dotted #4B0082;
}

#midleft
{
width:150px;
min-height:25px;
margin:1em;
float:left;
padding:0.1em 0.5em 0.1em 0.5em;
font-size:80%;
border:0.1em dotted #32CD32;
}


#leftblock
{
float:left;
width:80%;
min-height:3em;
border-left:0.2em double #32CD32;
margin: 0.5em 0.5em 0.5em 0;
padding:1em;
text-align:left;
}

#limeblock
{
float:left;
width:80%;
min-height:35em;
border-left:0.2em double #32CD32;
margin: 0.5em 0.5em 0.5em 0;
padding:1em;
text-align:left;
}

#indigoblock
{
float:left;
width:80%;
min-height:35em;
border-left:0.2em double #4B0082;
margin: 0.5em 0.5em 0.5em 0;
padding:1em;
text-align:left;
}

#rightblock
{
float:right;
width:80%;
min-height:3em;
border-left:0.2em double #4B0082;
margin: 0.5em 0 0.5em 0.5em;
padding:1em;
text-align:left;
}

#rightblock h2
{
text-align:left ! important;
}

#leftad
{
margin:auto;
text-align:center;
}

#rightad
{
margin-left:auto;
margin-right:auto;
margin-top:2em;
text-align:center;
}

#bad
{
margin:auto;
text-align:center;
}


#footer
{
width:70%;
margin:auto;
}

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

#ul
{
text-align:center;
}

#right ul
{
display:block;
list-style-type:none;
text-align:center;

}

#right a:link
{
margin-bottom:0.2em;
display:block;
width:12em;
height:1.5em;
line-height:1.5em;
text-decoration:none;
color:#32CD32;
font-size:60%;
text-align:center;
border-radius:12px;
-moz-border-radius:12px;
border:0.2em outset #FFFFFF;
}

#right a:visited
{
margin-bottom:0.2em;
display:block;
width:12em;
height:1.5em;
line-height:1.5em;
text-decoration:none;
color:#32CD32;
font-size:60%;
text-align:center;
border:0.2em outset #FFFFFF;
border-radius:12px;
-moz-border-radius:12px;
}

#right a:hover
{
margin-bottom:0.2em;
display:block;
width:12em;
height:1.5em;
line-height:1.5em;
color:#000000;
text-decoration:none;
font-size:60%;
text-align:center;
border:0.2em inset #FFFFFF;
border-radius:12px;
-moz-border-radius:12px;
}

#right a:active
{
margin-bottom:0.2em;
display:block;
width:12em;
height:1.5em;
line-height:1.5em;
text-decoration:none;
color:#32CD32;
font-size:60%;
text-align:center;
border:0.2em outset #FFFFFF;
border-radius:12px;
-moz-border-radius:12px;
}

img
{
border-style:none;
}

#backarrow
{
width:10em;
float:left;
}

#nextarrow
{
width:10em;
float:right;
}

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

#midin h1
{
text-align:center;
}
.thinkoid{
display:inline;
position: relative;
height:20em;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.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;
min-width:35em;
min-height:10em;
top: 175%;
left: -100%; /*position where enlarged image should offset horizontally */
top:1%;
z-index: 50;
}

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


.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: #FFFFFF;
}

a.tpop:hover, a.itr:hover
{
border:0.3em inset #FFFFFF;
color:#32CD32;
}

a.tpop
{
position: relative;
}


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

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

.intp
{
border-color: #FFFFFFF;
}

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

.itr
{
margin:auto;
display:block;
position: relative;
padding:0.3em 0.5em 0.1em 0.5em;
}

.itr:hover .bpop
{
display: block;
position: absolute;
width: 25em;
background-color: #FFFFFF;
color:#000000;
text-align:center;
padding: 0.5em;
left: -35em;
top: -0.5em;
z-index:20;
border-radius:12px;
-moz-border-radius:12px;








border:0.5em ridge #32CD32;
text-align:left ! important;
font-size:180% ! important;
}

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



.popup
{
display:none;
text-decoration:none ! important;
}

.hilite
{
display:inline-block;
position: relative;
background: #9A9A9A;
text-decoration:none ! important;
color: #000000;

}

a.hilite:hover
{
border-width:0;
}

.hilite:hover .popup
{
display: block;
position: absolute;
width: 25em;
background-color: #C0C0C0;
padding: 1em;
border-radius:7px;
-moz-border-radius:7px;
border-right:0.3em outset #51065D;
border-bottom:0.3em outset #51065D;
border-top: 0.3em outset #7D0484;
border-left: 0.3em outset #7D0484;
left: -5em;
top: -5em;
z-index:20;
}