*{
padding: 0;
margin: 0;
}

p{
font-family: Arial, Tahoma;
color: #555; 
font-size: 8pt;
font-weight: normal;
line-height: 150%;
margin-top: 2px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px;
}

ul{
list-style-type: none;
padding-top: 2px;
padding-bottom: 10px;
}

li{
background: url("mbullet02.jpg") top left no-repeat;
background-position: 10px 3px;
list-style: none outside;
font-family: Arial, Tahoma;
font-size: 8pt;
color: #555; 
font-weight: normal;
line-height: 150%;
text-align: justify;
padding-left: 25px;
padding-right:10px;
margin-top: 2px;
margin-bottom: 5px;
}

a { 
outline: none; 
-moz-outline-style: none; 
text-decoration: underline;
}

a:link, a:visited, a:active{
color: #0264b0;
text-decoration: underline;
}

div{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
}

hr{
width: 100%;
border: 0;
height: 1px;
color: #d8d8d8;
background-color: #d8d8d8;
}

h2 {
font-family: Arial, Tahoma;
color: #333;
font-size: 9pt;
font-weight: bold;
line-height: 135%;
vertical-align: top;
text-align: left;
padding-top: 5px;
padding-left: 25px;
padding-right: 10px;
text-transform: uppercase;
background: url("mbullet.jpg") top left no-repeat;
background-position: 10px 8px;
}

h3 {
font-family: Arial, Tahoma;
color: #004d93;
font-size: 9pt;
font-weight: bold;
line-height: 100%;
vertical-align: top;
text-align: left;
padding-left: 10px;
padding-right: 10px;
text-transform: capitalize;
}

h4 {
font-family: Arial, Tahoma;
color: #444;
font-size: 8pt;
font-weight: bold;
line-height: 120%;
vertical-align: top;
text-align: left;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
text-transform: capitalize;
}

h5{
font-family: Arial, Tahoma;
color: #004d93; 
font-size: 8pt;
font-weight: bold;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 38px;
vertical-align: top;
text-align: left;
text-transform: uppercase;
background: url("mbg_expan.png") no-repeat top left;
background-color: #eee;
border-bottom: 1px solid #d8d8d8;
}

#topframe{
width: 100%;
height: 118px;
background: url("mbg_logo.jpg") repeat-x center left;
background-color:#f7f3e1;
}

.topframe{
vertical-align: top;
text-align: center;
cursor: pointer;
padding-top: 20px;
}

#title{
width: 100%;
height: 36px;
background: url("mbg_title.jpg") repeat-x top left;
background-color:#ffea84;
}

.title{
font-family: Arial, Tahoma;
font-size: 9pt;
color: #444444;
font-weight: bold;
vertical-align: top;
text-align: left;
padding-left: 10px;
padding-top: 8px;
text-transform: uppercase;
}

.backtitle {
vertical-align: top;
text-align: right;
padding-right:9px;
padding-top: 5px;
}

#hpcontent{
width: 100%;
margin-top: 10px;
margin-bottom: 5px;
}
 
.hpcontent{
vertical-align: top;
text-align: center;
}

.hpcontent p{
font-size: 10pt;
line-height: 120%;
vertical-align: top;
text-align: center;
}

#hpbottom{
width: 100%;
margin-top: 10px;
margin-bottom: 12px;
}
 
.hpbottom{
font-family: Arial, Tahoma;
color: #555; 
font-size: 6pt;
font-weight: normal;
line-height: 110%;
padding-left: 10px;
padding-right: 10px;
vertical-align: top;
text-align: center;
}

#content{
width: 100%;
margin-top: 10px;
margin-bottom: 12px;
}

.content{
vertical-align: top;
text-align: justify;
}

.content img{
width: 100%;
margin-top: 10px;
margin-bottom: 5px;
}

#ucp{
width: 100%;
margin-top: 15px;
}

.ucp{
cursor: pointer;
}

.ucp p{
color: #555;
vertical-align: top;
text-align: left;
line-height: 140%;
margin-top: 0px;
margin-bottom: 15px;
}

.ucptitle{
color: #444; 
font-size: 8pt;
font-weight: bold;
line-height: 120%;
text-transform: uppercase;
margin-top: 0px;
}

.ucp img{
width: 42px;
height: 42px;
vertical-align: top;
margin-left: 10px;
margin-right: 5px;
margin-bottom: 15px;
}

#mucps{
width: 100%;
vertical-align: top;
Text-align: center;
margin-top: 15px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
}

.mucps div img{
width: 98px;
height: 59px;
vertical-align: top;
text-align: left;
}

.mucps div{
width: 102px;
height: 62px;
float: left;
vertical-align: top;
text-align: left;
margin-bottom: 5px;
}

#tours{
width:100%;
vertical-align: top;
text-align: left;
margin-top: 10px;
margin-bottom: 5px;
}

.tours p{
font-family: Arial, Tahoma;
color: #555; 
font-size: 8pt;
font-weight: normal;
line-height: 110%;
padding-left: 5px;
padding-right: 5px;
vertical-align: top;
text-align: center;
}

.tours div img{
width: 42px;
height: 42px;
vertical-align: top;
text-align: center;
}

.tours div{
width: 76px;
height: 82px;
float: left;
vertical-align: top;
text-align: center;
margin-bottom: 10px;
}

.tours a{ 
text-decoration: none;
}

#navigation{
width: 100%;
height: 32px;
background: url("mbg_nav.jpg") repeat-x top left;
background-color: #0d5393;
}

.navlink{
width: 80%;
height: 32px;
}

.navlink a:link, .navlink a:visited, .navlink a:active{
width: 80%;
height: 32px;
color: #fff;
font-family: Arial, Tahoma;
font-size: 9pt;
font-weight: bold;
line-height: 100%;
text-transform: uppercase;
padding-left: 11px;
text-align: left;
text-decoration: none;
}

#snavigation{
width: 100%;
height: 32px;
background: url("mbg_nav_home.jpg") repeat-x top left;
background-color: #032d54;
}

.snavlink{
width: 80%;
height: 32px;
}

.snavlink a:link, .snavlink a:visited, .snavlink a:active{
width: 80%;
height: 32px;
color: #fff;
font-family: Arial, Tahoma;
font-size: 9pt;
font-weight: bold;
line-height: 100%;
text-transform: uppercase;
padding-left: 11px;
text-align: left;
text-decoration:none;
}

.tarrow{
width: 20%;
padding-right: 10px;
vertical-align: middle;
text-align: right;
}

.starrow{
width: 20%;
padding-right: 10px;
vertical-align: middle;
text-align: right;
}

#footer{
height: 45px;
width: 100%;
background: url("mbg_bottom.jpg") repeat-x top left;
background-color: #ffffff;
padding-top: 10px;
padding-bottom: 10px;
}
 
.footer{
font-family: Arial, Tahoma;
font-size: 7pt;
font-weight: normal;
line-height: 120%;
color: #555;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
text-align: left;
text-transform: Capitalize;
}

.mmap{
padding-top: 3px;
}

.mmap img{
width: 100%;
}

.mypets{ /*header of 1st demo*/
cursor: pointer;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
font-family: Arial, Tahoma;
color:#333;
font-size: 8pt;
font-weight: bold;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 38px;
vertical-align: top;
text-align: left;
text-transform: uppercase;
background: url("mbg_expan2.png") no-repeat top left;
background-color: #d8d8d8;
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
}

.body1 {
padding :10px;
font-family: Arial, Tahoma;
color: #555; 
font-size: 8pt;
font-weight: normal;
text-align: left;
line-height: 150%;
}

