/* CSS Document */
html{
	height:100%;
	/*text-align:center;*/
	}
body{
	background-image:url(../images/layout/background.gif);
	font-size: 9pt;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
    color:#000000;
	height: 100%;
    }
#container{
	width:770px;
	background-color:#FFF1B9;
	background-image:url(../images/layout/container.gif);
	background-repeat: no-repeat;
	z-index: 1;
    min-height:680px;
    }
#outer{
	margin-left:auto ;
	margin-right:auto;
    height:100%;
    width:770px;	
    }
#header{
    position:relative;
    width:770px;
    padding: 0;
    margin: 0;
    }
#mainarea{
    width:685px;
    top:115px;
    margin-left:auto;
    margin-right:auto;
    }
#footer{
    text-align:center;
    color: white;
    width:770px;
    padding-top:0px;
    padding-bottom:0px;
    float: left;
    margin:0;
    }

/*
    SETTINGS FOR THE LEFT HAND PANEL ON THE FRONT (AND, WHEN FIRST LOGGED IN?)
*/
#leftpanel{
    float:left;
    width:340px;
    /*height:630px;*/
	background-image:url(../images/layout/frontLeft.jpg);
	background-repeat: no-repeat;
	z-index: 2;
    }
#leftpanel h1{
	font-family:Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	text-align:right;
	margin: 0px;
	padding-left: 0px;
	padding-right: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color:#FFCC00;
	background-image: url(../images/layout/arrowBullet.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#leftpanel .morebutton{
    float:right;
    margin-right:0px;
    margin-top:-25px;
    margin-bottom:0px;
    }
    
    #leftpanelplain{
    float:left;
    width:340px;
    height:630px;
	background-image:url(../images/layout/frontLeft.gif);
	background-repeat: no-repeat;
	z-index: 2;
    }
#leftpanelplain h1{
	font-family:Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	text-align:right;
	margin: 0px;
	padding-left: 0px;
	padding-right: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color:#FFCC00;
	background-image: url(../images/layout/arrowBullet.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#leftpanelplain .morebutton{
    float:right;
    margin-right:0px;
    margin-top:-25px;
    margin-bottom:0px;
    }

    
    
    
    
    
    
    
/*
    SETTINGS FOR THE RIGHT HAND PANEL ON THE FRONT (AND, WHEN FIRST LOGGED IN?)
*/
#rightpanel{
    margin: 0;
    padding: 0;
    width:345px;
    float:right;
	z-index: 2;
    }
/*The eQuip box*/
#equipbox{
    background-image:url(../images/layout/frontEquip.gif);
    background-position:top left;
    background-repeat:no-repeat;
    margin:0;
    height: 330px;
    color: #003366;
    background-color:#DEE8FF;
    z-index:3;
}  
#equipbox .equipbutton{
    padding-left:5px;
    padding-top:25px;
    padding-bottom:-80px;
    margin:0;
}  
#equipbox .imagesspan{
    display:block;
    width:100%;
    text-align:center;
    padding-top:10px;
}
/*testimonials box*/
#testimonials{
    margin-top:5px;
	background-image: url(../images/layout/frontTesti.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 140px;
	z-index: 3;
	}
/*login box*/
#loginbox{
    background-color:#FFF1B9;
    margin-top:5px;
    background-image:url(../images/layout/frontLogin.gif);
    background-position:right top;
    background-repeat:no-repeat;
    height:150px;
    }
#loginbox p{
    padding: 0px 20px 0px 25px;
    margin: 0;
}
#loginbox .logbut{
    margin-left:70px;
    margin-right:30px;
    float:right;
    }
#loginbox label{
    float:left;
    }
#loginbox .textfield{
    float:right;
    width:165px;
    margin-right:30px;
    font-size:small;
    margin-bottom:5px;
    }


#menubar{
	position: absolute;
	width:770px;
	left: 0px;
	top: 65px;
}

#menubar a:link { text-decoration: none; color:white;}
#menubar a:visited { text-decoration: none; color:white;}
#menubar a:hover { text-decoration: underline; }
#menubar a:active { text-decoration: none; }

img {
border:0px;
}



/*login box without the padlock image*/
#loginboxnoimage{
    background-color:#D3E8FF;
    margin-top:5px;
   background-image:url(../images/layout/frontLoginnoicon.gif);
    background-position:right top;
    background-repeat:no-repeat;
    height:150px;
    }
#loginboxnoimage p{
    padding: 0px 20px 0px 25px;
    margin: 0;
}
#loginboxnoimage .logbut{
    margin-left:70px;
    margin-right:30px;
    float:right;
    }
#loginboxnoimage label{
    float:left;
    }
