* { margin: 0pt; padding: 0pt; font-family: verdana; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: 1.18; font-size-adjust: none; font-stretch: normal; -x-system-font: none; }
.main img{padding: 5px;}
body {text-align: center;}
#trifler, #gordi { margin: 2px auto; }
#gordi { width: 975px; float: right;}
.bg-header{background: url(images/bg_header.jpg) repeat-x; width: 100%; height: 345px;}

.header {  height: 345px; }
.footer { padding-top: 15px; height: 75px; padding:18px; color: #e2f6ff;}
.footer a {color: white;}
.center { overflow: hidden;}
.left, .right { float: left; margin-bottom: -32767px; padding-bottom: 32767px; text-align: left; }
.content { width: 520px; min-height: 500px; float: left; }
.left {width: 240px; text-align: left; background: url(images/bg_left.jpg) repeat-y top left; }
.in_left{background:white none repeat scroll 0 0;
margin-left: 60px;}
.right { background-color: rgb(255, 255, 255); width: 270px; }
.clear { clear: both; }
p {     margin: 3px 12px;
    padding: 5px 0;
    text-align: justify;
    text-indent: 30px;}
p.expand a { color: rgb(153, 102, 0); display: block; clear: both; text-decoration: underline; }
p.expand a:hover { color: green; height: 500px; }

.left{}
.footer{ background: #3698c7;  color: white;}
.footer a{color: white;}
.text_left{padding: 10px 25px 10px 25px;}
.navigation{background: url("images/navigation_back.jpg") repeat-x; height: 54px; margin-right: 10px;}
.box_header{font-size: 20px;color: #340c2e;}
.box_text{color: #8f8f8f; font-size: 14px; padding: 12px;}