/* 
    Document   : QDSInfo
    Created on : Jul 30, 2013, 11:53:08 AM
    Author     : BNeal
    Description:
        Purpose of the stylesheet follows.
*/
@import url(https://fonts.googleapis.com/css?family=Questrial);

root { 
    display: block;
}



html, body
{
    margin: 0px;
    padding: 0px;
    height: 100%;    
    font-family: "Century Gothic",Helvetica,"Questrial",sans-serif;
}

#wrapper
{
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -3.125em;   
  
}

#container
{
    width: 62.5em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.625em;
    
}

#header{
    position: relative;
    height: 13.75em;
}

#navigation
{
   width: 30em;
   height: 4.0625em;
   position: absolute;
   right: 0px;
   bottom: 0px;
   line-height: 2.75em;
   background-image: url(navbg.png.xhtml?ln=images); 
   background-repeat: repeat-x;
   text-align:  center;
   font-weight: bold;
}

#navigation a
{
    color: #01458E;
    margin-top: 0.6875em;
    text-decoration: none;
    display: inline-block;
    padding-left: 0.6250em;
    padding-right: 0.6250em;
}

#navigation a:hover
{
    color: #01458E;
    text-decoration: underline;
}

#navigation a.active{
    
    background-color: #f9ff8e;
}

#content.subPage
{
    padding-left: 3.125em;
    padding-right: 3.125em;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
}

#content.subPage p
{
    line-height: 1.5em;
	
}

#content.subPage a
{
	   color: blue;
	   font-weight:bold;
	   text-decoration: none;
}

#content.subPage a:hover
{
	   text-decoration: underline;
}

#homepageBoxWrapper
{
    margin-top: 1.875em;
    position: relative;
    text-align:  center;
    color: white;
    height: 18em;
    
}

#homepageBoxWrapper p
{
  padding-left: 1.9em;  
  padding-right: 1.9em;  
  padding-top: 1.3em;
  height: 9.5em;
  clear: both;
  line-height: 1.3em;
}

#homepageBoxWrapper p span.boxHeader
{
    font-size: 1.2em;
}

#homepageBox1
{
   position: absolute; 
   background-image: url(box1bg.png.xhtml?ln=images); 
   width: 19.375em;
   left: 0.065em;
}

#homepageBox2
{
   position: absolute; 
   background-image: url(box2bg.png.xhtml?ln=images); 
   width: 19.375em;
   left: 21.5625em;
}

#homepageBox3
{
   position: absolute; 
   background-image: url(box3bg.png.xhtml?ln=images); 
   width: 19.375em;
   right: 0.065em;
}

#informationWrapper
{
    clear: both;
    margin-top: 1.875em;
    position: relative;
    text-align:  left;
    height: 12.5em;
    font-size: 1em;
    line-height: 1.25em;
}

#informationWrapper h2
{
    font-size: 1.125em;
    font-weight: bold;
    color: #01458E;
    margin-bottom: 0.3125em;
}

#info1
{
   position: absolute; 
   width: 22em;
   left: 4.375em;  
}

#info2
{
   position: absolute; 
   width: 22em;
   right: 4.375em;  
}

#informationWrapper a
{
    color: #01458E;
    text-decoration: none;
}

#informationWrapper a:hover
{
    color: #01458E;
    text-decoration: underline;
}

h1.subPage{
    
    color: #014E9E;
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 1.25em;
    margin-bottom:  1.25em;
}

h2.subPage{
    
    color: #014E9E;
    font-weight: bold;
    font-size: 1.25em;
    margin-top: 1em;
    margin-bottom:  1em;
}

h3.subPage{
    
    color: #014E9E;
    font-weight: bold;
    font-size: 1.15em;
    margin-top: 1em;
    margin-bottom:  .5em;
}

ul { 
   list-style-type: disc; 
   list-style-position: outside; 
}

ul li{
    
    margin-bottom: 10px;
    margin-left: 25px;
    
}

ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}
ul ul, ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
ol ol, ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}

.bold
{
font-weight: bold;
}

#content.subPage
{
    line-height: 1.2em;
}

#content.subPage p
{
    margin-bottom: 15px;
    
}

.comment
{
    color: red;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom:  1em;
    
}

#push
{
    height: 3.125em;
}

a#securityInfo
{
margin-top: -2em; 
margin-bottom: 1.5em; 
display:block; 
font-size: 12px;
color: #01458E;
text-decoration: none;
}

a#securityInfo:hover
{
	text-decoration: underline;
}

.blueSecurityText
{
	color: #014E9E;
    font-weight: bold;	
}

hr.security
{
	 border: 0; 
	 height: 1px; 
	 margin-top: 2em;
	 margin-bottom: 2em;
	 background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	 background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	 background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	 background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}



#footerWrapper
{
    border-top: 1px solid #cccccc;
    font-size: 12px;
    height: 3.125em;
}

#footer
{
    margin-top: 0.625em;
    width:62.5em;
    text-align:  center;
    margin-left:auto;
    margin-right:auto;
    
}

#footer a
{
    color: #01458E;
    margin-top: 0.6875em;
    text-decoration: none;
    display: inline-block;
    padding-left: 0.6250em;
    padding-right: 0.6250em;
}

#footer a:hover
{
    color: #01458E;
    text-decoration: underline;
}

#footer a.active
{
    background-color: #f9ff8e;
}