body#main {
    background: white;
    color: black;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12pt;
    margin: 0;  
}

div#container {
    width: 100%; 
    font-family: Tahoma, Geneva, sans-serif;
    background: white;
    color: #38A; 
    margin: 0;   
    display: block;
}

#header {  
    color: white; 
    background: #202D5E;
    width: 100%;
}
#footer {  
    background: #1E73BE;
    margin: 0;
    padding: 20px 20px;
    color: #BBB; 
    text-align:center;  
    line-height: 1.7; 
    font-size: 9pt; 
    width: 100%;
}

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;
}

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


div.content, div.page, div.section, div.sectionWide, div.sectionNarrow, div.sectionVeryNarrow, div.fullWidth { 
    color: #38A;
    line-height:1.4;
    font-size:12pt; 
    font-family: Tahoma, Geneva, sans-serif;
} 
div.page { margin-top: 12px; }
div.section { margin: 0 8%; }
div.sectionWide { margin: 0 6%;  }
div.sectionNarrow {  margin: 15px 15%; }
div.sectionVeryNarrow {  margin: 15px 30%; }
div.fullWidth { margin: 0; }

div.slim {margin: 0 200px;  }

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

@media (max-width: 984px) {
    div.section, div.sectionWide, div.sectionNarrow,  div.sectionVeryNarrow {  margin: 5px 2%; }
}
.margin1 { margin: 5px 1%; }
.margin10 { margin: 5px 10%; }
.margin20, .mar20Gray { margin: 5px 20%; }
.mar20Gray { background: #F0F0F0; }
.margin33 { margin: 5px 33%; }
.pad4 { padding: 4px 10px; }
.pad10 { padding: 10px; }
.pad20 { padding: 10px 20px; }
.pad40 { padding: 10px 40px; }


/* Tablet */
@media only screen and (max-width: 720px) {
    .margin10, .margin20, .margin33, .mar20Gray { margin: 2px 1%; }
}    

.centerGray { background: #E8E8E8; text-align: center; }
.centerWhite { background: #FFFFFF; text-align: center; }
.centerGray2 { background: #F4F4F4; text-align: center; }

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

.col1 { float:left; width: 46%; padding-right: 1%; }
.col12 { float:left; width: 42%; padding-left: 1%; }

.col3 { float:left; width: 74%; padding-right: 5%; }
.col32 { float:left; width: 12%; }
.col33 { float:left; width: 7%; padding-left: 1%; }


/* Tablet */
@media only screen and (max-width: 660px) {
    .col1 {  width: 98%; padding-right: 1%; } 
    .col12 {  width: 98%; padding-left: 0; } 
}


.col1 { float:left; width: 46%; padding-right: 1%; }
.col12 { float:left; width: 42%; padding-left: 1%; }

/* Tablet */
@media only screen and (max-width: 660px) {
    .col1 {  width: 98%; padding-right: 1%; } 
    .col12 {  width: 98%; padding-left: 0; } 
}

.hback { background: black; width:100%; text-align: center; }
.himg {   }

.tcap {  font-size:30pt;  letter-spacing: 3px; }

.htitle { position: absolute; top: 0; left: 0; }
.tnorm, .title2 { color: #6EC1E4;  font-size:25pt;  letter-spacing: 8px; }
.tnorm { position: relative; left: 400px; top: 22px; }
.tsmall { position: relative; left: 700px; top: 40px; color: #6EC1E4; font-size: 17pt;  letter-spacing: 3px;  }
@media (max-width: 1100px) { 
    .tsmall { top: 40px; left: 500px;  }
}
@media (max-width: 950px) { 
    .pad10, .pad20, .pad40 { padding: 4px; }
}
@media (max-width: 1000px) { 
    .tnorm { top: 10px; left: 10px; font-size:24pt;  }
    .tsmall { display: none;  }
}
.headerText { color: #6EC1E4; }
.pgtitle { text-align: center; line-height: 1.5;  }
.title1 { font-weight: bold; color: green; }
.theMenu {   text-align: center; }

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

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

a {
   color: #6BD;
}
a:visited {
   color: #5AC;
}
a:active {
   color: #7CE;
}
a:hover {
   color: #DC143C;
   text-decoration: underline;
}
a.invLink {
   color: #DC143C;
   text-decoration: underline;
}
a.invLink:visited {
   color: #FFFFFF;
   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: #5BD; }
h1 { font-size: 21px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; font-style: italic; }
h4 { font-size: 17px; line-height:1.5; }
h5 { font-size: 17px; font-style: italic; color: #FFFFFF; }
h6 { font-size: 16px; }

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; white-space: nowrap; }
table.tab2 td {
	color: #38A;
	font-weight: bold; 
	font-size: 15pt;
	padding: 20px 20px;
	vertical-align: top;
}
table.tab2 tr { }
table.tab2 tr:nth-child(even) { background: #E0F0FF; }
table.tab2 tr:nth-child(odd) { background: #FFFFFF; }
table.tab2 th { color: white; background: #1E73BE; }
table.tab2 tr.dark { background: #1E73BE; }

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

button.menu { font-size: 12pt;  padding: 2px 9px; 
    display: block;
    display: inline;  
    background:-webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#CCC));
    background:linear-gradient(#FCFCFC, #BBB);color:#000; 
}  
button.menu:hover {
    display: block; 
    display: inline;
    background: gray;
    background:-webkit-gradient(linear, left top, left bottom, from(#CCC), to(#FCFCFC));
    background:linear-gradient(#BBB, #FCFCFC);color:#000;
} 
button.menu2 { 
    font-size: 12pt;  
    padding: 5px 9px; 
    display: block;
    display: inline;  
    background:#000;
    color: #EEE;
    border: none;
}  
button.menu2:hover {
    display: block; 
    display: inline;
    background: gray;
    color: #EEE;
}

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

.tleft { margin-left: 12%; }
@media (max-width: 1050px) { 
    .tleft { margin-left: 0; }
}

ul.groups { font-size: 13pt; }
ul.groups li {  }
ul.groups li.dl {  } 

img.flyer { }
@media (max-width: 900px) { 
    img.flyer { width: 100%; }
}

tr.dark { background: #E0E0E0; }