body {
background: #585858;
padding: 0px;
margin: 0px;
font-family: Trebuchet MS, Helvetica, sans-serif;
font-size: 1em;
} 

h1{
font-size: 110%;
padding: 20px 0px 5px 0px;
margin: 0px;
color: #fff;
}

h2{
font-size: 100%;
padding: 10px 0px 2px 0px;
margin: 0px;
color: #fff;
}

p{
font-size: 95%;
padding: 0px 0px 0px 0px;
margin: 0.5em 0px 1em 0px;
color: #fff;
line-height: 1.5em;
}


div.lightBackground h1{
color: #19469D;
letter-spacing: 1px;
}

div.lightBackground h2{
color: #585858;
padding: 10px 0px 0px 0px;
margin: 0px;

}

div.lightBackground p{
color: #585858;
}

div.lightBackground small{
float: left;
color: #585858;
}

div.lightBackground p a{
color: #252525;
}

div.lightBackground ul{
font-size: 95%;
color: #585858;
padding: 0px 0px 0px 20px;
margin: 0px;
}

div.lightBackground li{
padding: 5px 0px;
line-height: 1.5em;
}

div.lightBackground li a{
color: #252525;
}


/*********************/
/** PAGE STRUCTURE  **/
/*********************/

div#pageContainer{
width: 1000px;
padding: 0px;
margin: 0px auto;
position: relative;
background: #F5F8F9;
border-top: 2px solid #252525;
border-left: 2px solid #252525;
border-right: 2px solid #252525;
z-index: 0;
}

div#pageContent {
margin: 0px;
width: 1000px;
}

div#bckImage {
position: absolute;
padding: 0px;
margin:  0px;
width: 1000px;
height: 800px;
overflow: hidden;
z-index: -99;
}


div#bckImage img {
width: 1000px;
padding: 0px;
margin: 0px;
z-index: -99;
}

div#overlay {
position: absolute;
padding: 0px;
margin:  0px;
width: 1000px;
height: 800px;
overflow: hidden;
z-index: -98;
}


div#overlay img {
width: 1000px;
padding: 0px;
margin: 0px;
z-index: -98;
}



div#mainContentContainer{
padding: 200px 0px 0px 0px;
margin: 0px;
}

div#mainContentPanel{
margin: 0px 0px 0px 180px;
}

div#mainContent{
padding: 5px 10px 0px 20px;
font-size: 85%;
}

div#bespokeDesignSpace{
float: right;
width: 400px;
height: 580px;
}

/***************/
/** LOGIN BAR **/
/***************/

div#loginBar {
position: absolute;
top: 0px;
right: 0px;
padding: 0px;
margin: 0px;
width: 420px;
text-align: right;
color: #fff;
}

div#loginBar p input.stylishField {
padding: 0px 2px;
margin: 0px 3px;
height: 15px;
width: 80px;
}

div#loginBar p input.stylishButton {
padding: 2px 5px;
margin: 0px 2px;
width: 40px;
}


div#loginBar p {
padding: 5px 5px;
margin: 0px;
font-size: 70%;
}

div#loginBar p input {
font-size: 100%;
}

div#loginBar div.transparency{
position:absolute;
top:0px;
right: 0px; 
padding: 0px;
margin: 0px;
width: 420px;
height: 30px;
background: #000;
opacity:0.2;
filter:alpha(opacity=20);
-moz-opacity:0.2;  
z-index: -1;
}

th{
color: #585858;
text-align: left;
}


/******************************/
/** INPUT FIELDS AND BUTTONS **/
/******************************/


input.stylishField{
font-family: Trebuchet MS, Helvetica, sans-serif;
font-size: 90%;
padding: 2px 4px;
margin: 0px 0px;
border: solid 1px #85b1de; 
background-color: #EDF2F7;
width: 150px;
}

input.stylishButton {
font-family: Trebuchet MS, Helvetica, sans-serif;
padding: 2px 4px;
margin: 0px 0px;
background: #555;
border: 1px solid #858585;
font-size: 90%;
color: #fff;
width: 160px;
}

input.stylishButton:hover {
background: #cfcfcf;
color: #000;
}

textarea{
padding: 2px 4px;
font-family: Trebuchet MS, Helvetica, sans-serif;
font-size: 90%;
border: solid 1px #85b1de; 
background-color: #EDF2F7;
}


/***************/
/** MENU BAR  **/
/***************/


div#menuBar{
float: left;
position: relative;
margin: 0px 0px 0px 35px;
padding: 0px;
width: 145px;
height: 800px;
z-index: 5;
}

div#menuBar div.transparency{
margin: 0px 0px 0px 0px;
padding: 0px;
position:absolute; 
width: 145px;
height: 800px;
clear: both;
left:0px;
top:0px; 
opacity:0.4;
filter:alpha(opacity=40);
-moz-opacity:0.4;  
z-index: -1;
}

div.light div.transparency{
background: rgb(194,211,237);
}

div.normal div.transparency{
background: rgb(70,79,108);
}


div#logo{
background: #fff;
text-align: center;
padding: 30px 0px;
margin: 0px;
line-height: 0px;
}

div#logo img{
height: 140px;
border: none;
padding: 0px;
margin: 0px;
}

div#navigation {

}

div#navigation ul{
list-style: none;
margin: 0px;
padding: 10px 0px 10px 15px;
}

div.normal div#navigation ul{
border-bottom: 1px solid #858585;
}

