/* travels color codes */
/*gray	#657989
green	#A1B28F
pink	#B7567F
lilac	#722E74
*/
/* generic color codes */
/* red vlt	#FFEAEA
red lt	#FFCCCC
red med	#CC9999
red dk		#996666
red vdk	#663333
red vvdk	#330000
gray vlt	#E6E6E6
gray lt	#CCCCCC
gray med	#999999
gray dk	#666666
*/
/* body styles */
a	{
color: #657989;
line-height: 150%;
}
a:active	{
color: #657989;
line-height: 150%;
}
a:link	{
color: #657989;
line-height: 150%;
}
a:hover	{
color: #B7567F;
text-decoration: none;
}
a:visited	{
color: #657989;
line-height: 150%;
}
body {
height: 100%;
margin: 0;
}
.bodyblack	{
background-color: #000000;
}
.bold	{
font-family: arial black;
font-size: 110%;
}
.center	{
text-align: center;
}
#copyrighttrib	{
color: #999999;
font-family: Tahoma, Arial, sans-serif;
font-size: 9px;
line-height: 11px;
}
#copyrighttrib a:link	{
color: #999999;
}
#copyrighttrib a:visited	{
color: #999999;
}
#copyrighttrib a:hover	{
color: #CC9999;
text-decoration: none;
}
#copyrighttrib a:active	{
color: #999999;
}
/* id h2 used for PaulAncheta.com logo */
#h2	{
color: #99CCFF;
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: 700;
margin: 5pt 10pt;
}
#h2 a {
color: #99CCFF;
text-decoration: none;
}
#h2 a:hover {
color: #CC9999;
text-decoration: underline;
}
/* h3 used for pink headings at left of body : use h5 for smaller pink heading */
.h3	{
color: #B7567F;
font-family: Arial Black, sans-serif;
font-size: 15px;
letter-spacing: 4pt;
line-height: 95%;
margin-right: 5pt;
text-transform: lowercase;
}
.h3 a {
color: #B7567F;
text-decoration: none;
}
.h3 a:active {
color: #B7567F;
text-decoration: none;
}
.h3 a:link {
color: #B7567F;
text-decoration: none;
}
.h3 a: hover	{
color: #CC9999;
text-decoration: underline;
}
.h3 a:visited {
color: #B7567F;
text-decoration: none;
}
/* h3sub used for subheadings after h3 */
.h3sub	{
color: #722E74;
font-family: Arial Black, sans-serif;
font-size: 12px;
letter-spacing: 1pt;
line-height: 95%;
margin-left: 135pt;
text-transform: uppercase;
}
.h3sub a:hover	{
color: #CC9999;
text-decoration: none;
}
.h3trib	{
color: #6699CC;
font-family: Arial Black, sans-serif;
font-size: 11px;
letter-spacing: 3pt;
margin: 0;
text-transform: lowercase;
}
/* h4 used for navigation bar at bottom */
.h4	{
font-family: Arial Black, sans-serif;
font-size: 10px;
color: #cccccc;
margin: 5pt 10pt;
text-transform: uppercase;
}
.h4 a:link	{
color: #cccccc;
}
.h4 a:visited	{
color: #cccccc;
}
.h4 a:hover	{
color: #FFCCCC;
text-decoration: none;
}
.h4 a:active	{
color: #cccccc;
}
.h4blue	{
color: #99CCFF;
font-weight: 600;
}
.h4blue a:link	{
color: #99CCFF;
}
.h4blue a:visited	{
color: #99CCFF;
}
.h4blue a:hover	{
color: #ffcccc;
text-decoration: none;
}
.h4blue a:active	{
color: #99CCFF;
}
.h5	{
font-family: Arial Black, sans-serif;
font-size: 10px;
line-height: 175%;
text-transform: uppercase;
}
.h5 a:hover	{
color: #CC9999;
text-decoration: none;
}
hr	{
color: #A1B28F;
height: 1 px;
width: 100%;
}
img {
border: 0;
}

input, textarea {
background-color: #FFFFFF;
border: 1px solid #A1B28F;
color: #657989;
font-family: "arial black", sans-serif ;
font-size: 10px;
}

input.button {
background-color: #FFFFFF;
border: 1px solid #A1B28F;
color: #657989;
cursor: auto;
font-family: "arial black", sans-serif ;
font-size: 10px;
height: 18px;
padding: 1px;
text-align: center;
text-transform: uppercase;
}

input.radio {
border: 0;
}

.italic	{
font-style: italic;
}
.label	{
color: #A1B28F;
font-family: "arial black";
font-size: 11px;
line-height: 110%;
margin-left: 132pt;
}
.labelvert	{
color: #A1B28F;
font-family: "arial black";
font-size: 11px;
line-height: 110%;
margin-left: 5pt;
}
.media	{
color: #666666;
font-size: 9px;
line-height: 12px;
margin: 10pt;
}
.media a:link	{
color: #666666;
}
.media a:visited	{
color: #666666;
}
.media a:hover	{
color: #CC9999;
text-decoration: none;
}
.media a:active	{
color: #666666;
}
p, td, li	{
color: #657989;
font-family: Verdana, Tahoma, Helvetica, Gill, Arial, sans-serif;
font-size: 11px;
line-height: 165%;
}
li	{
margin-right: 15pt;
}
li a:hover	{
color: #CC9999;
text-decoration: none;
}
.page	{
color: #A1B28F;
font-family: "Arial Black", sans-serif;
font-size: 11px;
line-height: 110%;
}
.page a:link {
color: #FFFFFF;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: 600;
}
.page a:visited {
color: #FFFFFF;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: 600;
}
.page a:hover {
color: #B7567F;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: 600;
}
.picture	{
background-image: url("images/loading.gif");
}
.quote	{
color: #cccccc;
font-size: 11px;
line-height: 125%;
}
.quotemain	{
color: #666666;
font-size: 11px;
font-style: italic;
line-height: 120%;
margin-right: 50px;
}
.rollover { background-image: url('images/logo_travels_sma.gif'); display: block; width:
79px; height: 27px }
.rollover a {
background-image: url("images/logo_travels_smb.gif");
display: block;
width: 79px;
height: 27px;
}
.rollover img {
width: 100%;
height: 100%;
border: 0;
}
* html a:hover {visibility:visible}
.rollover a:hover img{visibility:hidden}
.rollover span {
position:absolute;
}

select {
background-color: #FFFFFF;
border: 1px solid #A1B28F;
color: #657989;
font-family: Verdana, Tahoma, Helvetica, Gill, Arial, sans-serif;
font-size: 10px;
padding: 1px;
height: 20px;
width: 180px;
}

/* source used for instructions, posting information, and caveat about images */
.source	{
color: #C89673;
font-family: Arial, sans-serif;
font-size: 11px;
margin: 0 0 10px 0;
}
.source a:link	{
color: #C89673;
}
.source a:visited	{
color: #C89673;
}
.source a:hover	{
color: #6464A0;
text-decoration: none;
}
.source a:active	{
color: #C89673;
}
.stripesperinside	{
background-color: #000000;
background-image: url("../images/bg_stripes_perinside.gif")
}
.top	{
background-color: #000000;
background-image: url("../images/logo_bg.gif");
}
.topsoj	{
background-image: url("../images/title_sojourns.gif");
}
ul	{
margin: 7pt 0 0 30pt;
}
@media screen {
/* cheap hack to protect NN4.x */
.menu LI { display: inline }
}