﻿/* Basic Section */


body
{
    background-position: #AAA url('images/back.gif') repeat-x;
    background: #AAA url('images/back.gif') repeat-x;
    padding-top: 0px;
    padding-bottom: 5px;
    font: 12px Arial;
    color: #707070;
    line-height: 180%;
}

h1 {
  margin-bottom: 10px;
  font: 32px Arial;
  color: #383838;
}

h1 strong {
  color: #C00;
  font-weight: normal;
}

h2{
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 5px;
  font: 18px Arial;
  color: #C00;
}

h3
{
    margin-bottom: 5px;
    font: 26px Arial;
    color: #3366FF;
    font-weight: bolder;
}

h4
{
    margin-bottom: 4px;
    font: 20px Arial;
    color: #383838;
    font-weight: bolder;
}

p {

  padding-top: 0px;
  padding-bottom: 5px;
  font: 12px Arial;
  color: #707070;
  line-height: 180%;
  
}




form {  font: 12px Arial;
  color: #808080;}


a
{
    color: #3366FF;
    font-size:14px;
}

a:hover {
  background: #EEE;
}

img#logo {
  float: right;
}

/* Header Section*/

#container 
{
    margin: 0px auto;
	text-align: left;
	width: 800px;}

#logoBack {
  background: url('images/logo.gif') no-repeat;
  width: 800px;
  height: 170px;
}

#logoText {
  padding-top: 60px;
  padding-left: 80px;
  font: 50px Arial;
  color: #FFF;
}



#Menu
{
    background: url('images/contentback.gif') repeat-y;
    text-align: center;
    width: 800px;
    height: 50px;
}

#Menu a {
  background: #064789;
  text-align: center;
  padding: 7px;
  padding-left: 15px;
  padding-right: 15px;
  border: 0px;
  margin-left: 15px;
  margin-right: 15px;
  font: bold 14px Arial;
  color: #FFF;
  text-decoration: none; 
  text-transform: uppercase;
}

#Menu a:hover
{
    color: #FF3300;
    position: relative;
    top: 5px;
    border-top: solid #ffffff 5px;
}


/* Content Section*/


#contentLayout
{
    background: url('images/contentback.gif') repeat-y;
    width: 800px;
    padding-bottom: 20px;
}

table#layout {
  border: 0px;
  border-collapse: collapse;
  padding: 0px;
  margin: 0px;
}

table#layout td {
  border: 0px;
  padding: 0px;
  vertical-align: top;
}


.contentMenutop
{
    background-position: #DDD url('images/con_menu_up.gif') no-repeat;
    background: #DDD url('images/con_menu_up.gif') no-repeat;
    height: 20px;
    width: 214px;
    margin-left: 6px;
    margin-top: 50px;
}

.contentText
{
    background-color: #EAEAEA;
    margin-left: 6px;
    padding-top: 10px;
    padding-bottom: 20px;
    width: 209px;
    font: 12px Arial;
    color: #777;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-right-style: solid;
    border-right-width: 5px;
    border-top-style: solid;
    border-top-width: 5px;
    border-top-color: #808080;
    border-right-color: #808080;
    border-bottom-color: #808080;
    border-left-color: #808080;
}

.contentText p{
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 5px;
  font: 12px Arial;
  color: #707070;
  line-height: 180%;
  }

#qldlogo
{
    width: 205px;
    height: 50px;
    background-repeat: no-repeat;
    margin-left: 8px;
    margin-top: 10px;
}

#content { 
  margin-left: 50px;
  padding-bottom: 30px;
  width: 480px;
}

#content ul
{  margin-top: 10px;
  margin-bottom: 10px;
  font: 12px Arial;
  color: #808080;
  line-height: 200%;
}
    

/* Footer Section */

#footer
{
    border-width: 3px;
    border-color: #064789;
    background: url('images/end_back.gif') no-repeat;
    margin-bottom: 30px;
    width: 800px;
    height: 57px;
    border-top-style: solid;
}

#footer a
{
    color: #CCFFFF;
    font: 12px Arial;
}

#footer a:hover
{
  background: none;
}

.footerText
{
    padding: 15px;
    font: 12px Arial;
    color: #FFFFFF;
    text-align: center;
}

