@media screen {
body 
{
background-color: #FFFFFF;
/* or #F2F2F2 or #FFFFFF */
font-family: arial,sans-serif;
font-weight: normal;
font-size: 16px;
color:#666666;
}

b
{
display: none;
}

h2
{
font-size: 18px;
}

textarea
{
font-family: arial,sans-serif;
}

a
{
color:#666666;
}
a:visited
{
outline:none;
}
a.answerlink
{
font-size:16px;
color:#FF0000;
}


#where_am_i_text
{
font-size:26px;
font-weight:bold;
margin-top:8px;
margin-left:3px;
color:#000000;
}
#where_am_i_now_text
{
font-size:1px;
visibility:hidden;
}

.invisible
{
font-size:0%;
visibility:hidden;
}

/* top menu */

td.topmenu
{
background-color:#999999;
padding-bottom:4px;
padding-top:4px;
font-size: 16px;
}

a.topmenu
{
color:#FFFFFF;
text-decoration:none;
padding-bottom:7px;
padding-top:7px;
}

a.topmenu:hover         
{
color: #CCCCCC; 
background-color:#000000;
}

/* left menu */

td.leftmenu
{
background-color:#999999;
padding-bottom:2px;
padding-top:2px;
font-size: 16px;
text-align:right;
}

/* this doesn't work in IE so I took it out
td.leftmenu:hover
{
background-image:url(/whenwetravel/images/globalnav/menuhoverbackground.jpg);
}
*/

a.leftmenu
{
color:#FFFFFF;
text-decoration:none;
padding-bottom:1px;
padding-top:1px;
}

a.leftmenu:hover         
{
color: #000000; 
/* was #CCCCCC */
}

/* right menu */

td.rightmenu
{
background-color:#999999;
padding-bottom:2px;
padding-top:2px;
font-size: 16px;
text-align:left;
}

/* this doesn't work in IE so I took it out
td.rightmenu:hover
{
background-image:url(/whenwetravel/images/globalnav/menuhoverbackground.jpg);
}
*/

a.rightmenu
{
color:#FFFFFF;
text-decoration:none;
padding-bottom:1px;
padding-top:1px;

}

a.rightmenu:hover         
{
color: #000000; 
/* was #CCCCCC */
}

/* submit button that looks like a right or left nav link */
input.submitLinkNav 
{
   color: #FFFFFF;
   background-color: transparent;
   font-size: 16px;
   border: none;
   cursor: pointer;
   cursor: hand;
}
  
input.submitLinkNav:hover         
{
color: #000000; 
}

/* submit button that looks like a right or left nav link */
input.submitLink 
{
color:#666666;
background-color: transparent;
font-size: 16px;
cursor: pointer;
cursor: hand;
border-style:groove;
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: #000000;
}
  

input.submitLink:hover         
{
color:#000000;
}

table.puzzlegrid
{
border-color:#000000;
border-style:solid;
border-width:medium;
}

/* default table*/

td.defaulttable
{
padding-left:1%;
padding-right:1%;
padding-bottom:1%;
padding-top:1%;
}

th.defaulttable
{
font-weight:bold;
text-align:left;
padding-left:1%;
padding-right:1%;
padding-bottom:1%;
padding-top:1%;
}

/* tag lib stuff */
.databuttoncolumn
{
font-size: 16px;
font-weight:normal;
}


.datalistcolumn
{
text-align:center;
padding-left:.75%;
padding-right:.5em;
font-size: 16px;
}

select.datalistcolumn
{
padding-right:0em;
}

th.datalistcolumn
{
font-size: 16px;
text-align:left;
}

td.datalistcolumn
{
font-size: 16px;
}

textarea.datalistcolumn
{
font-size: 16px;
}

.datalistcontrolcolumn
{
color:#000000;
padding-left:1%;
padding-right:1%;
padding-bottom:1%;
padding-top:1%;
font-size: 16px;
}

.datalistcontrolcolumn0
{
color:#000000;
font-size: 16px;
}

.datalistcontrolcolumn1
{
margin-left: 0.5em;
}

.datalistcontrolcolumn2
{
margin-left: 1.0em;
}

.datalistcontrolcolumn3
{
margin-left: 1.5em;
}

.datalistcontrolcolumn4
{
margin-left: 2.0em;
}

/* footer */

td.footer
{
background-color:#999999;
padding-bottom:4px;
padding-top:4px;
}

a.footer
{
color:#666666;
text-decoration:none;
padding-bottom:7px;
padding-top:7px;
}

/* boxed content */

div.outsideborder
{
border-color:#000000;
border-style:solid;
border-width:thin;
padding-left:.2em;
padding-right:.25em;
padding-bottom:.2em;
padding-top:.2em;
width:98%;
float:left;
}

div.outsidebordernoprint
{
border-color:#000000;
border-style:solid;
border-width:thin;
padding-left:.2em;
padding-right:.25em;
padding-bottom:.2em;
padding-top:.2em;
width:98%;
float:left;
}

div.contentborder
{
border-color:#000000;
border-style:solid;
border-width:thin;
padding-left:.25em;
padding-right:.25em;
padding-bottom:.25em;
padding-top:.25em;
margin-bottom:.25em;
float:left;
width:97%;
font-size: 16px;
}

}

@media print{

body 
{
font-family: arial,sans-serif;
font-weight: normal;
font-size: 14px;
color:#000000;
}

a.answerlink
{
display: none;
}

b
{
display: none;
}

.noprint 
{
display: none;
}

.topmenu
{
display: none;
}

/* left menu */
.leftmenu
{
display: none;
}

/* right menu */
.rightmenu
{
display: none;
}

/* submit button that looks like a right or left nav link */ 
.submitLinkNav        
{
display: none;
}

/* submit button that looks like a right or left nav link */
.submitLink 
{
display: none;
}

/* footer */

.footer
{
display: none;
}

.outsidebordernoprint
{
display: none;
}

.contentborder
{
display:inline;
border-color:#000000;
border-style:solid;
border-width:thin;
padding-left:.25em;
padding-right:.25em;
padding-bottom:.25em;
padding-top:.25em;
margin-bottom:.25em;
float:left;
width:97%;
}

table.puzzlegrid
{
border-color:#000000;
border-style:solid;
border-width:medium;
}

.datalistcolumn
{
text-align:center;
padding-left:.75%;
padding-right:.5em;
font-size: 12px;
}

}









