body
{
    background-color: #000;
    margin-top: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ccc;
    text-align: justify;
}
img { border: 0px;}
.main /* whole page */
{
    width: 750px;
    margin: 0 auto;
}
/* standard links */
a:link { text-decoration: none; color: #777;}
a:visited { text-decoration: none; color: #777;}
a:hover { text-decoration: none; color: #f93;}

.logo /* top bar including the logo, flags, and tabs */
{
    float: left;
    width: 750px;
    border-bottom: 2px solid #444;
}
img.flag /* single flag */
{
    float: right;
    margin-right: 3px;
}
.top_menu /* top text menu */
{
    float: right;
    width: 250px;
    margin-top: 45px;
}
/* top text menu links */
a.top_menu_link:link { font-size: 11px; color: #ccc;}
a.top_menu_link:visited { font-size: 11px; color: #ccc;}
a.top_menu_link:hover { font-size: 11px; color: #fff;}

.mainmenu /* main menu items - diving, kayaking, museum, etc */
{
    float: left;
    width: 119px;
    margin-top: 10px;
    text-align: center;
}

.contents /* main body contents */
{
    float: left;
    width: 750px;
    margin-bottom: 30px;
}
.contents_left /* left column of two column page, e.g. diving section */
{
    float: left;
    width: 140px;
    margin-top: 10px;
}
.contents_right /* right column of two column page, e.g. diving section */
{
    float: left;
    width: 589px; /* +1px border */
    border-left: 1px dotted #444;
    padding-left: 20px;
    margin-bottom: 30px;
}

.title /* standard heading */
{
    font-size: 16px;
    color: #f93;
}
.text /* standard text */
{
    font-size: 12px;
    color: #ccc;
}
img.flow
{
    float: left;
    margin-right: 10px;
}
/* menu links */
a.menu:link { color: #ccc;}
a.menu:visited { color: #ccc;}
a.menu:hover { color: #f93;}
/* back to top links */
a.back_to_top:link { font-size: 10px; color: #666;}
a.back_to_top:visited { font-size: 10px; color: #666;}
a.back_to_top:hover { font-size: 10px; color: #ccc;}

.logos /* padi logos at the bottom */
{
    float: left;
    width: 750px;
    border-top: 1px solid #666;
    padding-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}
.bottom_menu /* bottom text menu */
{
    float: left;
    width: 750px;
    border-top: 1px solid #666;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 10px;
    color: #666;
    text-align: center;
}
/* bottom text menu links */
a.bottommenu:link { color: #666;}
a.bottommenu:visited { color: #666;}
a.bottommenu:hover { color: #ccc;}


/* ONLY USED ON HOME */
.index_heading
{
    background-color: #5a5a5a;
    padding: 5px 10px;
    font-size: 11px;
    color: #fff;
}
a.index_menu:link { color: #fff;}
a.index_menu:visited { color: #fff;}
a.index_menu:hover { color: #f93;}

.morelink
{
    float: right;
    margin-top: 2px;
    margin-right: 5px;
    font-size: 9px;
    color: #9cf;
}
/* ------- */


/* ONLY USED ON ABOUT */
.staff
{
    float: left;
    margin-right: 5px;
    font-size: 10px;
    text-align: center;
}
/* -------- */


/* ONLY USED ON PRICES */
.price
{
    border-bottom: 1px solid #333;
    padding: 3px 0px;
}
/* -------- */


/* FOR QUERIES FORM */
label
{
    float: left;
    width: 210px;
    margin-top: 3px;
    text-align: left;
}
input[type=text] { margin-bottom: 5px;}
/* -------- */