html, body {
    height: 100%; 
    overflow: hidden;
    background-color: #cb0000; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 	9pt; 
    color: #000000;
    padding: 1px 0 33px 0;    
}

#wrapper {
    height: 100%; 
    width: 100%; 
    overflow: hidden; 
    position: relative;    
}

#container {
    height: 100%; 
    width: 100%; 
    overflow: auto; 
    position: relative;    
}

/*This div holds the band (banner) in Band.inc*/
#band 
{
    margin-top: 0px; 
    margin-left: 0px; 
    top: 0px;
    left: 0px;
    z-index: 1; 
    width: 100%;
    height: 67px;
	background-color: #cb0000;   
	position: absolute;
} 

/*This div holds the Island image for each Island*/
#islandContainer
{
    top: 20px;
    left: 150px;
    width: 520px;
    height: 330px;  
    position: absolute;
} 

/*This div holds the ! image on each page*/
#exclamation
{
    margin-top: 10px;
    margin-left: 178px;
    width: 72px;
    height: 81px; 
    position: absolute;
}    

/*This div holds the ! image for the North Island*/
#exclaimIslands
{
    top: 30px;
    left: 101px;
    width: 92px;
    height: 81px;  
}  

/* Container for the WhereToFindUS.gif (next to Exclamation.gif) on the WhereToFindUs.aspx page */
#whereToFindUs
{
    padding:0px;
    height: 18px;
    background-color:Black;
    
}   

/* Placeholder that contains the WhereToFindUS.gif header (next to Exclamation.gif) 
on the North.aspx and South.aspx pages */
#islandHeader
{
    top: 0px;
    left: 92px;
    width: 190px;
    height: 18px;  
    position: absolute;
}  


/*Placeholder that contains the small black header HeaderNorthBlack.gif */
#headerNorthBlack
{
    top: 0px;
    left: 282px;
    width: 190px;
    height: 18px;  
    position: absolute;
}  

/*Placeholder that contains the small black header HeaderSouthBlack.gif */
#headerSouthBlack
{
    top: 0px;
    left: 352px;
    width: 190px;
    height: 18px;  
    position: absolute;
}  

/*Placeholder for the flag */
#flag
{
    top: 190px;
    left: 10px;
    width: 100px;
    height: 200px;  
    position: absolute;    
}  

/*Four black placeholders to allow for Prev and Next functionality */
#blackHolder1
{
    top: 101px;
    left: 0px;
    width: 92px;
    height:229px;
    color: #FFFFFF;
    font-size: 8pt;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    background-color: #000000;
    position: absolute;   
    padding-left: 5px;
    padding-right: 5px;
    border-spacing: 0px;   
}

#blackHolder2
{
    top: 101px;
    left: 0px;
    width: 92px;
    height:229px;
    color: #FFFFFF;
    font-size: 8pt;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    background-color: #000000;
    position: absolute;   
    padding: 0px;
    border-spacing: 0px; 
    padding-left: 5px;
    padding-right: 5px;      
}

#blackHolder3
{
    top: 101px;
    left: 0px;
    width: 92px;
    height:229px;
    color: #FFFFFF;
    font-size: 8pt;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    background-color: #000000;
    position: absolute;   
    padding: 0px;
    border-spacing: 0px; 
  
    padding-left: 5px;
    padding-right: 5px;     
}

#blackHolder4
{
    top: 101px;
    left: 0px;
    width: 92px;
    height:229px;
    color: #FFFFFF;
    font-size: 8pt;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    background-color: #000000;
    position: absolute;   
    padding: 0px;
    border-spacing: 0px; 
    padding-left: 5px;
    padding-right: 5px;     
}

/*This is the placeholder for the mouseover div showing station details */
#greyHolder
{
    top: 99px;
    left: 91px;
    width: 99px;
    position: absolute;    
    height: 230px;  
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    background-color: #666666;  
    z-index: 8;

 
}    

#thingsPeopleAskUs
{
    margin-top: 90px;
    margin-left: 157px;
    width: 93px;
    height: 402px;  
    border: 1px solid #FFFFFF;
    background-color: #000000;
    position: absolute;   
}    

/*Holds a large map of each island on North.aspx and South.aspx respectively */
#largeIslandMap
{
    top: 17px;
    left: 190px;
    height: 317px;
    width: 330px;
    position: absolute;   
}

/*Holds a small map of each island on North.aspx and South.aspx respectively */
#smallIslandMap
{
    top: 18px;
    left: 91px;
    width: 99px;
    height: 81px;
    border-right: 1px solid #FFFFFF;
    position: absolute;  
}

