

/* Color
--------------------------------------------------------------- */
/* http://wellstyled.com/tools/ : 255-60-70 
skin #FFF2BF
brown #BFAC60
dark brown #806C40
near white #FFFAE6
warm yellow #FFE680

Logo pale blue #9EB0C9
darker blue #405E8D
Logo grey #B8B3AD
Darker grey #6C6359
White #FFFFFF



*/

/* css template for Tristram Clinic Ltd
updated 18 September 2011
--------------------------------------------------------------- */
@media screen {

#header {
	width: 100%;
	min-width: 750px;
	height: 130px;
	border: solid #B8B3AD;
	border-width: 1px 0px 1px 0px;
	background: #9EB0C9;
}
#header td, a  {
	font: bold 0.9em Arial, sans-serif;
	color: white;
 }

#header td a:hover  {
	color: #6C6359;
}

#main p, li, a {
	font: 0.9em Arial, Helvetica, sans-serif;
text-align: left;
min-width: 50em;
	max-width: 75em;
}

#main p, li {
	color: black;
}

#main h1 {
	font: bold 2em Times, sans-serif;
	color: #6C6359;
	border-bottom: 1px solid #B8B3AD;
}

#main h2 {
	font: bold 1.25em Times, sans-serif;
	color: #6C6359;
}
#main h3 {
	font: bold 1em Times, sans-serif;
	color: #6C6359;
}

#main a {
	color: #405E8D;
}

#main a:hover {
	color: #6C6359;
}

#main a:visited {
	color: #6C6359;
}

.breadcrumbs {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 0.7em;
	color: black;
}


.qual {
 font: bold 0.5em Times, sans-serif;
}

.table {
	background: #9EB0C9;
	border: solid #B8B3AD;
	border-width: 1px 1px 1px 1px;
	position:relative;
	left: 10px;
	
}

.table td, .table li {
	color: #ffffff;	 
	
}
.table li {
	color: #ffffff;	 
	font: 0.8em Arial, Helvetica, sans-serif;
}
.table th {
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #6C6359;	 
	
}
.table caption {
		font: bold 1.25em Times, sans-serif;
color: #6C6359;	 
	
}
#main hr {
	height: 1px solid;
	width: 100%;
	color: #B8B3AD;
}
.image {
	font: 0.8em Arial, Helvetica, sans-serif;
	background: #FFFF;
	border: 1px solid #B8B3AD;
	padding: 10px;
	text-align: center; 
}
.image tr {
	border-bottom: 1px solid #B8B3AD;
}
.image caption {
	font: bold 1.25em Times, sans-serif;
	color: #6C6359;
}

#nav {
	border-bottom: 1px solid #B8B3AD;
	border-top: 1px solid #B8B3AD;
}

 #nav a {
	font: 0.9em Arial, Helvetica, sans-serif;
	text-align: center;
	color: black;
	font-size: 0.8em;
}
 #nav p {
text-align: center;
color: black;
font-size: 0.8em;
}
}

/* Print styles
--------------------------------------------------------------- */

@media print {

#header {
	border: none;
 	background: none;
 	width: 100%
	 
}
#header td {
	font: 10px Arial, sans-serif;
	color: black;
 }
#header a  {
	font: 10px Arial, sans-serif;
	color: black;
 }
#main {
	width: 100%
}

#main h1 {
	font: bold 12px Times, sans-serif;
	color: black;
	border-bottom: none;
}

#main h2 {
	font: bold 10px Times, sans-serif;
	color: black;
}
#main h3 {
	font: 10px Times, sans-serif;
	color: black;
}

#main a {
	color: black;
}

#main a:hover {
	color: black;
}

#main a:visited {
	color: black;
}

#main p, li {
text-align: left;
color: black;
font-size: 10px;
font-family: Times;
}

.qual {
 font: bold 8px Times, sans-serif;
}

.table {
	background: none;
	border: none;
	position:relative;
	left: 30px;
}

.table td, .table li {
	color: black;	 
	
}
.table li {
	color: black;	 
	
}

#main hr {
	height: 1px solid;
	width: 100%;
	color: #B8B3AD;
}
.image {
	font: 0.8em Arial, Helvetica, sans-serif;
	background: none;
	border: none;
	padding: 10px;
	text-align: center; 
}
.image tr {
	border-bottom: none;
}
.image caption {
	font: bold 8px Times, sans-serif;
	color: black;
}

#nav {
 	border-bottom: 1px solid #B8B3AD;
	border-top: 1px solid #B8B3AD;
}

 #nav a {
	font: 0.9em Arial, Helvetica, sans-serif;
	text-align: center;
	color: black;
	font-size: 0.8em;
}
 #nav p {
text-align: center;
color: black;
font-size: 0.8em;


}

