/* -------Base Template ------ */

body {
margin: 0; /* to avoid margins */
text-align: center; /* to correct the centering IE bug*/
padding:0; 
background: #eee url(../images/f_top_bg.png);
background-repeat: repeat-x;
}

#global {
position:absolute;
left: 50%; 
top:0px;    
width: 950px;
margin-left: -475px; /* half of the width */
text-align: left;
}


/*top container*/

#header {
position: relative;
width:950px;
height:80px;
}


#logo {
position: relative;
width:420px;
height:80px;
top:0px;
float:left;	
left:0px; /*to move the logo from the edge*/
}



#topad {
position: relative;
width:468px;
height:60px;	
float:right;
top:7px;
right:12px;
/*border: 1px solid #000;*/	
/*background-color: white;*/
}

/*optional*/

#t_left{
position: absolute;
top:0px;
left:0px;
width:30px;
height:80px;
}

#t_right{
position: absolute;
top:0px;
left:30px;
width:890px;
height:80px;
}

#t_center{
position: absolute;
top:0px;
left:920px;
width:30px;
height:80px;
}


/*spacer div below header*/

#spacer{
position: relative;
width:950px;
height:15px;
}


/*navigation bar*/

#nav {
position: relative;
width:950px;
height:21px;
background: url(../images/ff_top.png);
}

#topnav {
position: relative;
padding:0px;
margin:0px;
float:right;
right:18px;
}


/*main container*/
/*watch out for different backgroung pics than rest of the site*/

#main{
position: relative;
width:950px;
height:875px;
}

#leftside{
 position: absolute;
top:0px;
left:0px;
width:210px;
height:875px;
background: url(../images/ff_left.png);
background-repeat: repeat-y;
}

#rightside{
 position: relative;
top:0px;
float:right;
width:12px;
height:875px;
background: url(../images/ff_right.png);
background-repeat: repeat-y;
}

/*bottom container*/

#footer{
position: relative;
width:950px;
height:21px;
background: url(../images/ff_bot.png);
}

/*optional*/
#b_left{
position: absolute;
top:0px;
left:0px;
width:30px;
height:21px;
}

#b_right{
position: absolute;
top:0px;
left:30px;
width:890px;
height:21px;
}

#b_center{
position: absolute;
top:0px;
left:920px;
width:30px;
height:21px;
}


#copy {
position: absolute;
left:650px;
top:0px;
width:315px;
height:12px;
}

#links {
position: absolute;
left:210px;
top:3px;
width:150px;
height:12px;
}

/* New footer */

#spacer2,#spacer3{
position: relative;
width:950px;
height:10px;
background: #eee;

}

#extended {
position: relative;
width:950px;
height:350px;
background:white;
}


#extcont {
position: absolute;
width:928px;
height:328px;
top:10px;
left:10px;
border: 1px solid gray;
/*background: #eee url(../images/tlo2.gif);*/
}



/* -------  Main Divs -------- */


/* left margin div for search and weather*/

#lkup {
position:absolute;
top:0px;
left:10px;
width:190px;
height:250px;
border: 1px solid gray;
background: url(../images/tlo2.gif);
}

#gsearch {
position:absolute;
 top: 10px;
 left:8px;
 width:190px;
 height:50px;
}

#weather {
position:absolute;
 top: 48px;
 left:0px;
 width:190px;
 height:190px;

}

/* left margin div for ads */

#ad2cont{
position:absolute;
 top: 262px;
 left:10px;
 width:190px;
 height:610px;
border: 1px solid gray;
background: url(../images/tlo2.gif);
}

#ad2 {
position:absolute;
 top: 6px;
 left:15px;
 width:160px;
 height:600px;
 background-color: white;
}

/* description div */
#title {
position:absolute;
top:0px;
left:210px;
width:728px;
height:45px;
background-color: #FFF;

}
/* div in map title for later use*/
#titlead {
position:absolute;
top:5px;
left:690px;
width:250px;
height:35px;
background-color: white;

}

/* map related divs */
/*print etc*/