/*Holds an image of a Service Station on the WhereToFindUs.aspx page */
#WhereToFindUsHolder
{
    top: 18px;
    position: absolute;
}

/*Holds explanation on the WhereToFindUs.aspx page */
#help 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    background-color: #666666;
    color: #FFFFFF;       
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-top: 7px;
    position: relative; 
    top: 304px;
    left: 248px;
    width: 300px;
}

/*Table that appears on Default.aspx */

table.mainTable
{
    font-size: 9pt;
    padding: 0px;       
    border: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-spacing: 0px;
    background-color: #666666;
    width: 395px;
    height: 488px;
}

table.mainTable td 
{
	padding-left: 10px; 
    padding-right: 10px;   
    border-spacing: 1px;
    padding: 0px;  
}

table.mainTable tr.grey td 
{
	color: #FFFFFF;
    background-color: #666666;
    font-weight: bold;
    padding-left: 10px; 
    padding-right: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
}

table.mainTable tr.white td 
{
	color: #000000;
    background-color: #FFFFFF;
    padding-left: 10px; 
    padding-right: 10px;
}

/*Table that appears on Our Brand, Services and Things People Ask Us */

table.infoTable
{
    font-size: 9pt;
    padding: 0px;       
    border: 1px solid #FFFFFF;
    border-spacing: 0px;
    background-color: #000000;
    width: 330px;
}

table.infoTable td 
{
	padding-left: 7px; 
    padding-right: 7px;   
    border-spacing: 0px;
    padding: 0px;    
}

table.infoTable tr.grey td 
{
	color: #FFFFFF;
    background-color: #666666;
    border-top: 1px solid #FFFFFF;
    font-weight: bold;
    padding: 5px;
}

table.infoTable tr.white td		
{
	color: #000000;
    background-color: #FFFFFF;
    padding-top: 7px;
    padding-left: 7px; 
    padding-right: 7px;
}

table.infoTable tr.black td 
{
	background-color: #000000;
	border-bottom: 1px solid #FFFFFF;
	line-height: 16px;
}




/* Table that holds the station details on North.aspx and South.aspx */
.tableDiv
{
    color: #FFFFFF;
    font-size: 8pt;
    padding-left: 3px; 
    border-spacing: 0;    
    top: 0px;
    left: 0px;     
    z-index: 9; 
   
}

/* Table that appears on WhereToFindUs.aspx */

table.inTable
{
    padding: 0px;       
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    height: 18px;
}

.intr
{
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}


/*Table that appears on Contacts.aspx page */

table.contactTable
{
    font-size: 12pt;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    width: 355px;
    padding-left: 7px; 
    padding-right: 7px; 
}

table.contactTable tr
{
	padding-left: 7px; 
    padding-right: 7px;   
    border-spacing: 0px;
    padding: 0px;    
}

table.contactTable td 
{
	padding-left: 7px; 
    padding-right: 7px;   
    border-spacing: 0px;
    padding: 0px;    
}

table.contactTable tr.Text td 
{
	padding-left: 7px; 
    padding-right: 7px;   
}

table.contactTable tr.smallItalic td 
{
	font-size: 8pt;
	font-style: italic;
    padding-left: 7px; 
    padding-right: 7px; 
}

table.contactTable tr.Address td 
{
	font-size: 10pt;
	padding-left: 7px; 
    padding-right: 7px; 
}

table.contactTable tr.black td 
{
	background-color: #000000;
}

/* Holds the div with the red line and station details */

.stationDiv
{   
    position: fixed;    
    height: 310px;  
    border-top: 1px solid #FFFFFF;
    left: 92px;
    width: 99px;
    z-index: 9;
}  

#footer 
{	position: absolute;
    bottom: 0px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
    width: 100%;
    height: 30px;
	padding-bottom: 0px;    
}

#footerTableRow 
{
     background-color: #000000;
     vertical-align: top;    
     border: 0px;  
} 

#footerTableCell 
{
      width:41%;
      background-image:
      url('../Images/FooterBackground.gif');  
      background-repeat: no-repeat;    
      padding-bottom: 0px; 
      border: 0px;
} 

#footerTableCellRight
{ 
    text-align: right;
    width:59%;
    padding-bottom: 0px; 
    border: 0px;
}
/*This is the Content Div, that hold left and right div, controlling the scroll*/

#mainHolder
{ 
    margin-top: 53px; 
    margin-bottom: 0px; 
    width: 100%;
    height: 100%;
    overflow: auto;
    position: absolute;
    background-image:
    url('../Images/Background.gif');
}

/*Content placeholder for content appearing on the left of pages*/
#leftBlock
{
    margin-top: 10px;
    margin-left: 115px;
    width: 340px;
    position: absolute;
    float: left;
}

