body
{
text-align: center;
margin: 25px auto 0 auto;
color: #595757;
background: #fff;
font-family: arial, verdana;
font-size: 62.5%;
}
html
{
min-height: 100%;
margin-bottom: 1px;
}
img
{
border: 0px none;
display: block;
}
form
{
padding: 0;
margin: 0;
float: left;
}
img.floatright
{
float: right;
padding: 0 0 10px 10px;
}
img.floatleft
{
float: left;
padding: 0 10px 10px 0;
}

p.clear
{
width: 100%;
float: left;
}
p.clear img
{
padding: 0 5px 0 0;
}
a:link, a:visited
{
color: #27aec6;
text-decoration: underline;
outline: none;
}
a:hover, a:active
{
color: #595757;
text-decoration: underline;
outline: none;
}
h1, h2, h3
{
color: #595757;
margin: 0 0 1em 0;
padding: 5px 0 0 0;
font-size: 1.7em;
line-height: 1.1em;
}
h1
{
color: #27aec6;
}
h2
{
margin: 0 0 .6em 0;
font-size: 1.4em;
}
h2.dynamic
{
margin-top: 10px;
width: 100%;
padding: 0 0 5px 0;
float: left;
color: #4f5740;
border-bottom: 1px dotted #fff;
cursor: pointer;
}
h2.dynamic:hover
{
color: #fff;
}

div.dynamic
{
float: left;
width: 100%;
}
h2.dynamic span
{
font-weight: normal;
float: right;
width: auto;
color: #fff;
font-size: .9em;
font-style: italic;
}
h3
{
margin: 0 0 .6em 0;
font-size: 1.3em;
}
h3.bigger
{
font-size: 1.5em;
}
h3.paddingtop
{
padding-top: 20px;
}
h3.gap
{
margin: 0 0 15px 0;
}
h3.box
{
margin: 5px 0 10px 0;
padding: 5px;
background: #ded9bb;
color: #f95800;
float: left;
width: 522px;
}
h4
{
width: 100%;
clear: both;
color: #fff;
margin: 0 0 2px 0;
padding: 5px 0 0 0;
font-size: 1.2em;
line-height: 1.4em;
}

hr
{
clear: left;
width: 100%;
height: 1px;
color: #fff;
border: 0px none;
border-bottom: 1px dotted #fff;
padding: 10px 0 0 0;
margin: 0 0 10px 0;
line-height: 1em;
}

p
{
margin: 0 0 9px 0;
padding: 0;
font-size: 1.2em;
line-height: 1.5em;
}
p.top
{
text-align: right;
font-size: 1.1em;
}
p.date
{
margin: 0 0 15px 0;
}
p.status
{
font-weight: bold;
color: #ff0000;
}
ul, ol
{
margin: 0 0 10px 15px;
padding: 0 0 0 15px;
}
ul li, ol li
{
font-size: 1.2em;
line-height: 1.5em;
}
ul li ul
{
margin: 0 0 0 15px;
}
li li
{
font-size: 1em;
}

ul.skip {display: none;}

h1.logohome, p.logo
{
margin: 0;
padding: 0;
float: right;
display: block;
text-indent: -8000px;
text-decoration: none;
font-size: .05em;
line-height: .05em;
text-align: left;
}
h1.logohome a, h1.logohome a:hover
{
float: left;
text-decoration: none;
}
p.logo a, p.logo a:hover
{
float: right;
text-decoration: none;
}

h1.logohome
{
z-index: 20;
position: relative;
margin: 33px 0 0 0;
padding: 0 29px 0 0;
}
h1.logohome, h1.logohome a
{
width: 305px;
height: 69px;
}
h1.logoblue, h1.logoblue a
{
background: url(/images/logoblue.png) no-repeat;
}
h1.logored, h1.logored a
{
background: url(/images/logored.png) no-repeat;
}
h1.logoyellow, h1.logoyellow a
{
background: url(/images/logoyellow.png) no-repeat;
}
h1.logolightblue, h1.logolightblue a
{
background: url(/images/logolightblue.png) no-repeat;
}