#minfo{
position:absolute;
top:28px;
left:520px;
width:100px;
height:16px;
/*background-color: red;*/
font-size: 6px;
text-decoration:none;
padding:0px;
}

/* share widget div */
#sharethispos {
position:absolute;
left:40px;
top:0px;
width:25px;
height:16px;
padding:0px;
font-size: 16px;
}
#sharethispos a {text-decoration:none; color:white;}



/* div for map  tabs */
#mapnav {
position:absolute;
top:30px;
left:210px;
width:728px;
height:15px;
/*background: #eee url(../images/bg_gray.png);*/
background: white;
}

/*containers for lat49 ads*/

#container {
position:absolute;
top:45px;
left:210px;
width:728px;
height:400px;
background-color: white;
}

#adcontainer {
position:absolute;
right:10px;
bottom:20px;
z-index:99999;
}

/* main map div */

#map {
position:absolute;
top:0px;
left:0px;
width:728px;
height:400px;
background-color: white;
border: 1px solid gray;
}

/* filler */
#void{
position:absolute;
top:447px;
left:210px;
width:728px;
height:15px;
background-color: white;
}

/* tabs under the map */
#tabsdiv {
position:absolute;
top:460px;
left:210px;
width:728px;
height:400px;
background-color: white;
}


/* ad div under tabs */
#ad3 {
position:absolute;
top:860px;
left:210px;
width:728px;
height:15px;
}


/* New footer formatting divs */

#extcontT,#extcontB,#extcontD {
position: absolute;

}

#extcontT {
width:607px;
height:30px;
top:7px;
left:7px;
}

#extcontB {
width:607px;
height:280px;
top:40px;
left:7px;
}

#extcontB1{
position: absolute;
width:300px;
height:280px;
top:0px;
left:0px;
}

#extcontB2{
position: absolute;
width:300px;
height:280px;
top:0px;
left:307px;
}

#extcontD {
width:300px;
height:312px;
top:7px;
left:621px;

}

#extcontD1{
position: absolute;
width:300px;
height:30px;
top:0px;
left:0px;
}

#extcontD2{
position: absolute;
width:300px;
height:280px;
top:32px;
left:0px;
}

#copy2 {
position: absolute;
left:5px;
top:260px;
width:285px;
height:20px;
}


#adft {
position: absolute;
left:30px;
top:200px;
width:235px;
height:60px;
}

#adft2 {
position: absolute;
left:40px;
top:200px;
width:468px;
height:60px;
}


/* ----- Functional Divs ------ */


/*  map baloon format  */

#adrbln {
width:350px;
}


/*search results innerhtml*/
#srchres{
position:absolute;
top:80px;
left:30px;
width:400px;
height:220px;
background:white;
border: 1px solid gray;
}


/*div for links if postcode known or similar*/
#extras{
position:absolute;
top:300px;
left:30px;
width:400px;
height:50px;
background:#eee;
border: 1px solid gray;
}


/* div to store saved locations*/

#savehead {
position:absolute;
left:445px;
top:80px;
width:245px;
height:20px;
background: #eee;
border: 1px solid gray;
padding:5px;
}


#savedPt{
position:absolute;
left:445px;
top:110px;
width:245px;
height:230px;
background:white;
overflow:auto;
border: 1px solid gray;
padding:5px;
}


/* inside tabs div format - under map*/

#tab11box {
position:absolute;
left:560px;
top:5px;
width:150px;
height:350px;
background:white;
/*overflow:auto;*/
/*border: 1px solid gray;*/
padding:5px;

}





/*tabs setup */

/* general */

.navtabconfig  {
font: 11px Arial, Verdana,  sans-serif;
width: 100%; 
}

.navtabconfig  ul{
margin: 0;
padding: 0;
float: left;
left:1px;
border-top: 1px solid gray; 
border-left: 1px solid gray; 
}

.navtabconfig  ul li{
display: inline;
}

