body#main {
    background: #1E73BE;
    color: white;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12pt;
    margin: 0;  
    overflow-x: hidden;
}

div#container {
    width: 100%; 
    font-family: Tahoma, Geneva, sans-serif;
    overflow-x: hidden;
    background: white;
    color: #168;    
}

#header, #footer {  
    color: white; 
    background: #1E73BE;
}

#footer {  color: #BBB; text-align:center;  line-height: 1.7; font-size: 9pt; padding: 8px; }

.mainmenu { background:#1E73BE; 
    padding-left: 12%; 
    background-repeat: repeat-x;
    background-image: linear-gradient(top, #2B8BD2 0%, #1D6396 100%);
}
.topmenu { z-index:99; background:#1E73BE; padding-left: 12%;  }
@media (max-width: 1100px) {
    .mainmenu { padding-left: 0; }
    .topmenu { padding-left: 0; }
}

.header2 { background: #1E73BE; color: white; padding: 8px 6px; font-size: 12pt; }
.spread { letter-spacing: 3px; font-size: 15pt; }



div.page
{
    margin-top: 8px;
} 

div.fullWidth
{
   width: 100%;
   float:left;
   margin-left: 0;
}


div.contentBlue { 
    color: white;
    background: #003399; 
}


/* use with id="Columnx", may not be necessary */
.columns { 
    width:100%;
    clear: both;
    display: block;
}

.altrow_page  { 
    background: white;  
    color: #38A;
} 


div.content, div.page, div.section, div.sectionWide, div.sectionNarrow, div.sectionVeryNarrow, 
        div.fullWidth { 
    color: #168;
    line-height:1.4;
    font-size:12pt; 
    font-family: Tahoma, Geneva, sans-serif;
} 
div.content { margin: 10px 8px; }
div.page { margin-top: 12px; }
div.section { margin: 10px 8% 0 8%; }
div.sectionWide { margin: 0 6%;  }
div.sectionVeryWide { margin: 0 3%;  }
div.sectionNarrow {  margin: 15px 15%; }
div.sectionVeryNarrow {  margin: 15px 30%; }
div.fullWidth { margin: 0; }
div.section20s { margin: 0 20%; line-height: 1.8; }
div.section25s { margin: 0 25%; line-height: 1.2; }

.white { background: white; }
.light { background: #F8F8F8; }
.light2 { background: #F0F0F0; }
.light3 { background: #E8E8E8; }
.light4 { background: #E0E0E0; }
.blue { background: #1E73BE; color: white; }
.blue2 { background: #1571ED; color: white; }

@media (max-width: 984px) {
    div.section, div.sectionWide, div.sectionNarrow,  div.sectionVeryNarrow {  margin: 5px 2%; }
}
.margin1 { margin-left: 1%; margin-right: 1%; margin-top: 5px; margin-bottom: 5px; }
.margin3 { margin: 5px 3%; }
.margin5 { margin: 5px 5%; }
.margin10 { margin: 5px 10%; }
.margin20 { margin: 5px 20%; }
.margin33 { margin: 5px 33%; }
.pad4 { padding: 4px 10px; }
.pad10 { padding: 10px; }
.pad20 { padding: 10px 20px; }
.pad40 { padding: 10px 40px; }

.center { text-align: center; }
.clear { clear: all; }

.two_col {  width:100%; } 
.two_col .left_column { float:left; width: 42%; padding-right: 7%;  }
.two_col .right_column { float:left; width: 42%;  }

.two_cola { width:100%; } 
.two_cola .left_col { float:left; width: 44%; padding-right: 1%;  }
.two_cola .right_col { float:left; width: 55%;  }

.two_colb {  width:100%; } 
.two_colb .left_column { float:left; width: 28%; padding-right: 7%;  }
.two_colb .right_column { float:left; width: 56%;  }

.two_columns { width:100%; } 
.two_columns .left_column {width:64%; float:left; padding-right:3%; padding-top: 5px; 
    padding-bottom: 5px;  }
.two_columns .right_column {width:33%; float:left; padding-top: 5px; padding-bottom: 5px;  }

.two_col_head { width:100%; clear:both;   opacity: 0; } 
.two_col_head .left_column { float:left; width:60%;  }
.two_col_head .right_column { float:right; width:40%;  }
/* Tablet */
@media only screen and (max-width: 1100px) {
.two_col_head .left_column { padding-left:1%; width:59%; }
.two_col_head .right_column { padding-right:1%; width:39%; }
.two_cola .left_col {  width: 95%; }
.two_cola .right_col {  width: 95%; }
.two_col .left_column {  width: 95%; }
.two_col .right_column {  width: 95%; }
}
@media only screen and (max-width: 600px) {
.two_columns .left_column {width:98%;  padding-left:1%; padding-right:1%; }
.two_columns .right_column {width:98%;  padding-left:1%; padding-right:1%; }
.two_col .left_column {  width: 94%; }
.two_col .right_column {  width: 94%; }
.two_colb .left_column {  width: 94%; }
.two_colb .right_column {  width: 94%; }

}

.htitle { position: absolute; top: 0; left: 0;  }
@media only screen and (max-width: 850px) {
    .htitle {  left: 1%; }  
}

.tnorm, .tnorm2 { position: relative; letter-spacing: 6px; left: 60px; top: 10px;  
    color: #FFFFFF; font-size:20pt; font-weight:bold; 
} 
.tnorm2 { top: 6px; font-size: 18pt; }
/* -webkit-text-stroke: 1px #F8F8F8; */
.tsmall, .tsmall2 { position: relative; left: 490px; top: 12px; color: #FFFFFF; 
    font-size: 13pt; letter-spacing: 1px;    }
.tsmall2 { top: 2px; letter-spacing: 1px; font-size: 13pt; }
.tback, .tback2 { min-height: 82px; overflow-x: hidden; } 
.tback2 { min-height:55px; }

@media (max-width: 900px) { 
    .margin10, .margin20, .margin33 { margin: 5px 1%; }   
    .pad10, .pad20, .pad40 { padding: 4px; }
    .tnorm, .tnorm2 { top: 2px; left: 10px; font-size: 16pt; letter-spacing: 2px; }
    .tsmall, .tsmall2 { top: 10px; left: 80px;  font-size: 12pt; letter-spacing: 1px; }
}

.headerText { color: #6EC1E4; }
.pgtitle { text-align: center; line-height: 1.5;  }
.title1 { font-weight: bold; color: darkblue; }

.clear { clear: both; width:100%; }

/* from boilerplate.css */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }



a:link {
   color: #6090FF;
   text-decoration: underline;
}
a:visited {
   color: #4070FF;
}
a:active {
   color: #58F;
}
a:hover {
   color: #14A03C;
   text-decoration: underline;
}
a.invLink {
   color: #A0A0FF;
   text-decoration: underline;
}
a.invLink:visited {
   color: #9090F0;
   text-decoration: underline;
}
a.invLink:active {
   color: #A0FFA0;
   text-decoration: underline;
}
a.invLink:hover {
   color: #FFA0A0;
   text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 { font-family:Tahoma, Geneva, sans-serif; font-weight: bold; 
    display: inline; color: #79E; }
h1 { font-size: 21px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 17px; font-style: italic; line-height:1.5; }
h5 { font-size: 16px; font-style: italic; }
h6 { font-size: 15px; }

pre {
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 12pt;
}

.ftext { font-family: Arial; font-size:12pt; line-height:1.3; }
a.ftext:link { color:white; background:#003399; }
a.ftext:visited { color:white; background:#003399; }
a.ftext:hover { color:#FBB; background:#003399; }
a.ftext:active { color:green; background:#003399; }

/* default to large window */
.viewML  { display: block; }
.viewS  { display: none; }
.viewL { display: block; }
.viewM  { display: none; }
.viewSM { display:  none;}
.viewLarge { display: block; }
.viewSmall { display: none; }

@media only screen and (max-width: 1000px) {
.viewLarge { display: none; }
.viewSmall { display: block; }
}
/* Tablet */
@media only screen and (max-width: 850px) {
.viewML   { display: block; }
.viewS  { display: none; }
.viewL { display: none; }
.viewM  { display:block; }
.viewSM { display:  block;}
}

/* Cellphone */
@media only screen and (max-width: 600px) {
.viewML  { display: none; }
.viewS { display: block; }
.viewL { display: none; }
.viewM { display:none; }
.viewSM { display:  block;}
}

.bottom { vertical-align:bottom; }

.blockLt { background: #FFFFFF; }


div.rollOver
{
    display: inline;
    position:relative;
}
div.rollOver img.imageMain
{
    position:absolute;
}
div.rollOver img.hover
{
    position:relative;
}
div.rollOver a .hover
{
   visibility: hidden;
}
div.rollOver a:hover .hover
{
   visibility: visible;
}
div.rollOver a:hover .imageMain
{
   visibility: hidden;
}
div.rollOver span.label
{
    position:relative;
}

table.tab2 { border-collapse: collapse;  display: block; overflow-x: auto;  }
table.tab2 td { color: #38A; background: white; font-size: 12pt; padding: 5px 12px; 
     vertical-align: top; border: 1px solid #CCC; }
table.tab2 th { color: white; background: #1E73BE; }

.listitem { font-size: 13pt; line-height: 1.8;  }
.item, .bitem { font-size: 12pt; }
.bitem { font-weight: bold; }
.sidebar { font-size: 10pt;  line-height: 1.7; }

span.ball8, span.ball9 { font-size: 16pt; font-weight: bold; border: 2px solid gray; padding: 0 7px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}
span.ball8 { background: black; color: white; }
span.ball8 a { background: black; color: white; }
span.ball8 a:hover { background: #888; color: red; !important }
span.ball9 { background: yellow; }
span.ball9 a { background: yellow; color: white; }
span.ball9 a:hover { background: #888; color: red; !important }

div.vspace { height: 10px; }
div.vspace5 { height: 5px; }
div.vspace20 { height: 20px; }

img.slide { width:100%; overflow-x: hidden; }


table.alt2 { border-collapse: collapse; }
table.alt2 td, table.tsurvey2 th { border: 1px solid gray; font-size: 12pt; padding: 2px 12px; }
table.alt2 tr:nth-child(even) { background: #FFFFFF; }
table.alt2 tr:nth-child(odd) { background: #F4F4F4; }
table.alt2 th { background: blue; color: white; font-weight: normal;  }


table.altrow {
	width: 100%;
}

table.altrow th, table.altrow td {
	font-size: 12pt;
	padding: 6px !important;
}

table.altrow th {
	background: #D8D8D8;
}

table.altrow td {
	border-top: 1px solid gray;
}

table.altrow tr:nth-child(even) {
	background: #F0F0F0;
}

table.altrow tr:nth-child(odd) {
	background: #F8F8F8;
}


table.alt {
	border-collapse: collapse;
    font-family: Verdana, Arial, sans-serif;
}

table.alt th, table.alt td {
	font-size: 12pt;
	padding: 8px 20px;
}

table.alt th {
	background: #E8E8E8;
}

table.alt td {
	/* border-top: 1px solid gray; */
}

table.alt tr:nth-child(even) {
	background: #F8FCFF;
}

table.alt tr:nth-child(odd) {
	background: #F2F6FF;
}

/*  Simple shaded menu, one level   */
div.smBlue { background: #1571ED;  
	box-shadow: 2px 2px 9px 1px #333333;
    min-height: 32px;

}

div.smBlue div {
	font-family: "Opens Sans", Helvetica,sans-serif;
    color: #FFFFFF;
	font-size:15px;
    display: inline-block;

    text-decoration:none;
}

div.smBlue div a:link, div.smBlue div a:visited, div.smBlue div a:active {
    color: #FFFFFF;
    padding: 6px 14px 7px 14px;    
    background: #1571ED;
    display: inline-block;

    text-decoration:none;
  

}

div.smBlue div a:hover {
    color: #FFFFFF;
    padding: 6x 14px 7px 14px;
    background: #44AAFF;
    color: white;
    display: inline-block;

    text-decoration:none;  

}

div.bar8 { background:#66BBEE; height: 8px; }


button.ro, button.ro2  { 
    color: #222; 
    font-size: 11pt;  
    padding: 3px 9px 4px 9px; 
    border: 1px solid  #BBB; 
    border-radius: 6px; 
    background:linear-gradient(#FCFCFC, #DDD);
    margin-bottom: 5px;
}

button.ro2 { font-size: 13pt; padding: 3px 15px 4px 15px;  }

button.ro:hover, button.ro2:hover 
{
    color:#777;
    background:linear-gradient(#DDD, #FCFCFC);
}