p.logo, p.logo a
{
float: right;
background: url(/images/logo.gif) no-repeat top right;
width: 233px;
height: 52px;
}
p.logo
{
width: 100%;
margin: 0 0 50px 0;
}

#qtmag
{
width: 800px;
text-align: left;
margin: auto;
}
#qtmaginner
{
position: relative;
z-index: 10;
width: 800px;
margin: 43px 0 0 0;
padding: 0;
float: left;
background: #28aec6 url(/images/qtmaginner.png) repeat-x;
}
#home
{
width: 618px;
float: right;
border-left: 10px solid #fff;
min-height: 644px;
height: auto;
position: relative;
}
#home img
{
z-index: 10;
left: 0;
top: 0;
position: absolute;
}

#home div.notice
{
margin: 398px 0 0 0;
float: right;
line-height: 1.1em;
padding: 11px 15px 11px 15px;
color: #222;
width: 588px;
z-index: 20;
position: relative;
background: url(/images/notice.png);
}
#home div.notice h2
{
color: #0195af;
font-size: 1.4em;
}
#home div.notice a:link, #home div.notice a:visited
{
color: #0195af;
}
#home div.notice a:hover, #home div.notice a:active
{
color: #707070;
}

#normal
{
float: right;
border-left: 10px solid #fff;
background: #e8e6e6;
width: 536px;
float: right;
min-height: 565px;
padding: 34px 41px 45px 41px;
height: auto;
}

#normal #full
{
float: left;
width: 536px;
}

#normal #left
{
width: 240px;
float: left;
}
#normal #right
{
width: 240px;
float: right;
}
#normal ul.advertisers
{
width: 258px;
float: left;
padding: 0 10px 10px 0;
margin: 0;
list-style-type: none;
}
#normal ul.advertisers li
{
width: 258px;
float: left;
padding: 0 0 10px 0;
margin: 0;
}

#normal table
{
width: 536px;
float: left;
padding: 10px 0 0 0;
}
#normal table th, #normal table td
{
font-size: 1.2em;
text-align: left;
padding: 3px;
}
#normal table td
{
text-align: right;
}
#normal table tr.alt th, #normal table tr.alt td
{
background: #bcbaba;
}

#normal #contactleft
{
width: 200px;
float: left;
}
#normal #contactform
{
float: right;
width: 288px;
}
#normal #contactform p
{
font-size: 1.1em;
}
#normal #contactform textarea, #normal #contactform input
{
background: #f8f5ef !important;
color: #454545;
border: 0 none;
padding: 3px;
font-size: 1em;
font-family: arial, verdana;
}
#normal #contactform textarea
{
float: left;
width: 282px;
height: 82px;
}
#normal #contactform input
{
width: 132px;
float: left;
}
#normal #contactform p
{
width: 288px;
float: left;
}
#normal #contactform input#email
{
float: right;
}
#normal #contactform input#submit
{
width: auto;
float: none;
margin-left: 10px;
background: #27aec6 !important;
color: #fff;
padding: 5px;
}
#normal #contactform p.submit
{
text-align: right;
}

ul#footer
{
width: 800px;
padding: 8px 0 10px 0;
float: left;
margin: 0 0 0 0;
list-style-type: none;
}
ul#footer li
{
margin: 0;
padding: 0 10px 0 10px;
list-style-type: none;
float: right;
font-size: 1.1em;
line-height: 1.1em;
color: #595757;
border-right: 1px solid #595757;
}
ul#footer li.swordfox
{
padding-right: 0;
border-right: 0 none;
}
ul#footer li a:link, ul#footer li a:visited
{
color: #595757;
text-decoration: underline;
}
ul#footer li a:hover, ul#footer li a:active
{
color: #27aec6;
text-decoration: underline;
}


abbr, acronym, span.abbr
{
cursor: help;
border-bottom: 1px dotted #cfcfcf;
}