.navtabconfig  ul li a{
float: left;
color: white; 
padding: 0px 8px;
text-decoration: none;
border-right: 1px solid gray; 
background: #336699 url(../images/bg_blue.png);
}

.navtabconfig ul li a:visited{
color: white;
}


.navtabconfig ul li a:hover {
color: white;
text-decoration: underline;
}


.anime {
/*text-size:0px;*/
}


/* map functiona tabs*/

#tab4,#tab5,#tab6
{
position:absolute;
top:15px;
left:0px;
margin: 0px;
display: none;
width:350px;
height:205px;
border-top:5px solid red;
border-bottom: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
}


#animated2
{
position:absolute;
top:15px;
margin: 0px;
display: none;
width:350px;
height:0px;
border-bottom: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
background-color: white;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=90); /*IE only*/
opacity: 0.9;
}


/*close button in anim divs*/
#close{
position:absolute;
right:10px;
top:165px;
float:right;
}

/* end map function tabs*/


/* static tabs section*/

#anch3{
position:absolute;
top:0px;
left:0px;
width:600px;
height:20px;
background-color: #eee;
}

.navtabconfig3  ul li a{
padding: 3px 20px;
border-bottom: 1px solid white;
background: #336699 url(../images/blue.gif);
}


#tab10,#tab11,#tab12,#tab13,#tab14,#tab15
{
position:absolute;
top:20px;
left: 1px;
margin: 0px;
display: none;
width:728px;
height:370px;
/*border: 1px solid #000;
border-top:8px solid red;*/
/*border-top: white;*/
background: white;
}

#static
{
position:absolute;
top:20px;
margin: 0px;
display: block;
width:728px;
height:372px;
border-bottom: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
background-color: white;
}

#filler{
position:absolute;
top:0px;
left:488px;
width:242px;
height:19px;
background: white;
border-bottom: 1px solid gray;
}

/*end static tabs section*/



/*links directory*/

#cont, #cont2 {
padding:0px;
margin:5px;
}

#cont {
position:absolute;
top:15px;
left:18px;
width: 685px;
height:340px;

}

#cont2 {
position:absolute;
left:20px;
width:530px;
height:350px;
}

#conthead { 
position: relative;
width:678px;
height:20px;
top:5px;
left:0px;
background:#eee;
border: 1px solid gray;
padding-left:5px;
padding-top:2px;
}

#cont2head { }
#cont3head { background:#eee; border-bottom: 1px solid gray; 
}

#fcont {
position:absolute;
top:10px;
left:10px;
width: 706px;
height: 350px;
padding:0px;
margin:0px;
}

#mfcont { width:716px; height:355px;} 
#indxcont { width:150px; height:350px;} 

/* ---------- other ------------- */

/* for geo search input boxes */

#adrsrch {position:relative;margin:0px; top:10px;left:10px; height:40px;width:320px;}
#adrsrch2 {position:absolute;;margin:0px; padding-top:6px;top:10px;left:30px; height:40px;width:400px;}


#adr,#adr2 {
background-color: #ffffff;
color: gray;
height: 13px;
font-size: 10px;
}

#button
{
height: 18px;
font-size: 10px;
color: #000;
border: 2px outset #d7b9c9
}


/* formatting for linkto url textarea */
#linkto {
background:#eee;
margin-left:5px;
}

textarea.txa {
height: 45px;
width: 320px;
}




/* ----------- general ------------------ */