#loginboxnoimage .textfield{
    float:right;
    width:165px;
    margin-right:30px;
    font-size:small;
    margin-bottom:5px;
    }
    
.logos{
/*display:block;*/
margin-top:50px;
}
.logos img{
margin-top:5px;

}
.bottomlinks{
display:block;
background-color:#003366;
padding-top:5px;
padding-bottom:5px;
}
#footer a:link { text-decoration: none; color:white;}
#footer a:visited { text-decoration: none; color:white;}
#footer a:hover { text-decoration: underline; }
#footer a:active { text-decoration: none; }

.clear {
    width: 100%;
    height: 1px;
    margin: 0 0 -1px;
    clear: both;
}

/*
    STANDARD FORMATTING TAGS
*/
p{
	padding-top:5px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:0px;
	margin:0px;
    }
blockquote{
	padding-top:10px;
	padding-left:15px;
	padding-right:10px;
	padding-bottom:10px;
	margin: 0px;
	font-weight:bold;
	background-image: url(../images/layout/backQuote.gif);
	background-repeat: no-repeat;
	background-position: 5px top;
	}
.attributed{
	color:#FFCC00;
	font-size:12px;
	text-align:right;
	padding-right:20px;
	padding-left:70px;
	}
    
ul{
	list-style-image: url("../images/layout/listTick.gif");
	padding-left:40px;
	padding-right:0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	}

h1{
	font-family:Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:20px;
	margin: 0px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
h2{
	font-family:Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:20px;
	margin: 0px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
h3{
	font-family:Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:16px;
	margin: 0px;
	padding-left: 25px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	}
h4{
	font-family:Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:16px;
	margin: 0px;
	padding-left: 25px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	}
	
.nav{
	background-image: url(../images/navigation/navBack.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 90px;
	color:#FFFFFF;
	font-family:"Arial Rounded MT Bold", Arial, "Arial Black";
	font-size:12px;
	vertical-align:middle;
	text-align:center;
	}
 .clear{
    height:10px;
    }
 a:link{
    color:#000000;
    }	
 a:hover{
    color:#EEEEEE;
    }		
 a:visited{
    color:#000000;
    }		
 a:active{
    color:#000000;
    }	
.lightBack{
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    border: none;
    /*background-color:#CCFF99;*/
     /*margin-top: 5px;
    margin-bottom: 5px;
    width:470px;*/
    }

/*
    ADDS FOMATTING TO REQUEST STATUS
*/
.booked{
    color:#000000;
    font-weight:bold;
    }
.requested{
    color:#FF0000;
    font-style:italic;
    }
.declined{
    color:#000000;
    }
 
 /*
    FOMATTING FOR THE HORRENDOUS EQUIP SUMMARY PAGE
*/
 .hangLeft{
    padding-left: 20px;
    float:left;
    }
 .hangRight{
    padding-right: 0px;
    float:right;
    }
    
/*
    ROLLOVER NAVIGATION STYLING
*/
#menubar .navigation, #menubar .navigation ul {
    list-style: none;
    list-style-type: none;
    margin-top: 0px !Important;
    margin-top: -5px;
    }
    
#menubar .navigation li {
    float: left;
    position: relative;
    width: 90px;
    text-align: center;
	background-image: url(../images/navigation/navBack.gif);
	background-position: left top;
    background-repeat: no-repeat;
	height: 25px;
	width: 90px;
	color:#FFFFFF;
	font-family:"Arial Rounded MT Bold", Arial, "Arial Black";
	font-size:12px;
	vertical-align:middle;
	text-align:center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 2px;
    list-style-type: none;
    list-style: none;
    }
    
#menubar .navigation a:link, #menubar .navigation a:visited {
    display: block;
    }
/* html #menubar .navigation a {
width: 300;
}*/
#menubar .navigation ul {
    /*display: none;*/
    position: absolute;
    }
    
#menubar .navigation ul li {
    float: none;
    }
    
/*#menubar .navigation li:hover ul {
    display: block;
    
    }*/
#menubar ul ul
{/*display:block;*/
	visibility:hidden;/**/
	position:absolute;		
}   

#menubar a:hover, #menubar ul ul a:hover
{color:#fff; 			
background:none;
}
#menubar ul li:hover ul, #menubar ul a:hover ul {
	visibility:visible; 
} 
    
#menubar .submenu li {
    /*float: left;
    position: relative;*/
    width: 90px;
    height: 10px;
    margin-left: -50px;
    text-align: left;
    background-image: none;
    background-color: #003366;
    border: #FFFFFF 2px solid;
    padding-left: 5px;
    list-style: none;
    list-style-type: none;
    list-style-image: none;
    }
    
    .frontspacer
    {height:150px;
    }