/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

/* --------------body - universal------------- */

body {
background-color: #ffffff;
background-image: none;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333333;
padding:0px;
margin:0px;
}

a {color:#0033ff;}
a {text-decoration:none;}
a:hover {background-color:#CCFFCC;}

/* --------------typography P ------------- */

p, dd {
  margin: 0.35em 0em 1em 0em;
  padding: 0;
  line-height: 1.5em;
}
ul {
  margin-top: 0.35em;
  margin-left: 1em;
  padding-left: 0;
}
li {
  line-height: 1.5em;
  margin:0em 0em .3em 1em;
}
dl {
  margin-top: 0.35em;
}
dt {
  text-indent: -0.5em;
  color: #339;
  margin-top: 1em;
}
dd {
  margin-top: 0.35em;
  margin-left: 0;
  padding-left: 0;
  line-height: 1.5em;
}

/* --------------typography H ------------- */

h1, h2, h3, h4, h5, h6 {
  text-indent: none;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color: #333333;
}

h5 {
font-size: 12px;
color:006600;
background-color:#cceecc;
border:1px solid #cceecc;
padding:10px 15px;
margin:none; }

h6 {
font-size: 1em;
text-transform:uppercase;
text-align:center;
border:1px solid #cccccc;
padding: 5px;
margin:10px; }

img.download {vertical-align:middle;}

img
{
 border-style: none;
}

/* ----------top-------------- */
#top {
width: 800px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}


#top img {padding:0px 0px;} 
#top img a: {color:none;}

/* -------container to center the layout----- */
#container {
width: 800px;
margin-top: 0px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}

#container img a: {color:none;}

/* ----------banner for logo-------------- */
#banner {
background-color: #cceecc;
text-align: left;
padding: 0px;
margin: 0px;
}

#banner img {padding:0px 0px;} 
#banner a:hover {background-color:#cceecc;}

#banner p {
padding: 0px;
margin: 0px;
font-size: 12px;
}

/* --------------wrap to make vertical lines------ */
#wrap {
clear:both;
border-left: 1px solid #669966;
border-right: 1px solid #669966;
}

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding: 10px;
margin-left: 0px;
margin-right: 250px;
}

/* --------------right navi------------- */
#right {
background-color:#FFFFFF;
border: 1px solid #cccccc;
float: right;
width: 400px;
padding: 0px;
margin: 10px;
}

#right p {
margin-left: 1em;
margin-right: 1em;
}

#right img {padding:0px 0px;} 
#right img a: {
color:none;
hover:none;
border:none;
padding:none;
}


/* --------------rightn navi------------- */
#rightn {
background-color:#FFFFFF;
border: 1px solid #cccccc;
float: right;
width: 250px;
padding: 0px;
margin: 10px;
}

#rightn p {
margin-left: 1em;
margin-right: 1em;
}

#rightn img {padding:0px 0px;} 
#rightn img a: {
color:none;
hover:none;
border:none;
padding:none;
}
/* --------------sitenav (links)------------- */
#sitenav {
clear:both;
border-top: 1px solid #cccccc;
height: auto;
padding: 10px;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
border: 1px solid #669966;
text-align: right; }

/* 	We include the Netscape 4 proprietary layer-background-color property
*/


/* --------------additional styles------------- */

p.title{
clear:left;
font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;
font-size:2em;
font-weight:normal;
color:#009900;
margin:0.35em 0em 0em 0em;
padding:0px;
}

p.title2{
clear:left;
font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;
font-size:1.6em;
text-transform:none;
color:#333333;
margin:0.35em 0em 0em 0em;
padding:0px;
}

p.title3{
font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;
font-size:1.3em;
font-weight:bold;
margin:0.35em 0em 0em 0em;
padding:0px;
color:#008000;}

p.title4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#999999;
margin-top: 0.35em;
margin-left: 0;
padding-left: 0;
}
.image{
	margin:0px 10px 10px 5px;
	padding:0px 10px 10px 5px;
      }

 blockquote.qcontents {/* floats in content div */
  clear:left;
  float: left;
  width: 160px; /* "em size" is element dependent */
  padding: 10px;
  margin: 5px 10px;
  color: #333333;
  background: #cceecc;
  border: 1px solid #cceecc;}
  
  blockquote.qmenu {/* floats in content div */
  clear:left;
  float:left;
  width: 200px; /* "em size" is element dependent */
  margin: 10px 20px 10px 0px;
  padding: 20px;
  color: #333333;
  background-color:#CCCCFF;
  }

blockquote.qtipr {/* floats in content div */
  clear:right;
  float: right;
  width: 200px; /* "em size" is element dependent */
  padding: 5px;
  margin: 0.5em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:1.3em;
  color: #339933;
  }

blockquote.qtipl {/* floats in content div */
  clear:left;
  float: left;
  width: 200px; /* "em size" is element dependent */
  padding: 5px;
  margin: 0.5em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:1.3em;
  color: #339933;
  }