div.light div#navigation ul{
border-bottom: 1px solid #fff;
}


div#navigation ul#bottom{
position: relative;
top: 0px;
border: none;
margin: 0px;
padding: 160px 0px 20px 15px;
}

div#navigation ul#bottom li a{
font-size: 80%;
}

div#navigation ul li{
padding: 6px 0px;
font-size: 0.9em;
position: relative;
}

div#navigation ul li a{
text-decoration: none;
font-size: 85%;
outline: none;
}

div.light div#navigation ul li a{
color: #19469D;
}

div.normal div#navigation ul li a{
color: #fff;
}



div#navigation ul li a:hover{
text-decoration: none;
}

div.light div#navigation ul li a:hover{
color: #000;
}

div.normal div#navigation ul li a:hover{
color: #ccc;
}


span#pageSelected {
position: absolute;
right: 150px;
top: 6px;
}

span#pageSelected img {
width: 20px;
}


/******************/
/** IMAGE COUNTS **/
/******************/

p#slogan{
position: absolute;
right: 40px;
bottom: -40px;
color: #ffffff;
font-size: 300%;
font-weight: bold;
text-align: center;

}

p#slogan img{
width: 250px;
}


/*******************/
/** IMAGE CHOOSER **/
/*******************/

div#imageChooser{
position: absolute;
top: 70px;
right: 0px;
padding: 0px;
margin: 0px;
}

div#imageChooser ul{
list-style: none;
padding: 0px;
margin: 0px;
border-left: 1px solid white;
border-top: 1px solid white;
}

div#imageChooser li{
padding: 0px;
margin: 0px;
height: 46px;
position:relative;
}

div#imageChooser li a{
padding: 0px;
margin: 0px;
}

div#imageChooser li a img{
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 45px;
border-bottom: 1px solid white;
padding: 0px;
margin: 0px;
}

span#imageChoiceSelected {
position: absolute;
right: 75px;
top: 10px;

}

span#imageChoiceSelected img {
width: 10px;

}





/************/
/** FOOTER **/
/************/


p#footer{
font-size: 60%;
text-align: right;
color: #858585;
padding: 0px 5px 0px 0px;
margin: 0px;
background: #252525;
clear: both;
}

p#footer a{
color: #858585;
text-decoration: none;
}

a{
color: #fff;
font-weight: bold;
text-decoration: none;
}


a:hover{
color: #ccc;
text-decoration: underline;
}


/****************/
/** IMAGE GRID **/
/****************/

table#imageGrid{
float: right;
padding: 0px;
margin: 0px 0px 20px 20px;
border: 0px;
border-collapse: collapse;
}

table#imageGrid tr{
padding: 0px;
margin: 0px;
line-height: 0em;
}

table#imageGrid tr td{
padding: 0px;
margin: 0px;
line-height: 0em;
}

table#imageGrid tr td img{
width: 120px;
padding: 0px;
margin: 0px;
line-height: 0em;
}


/****************/
/** IMAGE LIST **/
/****************/

ul#imageList{
list-style: none;
text-align: center;
}
ul#imageList li{
padding: 10px;
}
ul#imageList li a img{
border: none;
}

/********************/
/** READABLE TEXT  **/
/********************/

div#readableText{
margin: 200px 0px 0px 0px;
padding: 0px;
position:absolute; 
width: 100%;
height: 600px;
clear: both;
left:0px;
top:0px; 
background: #464F6C;
opacity:0.6;
filter:alpha(opacity=60);
-moz-opacity:0.6;  
z-index: -1;
}

div#readableTextSolid{
margin: 200px 0px 0px 0px;
padding: 0px;
position:absolute; 
width: 100%;
height: 600px;
clear: both;
left:0px;
top:0px; 
background: #F5F8F9;
z-index: -99;
}

/*******************/
/** CONTACT PAGE  **/
/*******************/

table#contactForm{
padding: 0px;
margin: 0px 0px 0px 0px;
}

table#contactForm tr th{
color: #fff;
font-weight: bold;
text-align: left;
vertical-align: top;
}

table#contactForm tr td input.stylishField{
width: 190px;
}

table#contactForm tr td input.stylishButton{
width: 200px;
}




table#contactForm tr td textarea{
width: 190px;
}

table#contactLayout tr td{
vertical-align: top;
}


table#contactLayout tr td#contactFormColumn{
width: 230px;
padding: 0px 5px;
}

table#contactLayout tr td#contactDetailsColumn{
width: 250px;
padding: 20px 5px;
}

table#contactLayout tr td#contactMapColumn{
width: 250px;
padding: 20px 10px;
}

div#map_canvas{
height: 540px;
width: 250px;
}


/********************/
/** EMERGENCY MENU **/
/********************/

div#emergencyMenuBar{
background: black;
padding: 0px;
margin: 0px;
vertical-align: middle;
}



div#emergencyMenuBar ul{
padding: 8px 0px 8px 0px;
margin: 0px 0px;
vertical-align: middle;
line-height: 1em;
}

div#emergencyMenuBar ul li{ 
display: inline;
padding: 0px;
margin: 0px;

}

div#emergencyMenuBar ul li a{ 
text-decoration: none;
vertical-align: middle;
padding: 6px 10px;
margin: 0px 10px;
font-size: 85%;
outline: none;
}

div#emergencyMenuBar ul li a:hover{ 
background: #353535;
text-decoration: none;
}

div#emergencyMenuBar ul li a:active{ 
color: #19469D;
}