/*This is the core style sheet for this site.*/

body {
/*taking away background color to see what happens to Navbar unerlines*/
background-color: #407CDE;
/*background-color: #8080FF;*/
/*border: 1px #FFFFFF solid;*/
/*border-right: 2px #FFFFFF solid;*/
/*background-image: url('images/globe_accommodation.jpg');*/
background-image: url('images/globe_accommodation.jpg');
/*color: #666666;*/
color: #FFFFFF;
font-color: #FFFFFF;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
/*background-image: url('images/globe_bgrnd_accommodation.jpg');*/
background-repeat: no-repeat;
margin: 0;
}



#header {
/*margin-left: 25px;*/
margin-left: 0px;
bottom: 150 0px;
width: 779px;
/*background-image: url('accommodation-worldwide-button-600.jpg');*/
background-image: url('images/accommodation-worldwide-button-600.jpg');
background-repeat: no-repeat;
height: 150px;
/*border-bottom: 1px #FFFFFF solid;*/
/*border-left: 1px #FFFFFF solid;*/
/*border-right: 1px #FFFFFF solid;*/
}




h1 {
font-size: 50em;
color: #FFFFFF;
font-weight: bold;
}

h2 {
font-size: .6em;
/*font-height: 30em;*/
color: #FFFFFF;
font-weight: bold;
}


p {
font-size: .8em;
text-align: justify;
line-height: 1.3em;
padding-left: 10px;
padding-right: 10px;
/*font-color: #FFFFFF;*/
}


a:link {
color: #FFFFFF;
/*need above line so that footer link text is white*/
}



#content {
position: absolute;
top: 0px;
left: 0px;
width: 779px; 
/*border-bottom: 1px #FFFFFF solid;*/
/*border-left: 1px #FFFFFF solid;*/
/*border-right: 1px #FFFFFF solid;*/
}


#navbar {
/*background-color: #ffffff;*/
/*background-image: url('images/globe_bgrnd_links.jpg');*/
/*border: 1px #FFFFFF solid;*/
/*font-color: #FFFFFF;*/
border-top: 1px #FFFFFF solid;
/*border-left: 1px #FFFFFF solid;*/
position: absolute;
top: 149px; 
margin-left: 0px;
/*left: 0px;*/
width: 179px;
display: block;
}



#navbar ul li {
/*font-color: #FFFFFF;*/   
margin: 0;
padding: 0;
/*THE FOLLOWING REMOVES THE BULLET POINTS*/
list-style-type: none;
/*border-bottom: 1px solid px;*/ 
}



/*this definitely appears to be the control when the initial navbar appears*/
#navbar ul li a:link, #navbar ul li a:visited {
display: block;
/think it was list style type that i changed to get underlines */
/*font-color: #FFFFFF;*/
color: #FFFFFF;
/*above line makes the text white in button*/
text-align: left;
/*text-decoration: line-through;*/
text-decoration: none;
font-weight: bold;
/*border-bottom: 1px #FFFFFF solid px;*/
/*the below line puts in a border against each box-perfect*/
/*border: solid green - this definitely works*/
border: solid white;
/*following gives 3d effect, can also do inset*/
border-style: outset;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
}

#navbar ul li a:hover {
/*font-color: #FFFFFF;*/
}

#navbar ul {
margin: 0;
padding: 0;
/*font-color: #FFFFFF;*/
}




/*this definitely appears to be the control when the initial navbar appears*/
#header-right ul li a:link, #header-right ul li a:visited {
display: block;
/think it was list style type that i changed to get underlines */
/*font-color: #FFFFFF;*/
color: #FFFFFF;
/*above line makes the text white in button*/
text-align: left;
/*text-decoration: line-through;*/
text-decoration: none;
font-weight: bold;
/*border-bottom: 1px #FFFFFF solid px;*/
/*the below line puts in a border against each box-perfect*/
/*border: solid green - this definitely works*/
border: solid white;
/*following gives 3d effect, can also do inset*/
border-style: outset;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
}


#header-right ul li a:hover {
}

