/* Layout Stylesheet */ 

body{
 margin:0;
 padding:0;
 background-color:#435267;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:100%;
 }
  
h1, h4, h3, h5{
text-align:center;
margin-left:5px;
margin-right:5px;
padding-left:10px;
border:.5px solid #b9c7df;
background-color:#687E95;
color:#EEF3F9;}

hr{
border:2px solid white;

height:6px;
background-color:#687E95;
}

ul {
margin-left:10px;
padding:0px;}

li{
margin-left:10px;
padding:0px;}

img.displayed {
display:block;
border:2px groove #b9c7df;
padding:5px;
margin-left:auto;
margin-right:auto;
}

a{
color:blue;}
a:visited{
color:purple;}
a:hover{
color:green;}


.clear{
clear:both;}

.textbox{background-image:url('images/bgd.png');
background-repeat:repeat;
width:95%;
margin-left:auto;
margin-right:auto;
padding:5px}

.textbox2 {background-image:url('images/bgd.png');
background-repeat:repeat;
width:90%;
margin-left:5px;
margin-right:auto;
font-size:12px;
font-weight:bold;
padding:5px}

.textbox2  ul {
list-style-type:none;
font-size:95%;
font-weight:normal;
}

.image{
text-align:center;
margin:auto;} 

.welcome {
padding:8px;
line-height:1.5em;
font-size:13px;
font-weight:bold;
color:#355466;}

.main_formhead {font-size:16px;
font-weight:bold;}

#container{
 width:960px;
margin: 0px auto;
background-color:#ffffff;
}


#header{
float:left;
background-image:url('images/tardibiggecolour_01.png'); 
background-repeat:no-repeat;
height:142px;
width:960px; 
}

#hdr{
background-image:url(images/princesdockpan.png);
background-position:bottom;
background-position:center;
background-repeat:repeat-x;
float:left;
height:140px;
width:960px; 
}

#panorama{
display:block;
float:left;
width: 100%;
}

#naturalheader{
float:left;
background-image: url('images/plane_01.png');
background-repeat:no-repeat;
height:142px;
width:960px; 
}

#scapeheader{
float:left;
background-image: url('images/images/scape_01.png');
background-repeat:no-repeat;
height:142px;
width:960px; 
}

#engineheader{
float:left;
background-image: url('images/HOME-PAGECslice_01.png');
background-repeat:no-repeat;
height:142px;
width:960px; 
}

#retroheader{
float:left;
background-image: url('images/gibson-one_01.png');
background-repeat:no-repeat;
height:142px;
width:960px; 
}

#LOCALheader{
float:left;
background-image: url('images/LOCAL_01.png');
background-repeat:no-repeat;
height:142px;
width:960px; 
}

#traceheader{
float:left;
background-image: url('images/trace_01.png');
background-repeat:no-repeat;
height:142px;
width:960px; 
}

#wrap {
background-image:url('images/tardibiggecolour_02.png');
background-repeat:no-repeat;
float:left;
    width:960px;    
}

#naturalwrap {
background-image: url('images/plane_02.png');
background-repeat:no-repeat;
float:left;
    width:960px;    
}

#scapewrap {
background-image:  url('images/images/scape_01_02.png');
background-repeat:no-repeat;
float:left;
    width:960px;    
}

#enginewrap {
background-image:  url('images/HOME-PAGEBslice_02.png');
background-repeat:no-repeat;
float:left;
    width:960px;    
}

#retrowrap {
background-image:  url('images/gibson-one_02.png');
background-repeat:no-repeat;
float:left;
    width:960px;   
}

#LOCALwrap {
background-image:  url('images/LOCAL_02.png');
background-repeat:no-repeat;
float:left;
    width:960px;  }

#tracewrap {
background-image:  url('images/trace_02.png');
background-repeat:no-repeat;
float:left;
    width:960px;  } 
	


#leftcol{
float:left;
width:252px;
border:1px solid #b9c7df;
}

#homeleftcol, #leftcol, #retroleftcol, p{
font-size:11px;
padding:8px;
}

#homeleftcol, #leftcol, image, {

}

#retroleftcol{
float:left;
width:320px;
border:1px solid #b9c7df;
}

#main{
float:left;
width:500px;
background-image:url('images/bgd.png');
background-repeat:repeat;
border:1px solid #b9c7df;
}

#main,  p {
font-size:11px;
padding:5px;
}

#retromain{
float:left;
width:320px;
background-image:url('images/bgd.png');
background-repeat:repeat;
border:1px solid #b9c7df
}


#map_canvas{
width: 800px; 
height: 480px;
margin:auto;
margin-bottom:20px;
}

#intro {
width:100%;
background-color:#EFF0F1;
font-size:12px;
border:2px solid #b9c7df;
}

#rightcol{
float:left;
width:160px;
border:1px solid #b9c7df;
}

#rightcol,  p {
color:#000000;
font-size:11px;
padding:5px;
}

#retrorightcol{
float:left;
width:290px;
border:1px solid #b9c7df;
}

#restore {
float:left;
width:100%;
font-size:12px;}

#footer {
clear:both;
height:100px;
width:960px;
background-color:#b9c7df;
}
#footer  p {
font-size:80%;
margin-left:10px;
}
/* top navigation*/

#slantedmenu{
margin-top:90px;
font-weight: bold;
font-size: 80%;
font-style:italic;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{

text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #b9c7df;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: url('images/slantdivider.gif') no-repeat top right;; padding-left:0; padding-top:3px; padding-bottom:3px
}

#slantedmenu ul li a:visited{
color: #494949;
} 

#slantedmenu ul li a:hover{
color:#687E95;
}


/* navigation in footer*/
#altnav ul
 {
 font-size:12px;
 margin:20px;
 width: 400px;
	float: right;
	text-indent: 10px;
padding: 20px 0;
margin: 0;
background-color: #b9c7df;
border: 1px solid #bebebe;
text-align: left; 
	
	}
	
	#altnav ul li { display: inline; }

	 #altnav ul li a 
	 {color: #494949;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: url('images/slantdivider.gif') no-repeat top right;; padding-left:0; padding-top:3px; padding-bottom:3px}

	#altnav ul li a:visited 
	{color: #494949;}
	
	#altnav ul li a:hover 
	{color:#687E95;}


 #formbox{
 display:block;
 background-color:#183D52;
 width:60%;
 margin-left:100px;
 margin-top:20px;
 color:#EDF5E2;}
 
 #formbox form {border:1px solid #fff;
  padding:10px;
  font-size:10px;
  text-align:justify;}
 
 #formbox form label {margin:5px 0 0 5px;
}
 #formbox form label input {background-color:#FFFFB3;}
 #formbox form label textarea {background-color:#EDF5E2;
 padding:10px;}