/* ======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;
}


/* div to center content as required */

#global {

/*top  container centered horizontally, 10px from the top*/

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

/* most top container */

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

/*spacer div below header*/

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

/* first container for top box frame */

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


/* middle container */
#main{
 position: relative;
 width:950px;
/*height:860px;*/
height:636px;
background:white;
}

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

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


/*bottom container*/

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


/* ======  Template Main Divs ====== */

/*Divs in "header" container*/

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


#topad {
position: relative;
width:468px;
height:60px;	
float:right;
top:7px;
right:12px;

}


/*navigation bar withing "nav" div with links to about, etc*/

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


/* copyright div */

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

}


/* ==== Template Formatting Divs ===== */


#title {
position:absolute;
top:0px;
left:12px;
width:926px;
height:30px;
background-color: white;

}


#mapnav {
position:absolute;
top:30px;
left:12px;
width:926px;
height:30px;
background: white;
}



#container {
position:absolute;
top:60px;
left:12px;
width:926px;
height:530px;
background-color: white;
}

#mapX {
position:absolute;
top:0px;
left:20px;
width:510px;
height:510px;
background-color: white;
border: 1px solid gray;
}




#ad3 {
position:absolute;
top:730px;
left:210px;
width:728px;
height:15px;
background-color:white;
}


/* div for address */


#adrs {
position: absolute;
top:0px;
left:550px;
width:360px;
height:100px;
border: 1px solid gray;
overflow:auto;
}


#adrsrch {
position: absolute;
top:110px;
left:550px;
width:360px;
height:100px;
border: 1px solid gray;
overflow:auto;
}


#adrlink{
position: absolute;
top:220px;
left:550px;
width:360px;
height:120px;
border: 1px solid gray;
overflow:auto;

}


#rest {
position: absolute;
top:350px;
left:550px;
width:360px;
height:160px;
border: 1px solid gray;
overflow:auto;

}


/* div to hold maptype selection box*/
#mt {
position: absolute;
top:5px;
left:20px;
}

/* div to hold jumpto selection box*/
#jt {
position: absolute;
top:5px;
left:200px;
}

/* div to hold +/- */

#ctrl1 {

position: absolute;
top:5px;
left:470px;
width:20px;
height:20px;

}

#ctrl2 {
position: absolute;
top:5px;
left:500px;
width:20px;
height:20px;

}


/* map related divs */

#map {

position: absolute; 
top:0px; left:0px; clip:rect(0px 510px 510px 0px);
width: 510px; 
height:510px;
}

#ld {
position: absolute; top:210px; left:210px; 
width:75px;
height:75px;
z-index: 101;
display:none;
}

/* for address search box formating */

#adr {
 background-color: #ffffff;
color: gray;
height: 13px;
font-size: 10px;
margin-left:5px;
}






/* ===== Template Formatting Styles ==== */


#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; } 
.frt { color: black; font: bold 11px Arial, Verdana,  sans-serif; /* padding:0px; margin:0px;*//*background-color:#eee;border:1px dotted #cccc66;*/}


h1 {font: bold 18px Arial, sans-serif; color: #ff0000; margin:5px  20px 5px;padding:0px;}
h2 {font: bold 14px Arial, sans-serif; color: #336699; margin:5px;padding:0px;}
p {font: 10px Arial, sans-serif; padding:5px;margin:0px;color:gray;}


form {display:inline}

#adrs a, #adrlink a, #rest a {color:#336699;}



/*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 */


/* ====   Page action related formatting =====       */

/*for drag map*/

.drag{
position:relative;
cursor:move;
z-index: 100;
}

.nodrag{
position:relative;
cursor:move;
z-index: 100;
}