﻿body {background-color:#EFF5FB; margin: 50px 0; padding:0px; font-family: Verdana; font-size: 10pt; text-align:center;}
.headerleft {background-image:url('../Images/border_topleft.png'); width:23px; float:left; margin: 0 0 0 0; padding: 0 0 0 0; height:20px;}
.headermiddle{background-color:White; border-top: solid 3px black; float:left; width:846px;margin: 0 0 0 0; padding: 0 0 0 0; height:17px;}
.headerright{background-image:url('../Images/border_topright.png'); width:23px; float:left;margin: 0 0 0 0; padding: 0 0 0 0;height:20px;}
.headerbottom {background-color:white; border:solid 3px black; border-top:none; clear:both; width:846px;margin: 0 0 0 0; padding:0 20px 20px 20px;}
.footerleft {background-image:url('../Images/border_bottomleft.png'); width:23px; float:left; margin: 0 0 0 0; padding: 0 0 0 0; height:20px;}
.footermiddle{background-color:White; border-bottom: solid 3px black; float:left; width:846px;margin: 0 0 0 0; padding: 0 0 0 0; height:17px;}
.footerright{background-image:url('../Images/border_bottomright.png'); width:23px; float:left;margin: 0 0 0 0; padding: 0 0 0 0;height:20px;}
.mainsection {background-color:white; border:solid 3px black; border-top:none; clear:both; width:846px;margin: 0 0 0 0; padding: 20px 20px 20px 20px;}
.endsection {background-color:white; border:solid 3px black; border-top:none; border-bottom:none; clear:both; width:846px;margin: 0 0 0 0; padding: 20px 20px 0 20px;}
.intro {background-color: #F2F2F2; padding: 20px 20px 20px 20px; font-weight: bold; border:solid 3px black; width:846px; border-top:none;}
div#container{width: 900px;margin: 0px auto;text-align: left;}
p { margin-top: 0; margin-bottom: 0px; text-align: justify; line-height:20px; }
.datedheader_left { float: left; }
.datedheader_right { text-align: right; float: right; }
.clear { clear: both;}

/*******************************************************************************/
/*                              Portfolio Styles                               */
/*******************************************************************************/       
.portfolio .mainimage {margin-bottom:20px;}
.portfolio .image {float:left; width:520px; margin-bottom:20px; text-align:right}
.portfolio .image img {padding-bottom:20px;}
.portfolio .description {width:320px; float:left; padding:0;}
.portfolio p {font-size:12px; padding:20px 0 10px 0;}

/*******************************************************************************/
/*                              Header Styles                                  */
/*******************************************************************************/
h1 {font-size: 19pt; font-weight:900; margin-bottom: 10px; margin: 0 0 0 0; padding: 0 0 20px 0; color:#0622a6; }
h1 a {text-decoration:none; color:#0622a6; border:none;}
h2 {font-size: 16pt; font-weight:900; margin-bottom: 10px; margin: 0 0 0 0; padding: 0 0 20px 0; color:#0622a6; }
h3 {font-size: 11pt; text-decoration: none; margin: 0 0 0 0; padding: 0 0 10px 0; }
h4 {font-size: 10pt; margin: 0 0 0 0; margin-bottom: 5px; }
h4 a {border:none;}
h4 a:hover { border-bottom-style:solid; border-width:1px; }

/*******************************************************************************/
/*                              List Styles                                   */
/*******************************************************************************/
ul { margin-top: 15px; }
ul li { margin: 0 0 0 0; padding: 0 0 10px 30px; text-align: justify; margin-right: 20px; list-style-type:none; vertical-align:top; background-image:url('../Images/star.png'); background-position:top left; background-repeat:no-repeat; vertical-align :top; }
ul li li { background-image:url('../Images/star2.png'); }
.ticklist li{background-image:url('../Images/circletick.png'); background-position:top left; background-repeat:no-repeat;}

/*******************************************************************************/
/*                              Anchor Styles                                  */
/*******************************************************************************/
a { color: Black; text-decoration: none; border-bottom-style:solid; border-width:1px;   }
a:hover { text-decoration: none; }
a.glossary {border-bottom-style:dotted; border-width:1px; text-decoration:none;}
a.glossary:hover {text-decoration:none;}
a.tooltip span {display:none; }
a.tooltiplink:hover { font-size:100%; } /* IE6 fix */
a.tooltip {text-decoration:none; border-bottom-style:solid; border-width:1px;  }
a.tooltip:hover span {text-decoration:none; display:inline; height:200px; width:200px; position:absolute; padding:5px; margin-top:10px; color:black; font-weight:bold; background-color:#eee; border:1px solid #000; text-decoration:none; background-color:White;  background-repeat:no-repeat; background-position:center;}
a.tooltip:hover span.cms { background-image:url('../Images/tooltip_cms.png'); height:120px;}
a.tooltip:hover span.td { background-color:White; height:130px; background-image:url('../Images/tooltip_td.png'); }
a.tooltip:hover span.forum { background-color:White; height:156px; background-image:url('../Images/tooltip_forum.png');}
a.tooltip:hover span.beka { background-image:url('../Images/tooltip_beka.png'); background-color:White; height:44px; }
a.tooltip:hover span.pkd { background-image:url('../Images/tooltip_pkd.png'); background-color:White; height:44px; }
a.tooltip:hover span.rbs { background-image:url('../Images/tooltip_rbs.png');  background-color:White; height:133px;}           
a.tooltip:hover span.blackjack { background-image:url('../Images/tooltip_blackjack.png');  background-color:White; height:133px;}           