.fst { color: #CCCCCC; }
.snd { color: white; }
.frt { color: black; font: bold 11px Arial, Verdana,  sans-serif; /* padding:0px; margin:0px;*//*background-color:#eee;border:1px dotted #cccc66;*/}
.main {font: 12px Arial, sans-serif; margin: 10px 40px 0px 70px;color:#333333;}
.hdr {font: bold 12px Arial, sans-serif; color:gray;margin-left:5px; color:#336699;}
.sml {font: 9px Arial, sans-serif; color:#336699;}
.med {font: 11px Arial, sans-serif; color:#336699;}



h1 {font: bold 18px Arial, sans-serif; color: #ff0000; margin:5px  10px 5px;padding:0px;}
h2 {font: bold 14px Arial, sans-serif; color: white; background-color: #6699CC; margin-top:7px; }
h4 {font: bold 14px Arial, sans-serif; background-color: #ff0000; }
h5 {font: 11px Arial, sans-serif; margin:0px; background-color:#EAEAEA; padding:5px;  border: 1px dotted  gray;  text-align: justify;}


p {font: 10px Arial, sans-serif; padding:5px;margin:0px;color:gray;}

hr {margin-left:5px}


#tab4 p, #tab5 p, #tab6 p {color:black;}

#tab4 a, #tab5 a, #tab6 a { text-decoration: underline; font: bold 10px Arial, sans-serif; margin-left:5px;}
#tab4 a:link, #tab5 a:link, #tab6 a:link {color: gray; }
#tab4 a:visited, #tab5 a:visited, #tab6 a:visited { color: gray; }
#tab4 a:hover, #tab5 a:hover, #tab6 a:hover { color: #ff0000; } 


#tab11 p, #tab12 p {font: 11px Arial, sans-serif; padding-left:20px;margin:0px;color:black;}
#tab11 a, #tab12 a {color:#336699;}


#tab12a {position:absolute; left:20px;top:15px;width:335px;height:190px; border:1px solid gray;}
#tab12b {position:absolute; left:370px;top:15px;width:335px;height:190px; border:1px solid gray;}
#tab12c {position:absolute; left:20px;top:220px;width:335px;height:130px; border:1px solid gray;}
#tab12d {position:absolute; left:370px;top:220px;width:335px;height:130px; border:1px solid gray;}

/* top nav links format */
#topnav a { text-decoration: none; font: bold 11px Arial, Verdana,  sans-serif; /*padding:0px; margin:0px;*/}
#topnav a:link {color: gray; }
#topnav a:visited { color: gray; }
#topnav a:hover { color: #ff0000; } 


/* search div format */
#srchres p, #savedPt p {font: 11px Arial, sans-serif; padding:5px;margin:0px;color:black;}
#srchres a, #tab13 a {color:#336699;}


/* extras div format */
#extras a {font: bold 11px Arial, sans-serif;padding-left:5px;color:#336699;}

/* saved locations link format */
#savehead a {color:#336699;}

/* map info baloon format */
#adrbln p {font: 11px Arial, sans-serif; padding:5px;margin:0px;color:black;}


/*for FF to remove outline on selected!!!*/
a{
-moz-outline-style:none;
}

/* text has to have properties othervise small divs  not show properly in IE */


/* New footer content format */

#extcontD2 a { text-decoration: none; font: 11px Arial, Verdana,  sans-serif; padding:0px; margin:0px;}
#extcontD2 a:link {color: black; }
#extcontD2 a:visited { color: black; }
#extcontD2 a:hover { color: #ff0000; } 


#extcontB1 a { text-decoration: none; font: 11px Arial, Verdana,  sans-serif; padding:0px; margin:0px;}
#extcontB1 a:link {color: black; }
#extcontB1 a:visited { color: black; }
#extcontB1 a:hover { color: #ff0000; } 

#extcontB2 a { text-decoration: none; font: bold 14px Arial, Verdana,  sans-serif; padding:0px; margin:0px;}
#extcontB2 a:link {color: #666666; }
#extcontB2 a:visited { color: #666666; }
#extcontB2 a:hover { color: #ff0000; } 


#extcontT a { text-decoration: none; font: bold 18px Arial, Verdana,  sans-serif; padding:0px; margin:0px;}
#extcontT a:link {color: #FF0000; }
#extcontT a:visited { color: #FF0000; }
#extcontT a:hover { color: #ff9900; } 


.ftt {font: bold 12px Arial, sans-serif; color:#336699;}

#extcontD2 p {margin-left:10px;}
#extcontB p {margin-left:10px;}

h6 {font: bold 18px Arial, sans-serif; color: #336699; margin:5px  5px 5px;padding:0px;}