#header-right ul {
margin: 0;
padding: 0;
}




#main-text {
position: absolute;
top: 149px;
left: 179px;
*/if take right out, does not make any difference*/
/*right: 600;*/
background-color: #407CDE;
border-top: 1px #FFFFFF solid;
/*border: 1px #FFFFFF solid;*/
border-left: 1px #FFFFFF solid;
border-right: 1px #FFFFFF solid;
/*margin-left: 198px;*/
/*following line put in 21-03-06*/
/*margin: 0px 10px;*/
/*THE FOLLOWING LINE IS MINE NEW LINE*/
/* below line is new line by me, 16-07-05 */
/*if take width out, then goes right accross to end of page*/
/*the below was 421.  now appears to line up correctly when change to 400*/
/*this makes sense.  now realise that padding-fled and padding right also take up 20 pixels and this needes to be added&/
/*to the width, eg, if real width is 421, then need to take away 20 for left and right padding, eg, 401, then take*/
/*away border l8/eft and border right, total 2 pixels, equals 399px.*/
width: 421px;
/*padding-left: 10px;*/
/*padding-right: 10px;*/
/*taking below line out and putting padding in Paragraph Div*/
/*padding: 10px;*/
/*width: "100%";*/
}





#cities-direct {
position: absolute;
top: 149px;
left: 179px;
background-color: #407CDE;
border-top: 1px #FFFFFF solid;
border-left: 1px #FFFFFF solid;
border-right: 1px #FFFFFF solid;
width: 421px;
}




#header-right {
position: absolute;
top: 0px;
border-top: 1px #FFFFFF solid;
background-repeat: no-repeat;
margin-left: 600px;
margin-right: 779px;
width: 179px;
/*background-image: url('accommodation-worldwide-button-600.jpg');*/
padding-bottom: 0px;
}


#header-right ul li {
/*font-color: #FFFFFF;*/
margin: 0;
padding: 0;
list-style-type: none;
/*border-bottom: 1px solid px;*/ 
}



#right-colfirst {
/*background-color: #0000FF;*/ 
/*not as bad if keep position absolute in*/
position: absolute;
/*background-image: url('images/globe_bgrnd_links.jpg');*/
top: 149px;
border-top: 1px #FFFFFF solid;
background-repeat: no-repeat;
margin-left: 600px;
margin-right: 779px;
width: 179px;
/*height: 151px;*/ 
/*border-bottom: 1px #FFFFFF solid;*/
/*border-left: 1px #FFFFFF solid;*/
/*border-right: 2px #666666 solid;*/
padding-bottom: 0px;
}






#right-colfirst ul li {
/*font-color: #FFFFFF;*/
margin: 0;
padding: 0;
list-style-type: none;
/*border-bottom: 1px solid px;*/ 
}




/*this definitely appears to be the control when the initial navbar appears*/
#right-colfirst ul li a:link, #right-colfirst ul li a:visited {
display: block;
/think it was list style type that i changed to get underlines */
/*font-color: #FFFFFF;*/
color: #FFFFFF;
/*above line makes the text white in button*/
text-align: left;
/*text-decoration: line-through;*/
text-decoration: none;
font-weight: bold;
/*border-bottom: 1px #FFFFFF solid px;*/
/*the below line puts in a border against each box-perfect*/
/*border: solid green - this definitely works*/
border: solid white;
/*following gives 3d effect, can also do inset*/
border-style: outset;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
}




#right-colfirst ul li a:hover {
}

#right-colfirst ul {
margin: 0;
padding: 0;
}



p.footer {
font-size: .7em;
text-align: center;
font-weight: bold;
color: #FFFFFF;
}



TABLE {
text-align: left;
cellpadding: 0;
cellspacing: 0;
width: 401px;
/*width: 100%*/
}

TH {
text-align: left;
font-weight: bold;
/*background-image: url('images/globe_bgrnd_links.jpg');*/
/*background-color: #407CDE; */
background-color: #0000FF;
}


/*TD {*/
/*border: 1px #FFFFFF solid px;*/
/*}*/