/*Content placeholder on each page of the site*/
#middleBlock
{
    top:10px;
    margin-top: 0px;
    margin-left: 249px;
    width:330px;
    position:absolute;
}

/*Content placeholder for content appearing on the right of pages*/
#rightBlock {
    width: 395px;
    margin-left: 489px;
    top:10px;
    position:absolute;
    float: right;
}

/*Content placeholder on the Content.aspx page*/
#contactUsBlock
{
   overflow: auto; 
}

#blockContactUs
{
    top:0px;
    margin-top: 0px;
    margin-left: auto;
    width:400px;
    position:absolute;
    background-color: #cd0000;
}

#innerBlockContactUs
{
    top:50px;
    margin-top: 0px;
    margin-left: 25px;
    width: 355px;
    position:absolute;
}

/*Shows the name and address of the station in white on dark grey*/
.stationDiv
{
    top: 200px;
    left: 242px;
    width:  96px;
    height: 200px;  
    color: #FFFFFF;
    visibility: hidden;
    background-color: #666666;
    position: absolute;
        
}   

/*Shows the name and address of the station in white on dark grey*/
.stationList 
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 8pt; 
    line-height: 9pt; 
    color: #FFFFFF; 
    text-decoration:none; 
    width: 84px;
}

/* check if needed */
.ThingsTable 
{
    top:10px;
    margin-top: 0px;
    margin-left: 250px;
    width:330px;
    position:absolute; 
}

/* check if needed */
table.WhiteBackground 
{
    width: 330px; 
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
}


td.WhiteBackground
{
    margin-left: 10px;
    margin-right: 10px;
    width: 330px; 
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    padding: 0px;
  
}
*
td.tblform
{
	font-family:Verdana;
	font-size:12px;
}

td.tblbody
{ background-color:#ffffff;
	vertical-align:top; 
}

td.DarkGrey 
{
     background-color: #666666;
     font-family: Arial, Helvetica, sans-serif; 
     font-size: 9pt;    
     color: #FFFFFF;
     padding-left: 10px;
     padding-right: 10px;
} 

.tblHeading
{
    top: 32px;
    position:absolute;
}

#centerBlock
{   
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

img 
{    

    padding:0px;
    border: 0px;
    border: none;
     
}
/*Image to be aligned left*/
.imgLeft
{  
	float: left;
	padding-right:8px;	
}
/*Image to be aligned right*/
.imgRight
{  
	float: right;
	padding-left:8px;	
}

.footerImgRight
{  
	float: right;

}

p 
{  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 9pt; font-style: normal; 
    line-height: 12pt; font-weight: 
    normal; 
    color: #000000
}

.body 
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 	9pt; 
    line-height: 12pt; 
    color: #000000;
}

.header
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 9pt;
    line-height: 10pt; 
    color: #ffffff
}

/*not sure if needed */
.PageTable 
{
    padding: 0px; 
    border-spacing: 0px;
    border: 0px;      
}

/*not sure if needed */
table.blackHolderTable 
{
    padding: 0px; 
    border: none;   
    line-height: 20px; 
 }
 
/*not sure if needed */
table.blackHolderTable td 
{
    font-size: 20px; 
    border: none; 
    background-color: #F4F4F4; 
    vertical-align: middle; 
    padding: 7px; 
    font-weight: bold; 
}

.station 
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 9pt; 
    line-height: 11pt; 
    color: #FFFFFF}

a 
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 8pt; 
    text-decoration: none;
    }

a:hover 
{
    font-size: 8pt;
}

a:link 
{
    font-size: 8pt;
    color: #FFFFFF;
    }

a:visited 
{
    font-size: 8pt;
    color: #FFFFFF;
    }
    
/*this is for the link at the bottom of Brand.aspx */

.navyLink 
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 9pt; 
    color: #333366;
    text-decoration: underline;
}
   
.whiteLink 
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 8pt; 
    color: #FFFFFF;
    padding-left: 2px;
}

.whiteLink a:hover
 {
	color:#cb0000;
 } 

.email 
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 9pt; 
    line-height: 12pt; 
    color: #333333
    }

.textbox 
{
    font-family: Courier New, Courier, mono; 
    font-size: 10pt 
    }

#front {
	display: block;
	background: url(Default.png) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 180px;
	z-index:0;
}

#back {
	display: none;
	background: url(Back.png) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 180px;
	z-index:0;
}


td.printHeader
{
   width:242px;
   vertical-align:top;
   /*height:267;*/
}


.imgWithoutBorder
{

    padding:0px;
    border: 0px;
    border: none;     
}

.Block 
{
	padding:0px;
	margin:0px;
	border:0px;
}