/* Pinedale */

html{margin: 0; padding: 0;}
body{
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
background: #003366;
}

/* If set body tag to 62.8%, then use EMs throughout. Result approximately as follows depending on different fonts 
1.0em = 10px
1.1em = 11px
1.2em = 12px 
 */
 
ul {list-style-image: url('images/list.gif');}

a:link {font-weight:bold; font-style: italic; color: #cc0000; font-size:1.3em;}
a:visited {font-weight:bold; font-style: italic; color: #cc0000; font-size:1.3em;}
a:hover {font-weight:bold; font-style: italic;  color: #ffffff; background-color: #0099ff; font-size:1.3em;}
a:active {font-weight:bold; font-style: italic; color: #003366; background-color: #0099ff; font-size:1.3em;}

#contact {font-size:1.0em;}
#contact:hover {font-size:1.0em; color: #003399; background-color: #0099ff;}

#imagesbor {border: 1px solid #003399;}
.imagesbor {border: 1px solid #003399;}

.cpm:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

p, li {font-size:1.25em;}

/* Enquiry Form */
/* h1 is only called by the Contact Page */
/* h2 is only called by the Thank you after the Enquiry Form */
h1{font-size:1.75em; color: #0066cc;}
h2{font-size:1.5em; color: #333399;}
h3{font-size:1.25em;}
h4{font-size:1.5em; color: #333399; font-style: italic; padding-left:15px; text-decoration: none;}

.returnlink {color: #333399;}

textarea { padding-left: 5px; background: #ffff99;  font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #333399; border: 2px outset #ffffff; height: 80px; width: 260px;}
input.Briv { background: #cc0000; font-family: Arial; color: #ffffff; border: 2px outset #ffffff; height: 24px; width: 160px;}

#inf_Email { background-color: #99ccff; font-size: 10pt; font-weight: bold; color: #ff0000;}
#inf_Name { background-color: #99ccff; font-size: 10pt; font-weight: bold; color: #ff0000;}
#inf_Message { background-color: #99ccff; font-size: 10pt; font-weight: bold; color: #ff0000;}

#box1 { border: 0px dashed #999999; background-color: #99ccff; font-size: 10pt;}
#box3 { background-color: #99ccff;}

input { padding-left: 5px; background: #ffff99; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #333399; border: 2px outset #ffffff; height: 22px; width: 240px;}
input.dates { padding-left: 5px; background: #ffff99; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #333399; border: 2px outset #ffffff; height: 22px; width: 114px;}
select { background: #ffff99; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #333399; border-width: 0px 0px; height: 22px; width: 260px;}
select.enqriviera { background: #ffff99; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #333399; border-width: 0px 0px; height: 22px; width: 50px;}
/* end Enquiry Form */

#alpha, #beta {
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}

#alpha-inner, #beta-inner {position: static;}

.trailbacks,
.report
{
position: static;
overflow: hidden;
clear: both;
width: 100%;
margin-bottom: 20px;
}

.trailback-content,
.report-open-content
{
clear: both;
margin: 5px 5px;
}

#container
{
position: relative;
margin: 0 auto;
width: 970px;
text-align: left;
margin-bottom: 20px;
background: #99ccff;
border-right: 3px solid #cc0000;
border-bottom: 3px solid #cc0000;
border-left: 3px solid #cc0000;
}

#container-inner
{
border-top: 3px solid #cc0000;
border-right: 5px solid #0066cc;
border-bottom: 5px solid #0066cc;
border-left: 5px solid #0066cc;
position: static; width: auto;
}

#banner
{
width: 100%;
background-color: #99ccff;
background: url(images/pierbg.jpg) no-repeat;
height: 100px;
}

#banner h1 {
margin: 0;
z-index: 2;
color: #0000ff;
font-style: italic;
position: absolute;
top: 14px;
left: 5px;
padding-left:15px;
padding-right:10px;
opacity: .50;
filter: alpha(opacity=50);
background-color: #99ccff;
}
	
#banner-inner {
border-top: 2px solid #99ccff;
border-right: 2px solid #99ccff;
border-bottom: 2px solid #99ccff;
border-left: 2px solid #99ccff;
position: static;
}

#pagewrap {position: relative; width: 100%;}
#pagewrap-inner {position: static; width: 100%;}

#alpha {float:left; margin: 5px 5px 0 5px; width:70%; background: #99ccff;}
#beta {float:right; width:25%; background: #99ccff;}

#alpha-inner {
padding: 10px 10px 0 10px;
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #ffffff;
}

#beta-inner {
padding: 10px 10px 0 10px;
border-width: 2px 2px 2px 0;
border-style: solid;
border-color: #ffffff;
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}

.start-header
{
margin-top: 0;
background: #cc0000;
text-align:left;
color: #ffffff;
font-size: large;
font-weight:bold;
padding: 5px;
border-right: 0px solid #999999;
border-bottom: 5px solid #0066cc;
border-left: 0px solid #0066cc;
}

.trailback-content
{
background: #ffffff;
text-align:left;
color: #333333;
font-size: small;
margin: 0;
line-height: 1.5;
}

.module
{
position: relative;
overflow: hidden;
width: 100%;
margin: 0 0 10px 0;
}

.module-header,
.trailbacks-header,
.report-header,
.report-open-header
{
/* ie win (5, 5.5, 6) bugfix */
position: relative;
width: 100%;
width: auto;
margin: 0;
border-left: 5px solid #0066cc;
padding: 9px;
color: #ffffff;
background: #0066cc;
font-size: small;
font-weight:bold;
line-height: 1;
}

.module-header a {display: block; color: #ffffff; font-size: 12px; text-decoration: none; font-weight: 600; font-family: verdana, arial, helvetica, sans-serif; line-height: normal; word-spacing: normal; letter-spacing: normal; white-space: normal;}

.module-content
{
margin: 0 0 5px 0;
padding: 0px 0px 0px 5px;
line-height: 1.2;
background: #99ccff;
font-family: Arial, sans-serif;
text-align:left;
color: #333333;
font-size: 14;
border-top: 1px solid #3366ff;
border-right: 1px solid #3366ff;
border-bottom: 1px solid #3366ff;
border-left: 1px solid #3366ff;
}

#nav {padding-bottom:0px;}

.three-column #alpha
{
margin: 0;
width:23%;
background: #ffffff;
float:left;
}

.three-column #alpha-inner
{
padding: 5px 5px 0 5px;
border-top: 1px solid #3366ff;
border-right: 1px solid #3366ff;
border-bottom: 1px solid #3366ff;
border-left: 0px solid #3366ff;
background: #ffffff;
}

.three-column #beta
{
float:left;
margin: 0px 0px 0 0px;
width:77%;
background: #99ccff;
}

.three-column #beta-inner
{
padding: 5px 5px 0 5px;
border-top: 0px solid #0066cc;
border-right: 0px solid #0066cc;
border-bottom: 0px solid #0066cc;
border-left: 0px solid #0066cc;
}

.special	{padding-left:15px; padding-right:15px; font-size:1.5em; color: #333399; font-style: italic; text-decoration: none;}
.special a {font-size:1.5em; color: #333399; font-style: italic; padding-left:15px; text-decoration: none;}
.special a:visited{font-size:1.5em; color: #333399; font-style: italic; padding-left:15px; text-decoration: none;}
.special a:hover  {font-size:1.5em; color: #333399; font-style: italic; padding-left:15px; text-decoration: none;}
.special a:link {font-size:1.5em; color: #333399; font-style: italic; padding-left:15px; text-decoration: none;}

#show {background: #99ccff;}

.row1 {background-color: #3366cc; font-size: 1.75em; font-style: italic; color: #ffffff;}
.row2 {background-color: #3366cc; font-size: 1.2em; color: #ffffff;}
.row3 {background-color: #3366cc; font-size: 1.2em; font-style: italic; font-weight: bold; color: #ffffff; text-align: center;}

.row4 {background-color: #99ccff;}

.row5 {background-color: #5588ee; font-size: 1.2em; font-style: italic; font-weight: bold; color: #ffffff; text-align: center;}
.row6 {background-color: #3366cc; font-size: 1.2em; font-style: italic; font-weight: bold; color: #ffffff; text-align: left;}
.row7 {background-color: #5588ee; font-size: 1.2em; font-style: italic; font-weight: bold; color: #ffffff; text-align: left;}
.row8 {background-color: #; font-size: 1.35em; font-style: italic; font-weight: bold; color: #3366cc; text-align: center;}
.row9 {background-color: #; font-size: 1.2em; color: #3366cc; text-align: center;}

.inet {font-family: arial black; font-size: 7pt; font-style: italic; color: #8e7505;}
.inet2 {font-size: 7pt; font-style: italic; color: #8e7505; }

/* ends */