/* Style sheet for Dot Software web-site RSO 10/07/2000 */
body { 
	background: #808080;
	font:100% "Trebuchet MS", Arial, sans-serif;
	color: #000; 
	padding:0;	
	text-align: center; /* centre page for IE */ 
	height: 100%;
}

div#container {
	text-align:left; 
	width: 765px;
	margin: 10px auto; /* centre page for the rest */ 
	background: #838295 url("bath_monotone_bluetinge_fade-long.jpg") top left no-repeat;
	padding-left: 202px;
}

div#box {
	background: #838295;
	padding: 8px;
}

div#box_even {
	background: #A4A6BB;
	padding: 8px;
}

div#box_odd {
	background: #838495;
	padding: 8px;
}

div#header {
	background: white url("logo_small.gif") center left no-repeat;
	padding: 7px;
}
/* navigation */
div#main_nav {
	margin:0; 
	padding:0;
}

div.right {
	float: right;
	width: 20em;
}

span.linkedin {
	padding: 3px;
	}
	
ul#nav {
	margin:0; padding:0;font-family:"Trebuchet MS",Verdana, sans-serif; font-size: 80%; letter-spacing:1px; 
	text-transform:uppercase; font-weight: bold; line-height:10px;
	height: 32px;
	border-bottom: 1px solid #c0c7ce;
	border-right: 1px solid #c0c7ce;
}

/*ul#nav li {list-style: none; float: left; text-align: center; background: #999AAE; height: 32px; width: 19%; padding:0; border-left: 1px solid #c0c7ce;}*/
ul#nav li {list-style: none; float: left; text-align: center; background: #838295; height: 32px; width: 19%; padding:0; border-left: 1px solid #c0c7ce;}
ul#nav li a {display:block; padding: 11px 19px 10px; text-decoration: none; color: #d0d7de;}

ul#nav li a:hover {color: white;}
ul#nav li.selected a {color: white;}
/*
ul#nav {margin:0; padding:0;font-family:"Trebuchet MS",Verdana, sans-serif; font-size: 80%; letter-spacing:1px; text-transform:uppercase; font-weight: bold; line-height:10px;}
ul#nav li {list-style: none; float: left; text-align: center; background: #d1d8de; height: 32px; padding:0; border-right: 1px solid #bcc5cc;}
ul#nav li a {float:left; display:block; padding: 11px 19px 5px; text-decoration: none; color: #487597;}

ul#nav li.selected {background: #c0c7ce;}
*/

/* content */
div#content {
	clear: left;
	margin: 0;
	height: 100%;
	background: #999AAE;
}

div#content_main {	
	margin: 0;
	padding: 20px;
	font-size: 12pt;
	/*background: #CCCCD6;*/
	width: 725px;
	min-height: 400px;
}

.clear_left {
	clear: left;
}

/* footer */
div#footer {
	font-size: 9pt; 
	padding: 5px;
	margin-left: -202px;
	clear: both;
	color: black;
	background: white;
	height: 25px;
}

div#footer a {color: black;}
div#footer a:hover {color: #999aae;}

div#footer_left {
	float: left;
}
div#footer_right {
	float: right;
}

/* home page */
div.home {  }
div.homecaption1 { margin-left: 10px; margin-top: 40px; font-size: 15pt; padding: 10px }
div.homecaption2 { text-align: center; font-size: 28pt; padding: 10px  }
div.homecaption3 { text-align: center; font-size: 15pt; padding: 10px  }
div.homecaption4 { text-align: center; font-size: 28pt; padding: 10px  }
div.maintitle { text-align: center; font-size: 28pt; padding-top: 10px;}
div.maintitlebottom { text-align: center; font-size: 28pt; padding-bottom: 15px;}

/* Basic paragraph */
P {
	font-size: 12pt;
	margin-top: 5px;
	margin-bottom: 5px;
}

TD { font-size: 9pt; }

/* Heading 1 */
P.H1 { font-size: 16pt; font-weight: bold; margin-top: 5px; margin-bottom: 15px;}

/* Heading 2 */
P.H2 { font-size: 11pt; font-weight: bold; padding-bottom: 0pt;  margin-top: 9pt; margin-bottom: 0pt; }

TD.leftmargin { background-image: "bath_monotone_bluetinge.jpg" }
TD.logo { width: 180; background-color: white; padding: 0px }
TD.footer { padding: 5px; font-size: 8pt; color: #333333 }
TR.menu { background-color: white; margin-left: 100px }

/* Links */
/*A:link { color: #EDE4FD; text-decoration: none; font-weight: bold;}*/
A:link { color: #DCE4E3; text-decoration: none; font-weight: bold;}
A:visited { color: #CFCDE4; text-decoration: none; font-weight: bold;}
A:active { color: #AEA999; text-decoration: none; font-weight: bold;}
A:hover { color: #F5F6FB; text-decoration: none; font-weight: bold;}

A.menu { margin-left: 20px; margin-top: 20px; font-size: 12pt; font-weight: bold; background-color: white; color: #999AAE }

P.phone_no { margin: 1pt; color: black; font-weight: bold; text-align: right; }
P.footer { font-size: 7pt; font-style: italic; margin: 2pt}

/* Copyright info */
P.copyright_info { font-size: 8pt; color: #666666 }

/* directions */
P.directions { font-size: 12pt }

/* example images in tables */
SPAN.exampleappright { float: right; margin: 6px }
SPAN.exampleappleft { float: left;  margin: 6px }

INPUT.inputform {
	border: none;
	width: 300px;
}

TEXTAREA.inputform {
	border: none;
	width: 300px;
}

TD.inputform {
	font-size: 12pt;
}
	

.buttons {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color: #333333;
 color: #FFFFFF;
 margin-right: 6px;
 border:1px solid;
 border-top-color:#4C4D62;
 border-left-color:#4C4D62;
 border-right-color:#4C4D62;
 border-bottom-color:#4C4D62;
}

input.buttons_hover{
   border-top-color:#F5F6FB;
   border-left-color:#F5F6FB;
   border-right-color:#F5F6FB;
   border-bottom-color:#F5F6FB;
}

TD.clientlogo {
	background-color: white;
	}
	
A.clientlogo {
	}
	
IMG.clientlogo {
	width: 150px;
	height: auto;
	border: 0;
	}

table.clientlogo {
	border-spacing: 10px;
	}