body{
  background-color:#A1C7EA;
}

p,
h1,
li{
  color:#1C1E62;
}

p,
li{
  font-size:12px;
}

ul{
  padding-left:16px;
}

li{
  margin-bottom:6px;
}

h1{
  font-size:15px;
  margin-top:0;
}

.divForMenu{
  background:url('images/bg.gif') repeat-y top left;
}

.footerSpotonText *{
  font-size:12px;
  margin-top:12px;
}

.content{
  background-color:#EBEFE2;
  width:660px;
}

.leftColumn,
.rightColumn{
  width:300px;
  margin:20px 0 20px 20px;
}

.rightColumn{
  margin-right:20px;
}

.lightText p{
  font-weight:bold;
}

.darkText{
  background-color:#D9E2C8;
  padding:10px;
}

.darkText h1{
  font-weight:normal;
}

.navigation{
  width:660px;
}

.navigation_link{
  background-color:#D9E2C8;
}

textarea{
  height:300px;
}

.headerFlash{
  position:relative;
  left:-6px;
}



/* Orb rules follow */

#orb table{
  width:auto;
  margin-left:0;
  margin-right:0;
  border-width:0;
}

#orb th {
color:#8b937c;
font-size:14px;
}

#orb fieldset{
  padding:0.5em;
}

#orb .errorMessage{
  color:red;
  font-weight:bold;
}

#orb .errorList{
  color:red;
  font-weight:bold;
  margin-bottom:0.5em;
}

#orb #saveButton{
  text-align:center;
  margin-top:0.5em;
}

#orb #calendars{
  margin-left:auto;
  margin-right:auto;
}

#orb #calendars td{
  text-align:center;
  vertical-align:top;
}

#orb #calendars .calendar table{
  border-collapse:collapse;
  margin:0.5em;
}

#orb #calendars .calendar .date{
  border:1px solid #c2cab3;
  padding:0.1em;
}

#orb #calendars .calendar .invalidDate{
  color:#999;
}

#orb #calendars .feature{
  padding:0;
  text-align:left;
}

#orb #calendars #arrivalDateSelected, #orb #calendars #departureDateSelected{
  background-color:#9abee3;
}

#orb .matchingUnit .images{
  float:right;
}

#orb .matchingUnit .images div{
  margin-bottom:0.5em;
}










/* default rules follow */



body {
       font-family: Verdana, Helvetica, Arial, sans-serif;
       font-size:12px;
}

h2 {
	font-size: 14px;
	font-weight: normal;
}

h3 {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}

.editableText {
position:relative;
z-index:20;
}

#appArea {
	font-size: 12px;
}

/* edit mode toolbox */
#editToolBox {
	position: absolute; /* fixed would be better but doesn't work in IE */
	top: 0px;
	left: 0px;
	width: 75px;
	background-color: black;
	color: white;
	font-family: Arial, sans-serif;
	font-size: 12px;
	opacity: 0.75;
	padding: 6px;	
}

.editToolBoxAction {
	color: white;
	text-decoration: none;
cursor:pointer;
}

.body {
background-color: white;
}

.widget {
text-decoration:underline;
position:relative;
height:0px;
left:0px;
width:0px;
display:block;
z-index:999;
}

div.widgetBit:hover {
opacity:0.8;
}

.widgetBit {
z-index:998;
background-color:black;
color:white;
opacity:0.2;
border: solid black 1px;
width:100px;
position:relative;
left:0;
top:0px;
font-size:10px;
}

.sideNav_group {
width:180px;
border-top:solid black 1px;
border-right:solid black 1px;
margin-top:20px;
}

.sideNav_item {
background-color:#dddddd;
border-bottom:solid 1px;
font-size:12px;
}
.sideNav_selected {
background-color:#ddddff;


}
.sideNav_item a {
display:block;
width:180px;

}

.sideNav_item a:hover {
background-color:#ddddff;
}

a {
text-decoration:none;
color:#333333;
}

a:hover { 
text-decoration:underline;
color:black; }

a.navigation_link { 
display:block; }

a.navigation_selected { color:black }

td.navigation_selected { 
background-color:#D9E2C8; 
}


.formField_label { 
font-size:12px;
 }

/*additions 250108*/

.alertText .editableText h1 {
color:#271c6b;
font-size:18px;
font-weight:bold;
line-height:1.2em;
}

.alertText .editableText p{
color:#271c6b;
font-size:11px;
font-weight:normal;
line-height:1.2em;
}

.yellowAlert {
background:url('images/yalert.png') no-repeat top left;
}

.blueAlert {
background:url('images/balert.png') no-repeat top left;
}

.innards {
width:300px;
height:200px;
min-height:200px;
overflow:hidden;
text-align:center;
}

.alertText .editableText {
padding-top:50px;
}

.texby .editableText {
padding:10px;
}

.texby .editableText p {
color:#271c6b;
font-size:16px;
font-weight:normal;
line-height:1.6em;
}

.kidstyle {
background:url('images/kidstyle.jpg') no-repeat top left;
} 

.kidstyle .editableText  {
padding-left:160;
}

.kidstyle .editableText  *{
color:#271c6b;
}

.facestyle {
background:url('images/facestyle.jpg') no-repeat top left;
}

.mainBeach {
padding-left:140;
}

.mainBeach .editableText h1 {
color:white;
font-size:15px;
font-weight:bold;
line-height:1.3em;
margin:0;
padding:0;
}

.mainBeach .editableText p {
color:#120fbe;
font-size:14px;
font-weight:normal;
line-height:1.2em;
margin:0;
padding:0;
}

.smallBeach {
padding-left:20px;
text-align:center;
}

.smallBeach .editableText * {
color:#120fbe;
font-size:11px;
font-weight:normal;
line-height:1.3em;
}