/*
   Resolution Dependent CSS, including techniques drawn from
	 CSS-Tricks Example by Chris Coyier http://css-tricks.com
*/

* { margin: 0; }

body	{
	font-family: Verdana, Arial ;
	font-size: 80% ;
  background: beige ;
		}

#page-wrap	{
		width:  900px;                /* width of "page" */
		margin: 0 auto;               /* centres page on screen */
		border-top: 10px beige solid ;
		padding-bottom: 50px;         /* space after content */
		padding-top: 0px;            /* space above logos at screen top */
		padding-left: 0px ;          /* left & right white space */
    padding-right: 0px;
		background: beige ;

		min-height: 600px ;            /* minimum height of "page" */
		
		}
		
#page-wrap { margin: auto; }
#page-wrap > div { padding: 10px; border: 0px ; }

#header	{
	height: auto ;
	}
#header img	{
		margin: 0px 0px 0px 0px; border:none;
		}

#header A		{
		display: block;
		margin: 0px 0px 0px 0px; border:none;
		}
		
#header p {
		font: 1.4em Verdana, sans-serif ;
		font-weight: 600 ;
		color: RGB(89,30,34) ;
		margin-top: -20px ;
		padding-right: 0px ;
		text-align: right;
    }
	
#mood	{
	margin: 0px;
	padding: 0px;
	height: 105px;
	background: beige url(http://www.shrinkwork.co.uk/images/mood.jpg) no-repeat 100% 100%;
	}

		
/* navbar ********************* top navbar background colour & other settings */

#navBar		{
		background: #d8c048 ;
		margin: 0;
		padding: 0;
		padding-top: 10px;
		margin-top: -16px ;
		margin-bottom: 5px;
		border-top: 0px ;
		}

#navlist	{
		padding: 3px 0;
		margin-left: 0;
		border-bottom: none ;
		font: bold 1em Verdana, sans-serif;
		margin: 0;
		margin-left: 0px;
		padding-left: 10px;
		}

#navlist li 	{
		list-style: none;
		margin: 0;
		display: inline;
		}

#navlist li a 	{
		padding: 3px 0.5em;
		margin-left: 3px;
		text-decoration: none;	
		color: #ffffff
		}

#navlist li a:link	{
			color: #ffffff;
			}
#navlist li a:visited	{
			color: #ffffff;
			}
#navlist li a:hover	{
			color: #ffffff ;
			background-color: green ;
			background-image: none ;
			}
#navlist li a#tcurrent	{
	background: beige ;
			border-bottom: 1px solid beige ;
			color: #00a050;
			}

/* general settings for all left navbar */

#leftNav	{
		width: 147px;
		padding: 0;
		font: bold 1.0em Verdana, sans-serif;
		float: left
		}

#leftNav a	{
		color: darkgreen;
		display: block;
		width: 134px;
		}

#leftNav UL	{
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}

/* colour of rules between side nav items */

#leftNav LI	{
		display: block;
		width: 147px;
    border-top: 1px solid green ;
		border-bottom: 0px solid green ;
		margin: 0;
		padding: 0px ;
		color: #e8d058 ;
		}

#leftNav A#s1current	{
		color: green ;
		background: #e8d058 ;
			}

#leftNav span	{
		display: block;
		padding: 0px 0px;
		padding-left: 10px;
		}

#leftNav LI	{

		}

/* last colour is text colour for level 1 */
#leftNav LI A	{
		display: block;
		padding: 6px 0px;
		padding-left: 10px;
		color: #fff;
		text-decoration: none;
		color: green ;
		border: none ;
		}

*>#leftNav LI A	{
		display: block;
		width: 147px;
		}

html>body #leftNav li a	{
			display: block;
			width: auto;
			}



/* unvisited url background, text and left flash colours */
/* second level nav */

#leftNav UL UL LI A	{
			padding: 5px;
			padding-left: 15px;
			color: gray ;
			font-weight: normal;
			font-size: 0.9em;
			border-left: 5px solid beige ;
			width: 122px ;
					background: beige ;
			}

/* hover url left colour flash and text colouts */
#leftNav UL UL LI A:hover	{
				border-left: 5px solid #d8c048 ;
				color: darkgreen ;
				border-bottom: 0px solid green ;
				width: 122px ;
				}

#leftNav UL UL LI A#s2current	{
				border-left: 5px solid gray ;
				color: darkgreen ;
				border-bottom: 0px solid green ;
				width: 122px ;
				}
				
#leftNav img	{
		margin-left: auto;
		margin-right: auto;
		}
			

*>#main-content P, *>#main-content LI, *>#main-content TABLE, *>#main-content TD	{
								font-family: Verdana, sans-serif;
								}
    
#main-content H1	{
		text-align: left;
		color: #333333;
		font-size: 1.5em;
		margin: 25px 0 15px 0;
		font-weight: 300;
		padding-left: 0px;
		}

#main-content H2	{
		color: #666666;
		font-size: 1.2em;
		margin: 12px 3px;
		margin-left: 0;
		font-weight: 300;
		padding-left: 0px;
		}

#main-content H3 	{
		color: #333333;
		font-size: 1.1em;
		margin: 15px 6px;
		margin-bottom: 3px;
		margin-left: 0;
		font-weight: bold;
		padding-left: 0px;
		}

#main-content H4	{
		color: #666666;
		font-size: 1.0em;
		margin: 15px 6px;
		margin-bottom: 3px;
		margin-left: 0;
		font-weight: bold;
		padding-left: 0px;
		}

#main-content H5	{
		color: #333333;
		font-size: 1.0em;
		margin: 15px 6px;
		margin-bottom: 3px;
		margin-left: 0;
		font-weight: bold;
		padding-left: 0px;
		}

#main-content H6	{
		color: #666666;
		font-size: 1.0em;
		margin: 15px 6px;
		margin-bottom: 3px;
		margin-left: 0;
		font-weight: normal;
		padding-left: 0px;
		}

#main-content OL, #main-content UL	{
				margin-left: 0px;
				}

#main-content LI	{
		margin-left: 15px;
		font-size: 1.0em;
		color: maroon ;
		}
		
#main-content P	{
		margin: 6px 0;
		font-size: 1.0em;
		margin-bottom: 12px;
		text-align: left;
		color: #333333;
		padding-left: 0px;
		}
#main-content A	{
		text-decoration: underline;
		color: green ;
		}

#main-content A:hover	{
			text-decoration: none ;
      color: darkorange ;
			}

#main-content span.picture-holder-right {
    float: right ;
    padding: 10px ;
    padding-top: 0px ;
    }

#main-content P.picture-caption	{
      text-align: right ;
			text-decoration: none ;
      color: #aaaaaa ;
			}

						
#main-content td.honours {
      border: 1px solid gray ;
      text-align: center ;
      }

#main-content img.img-float-left-border {
      border: 1px solid gray ;
      float: left ;
      margin-right: 20px ;
      margin-top: 5px ;
      margin-bottom: 5px ;
      }

#main-content img.img-float-right-border {
      border: 1px solid gray ;
      float: right ;
      margin-left: 20px ;
      margin-top: 5px ;
      margin-bottom: 5px ;
      }
      
#main-content img.img-float-left-noborder {
      border: 0px ;
      float: left ;
      margin-right: 20px ;
      margin-top: 5px ;
      margin-bottom: 5px ;
      }

#main-content P.noprint { }
#main-content P.nodisplay { display: none ! important; }

#main-content P.quoteref	{
			color: #00a050;
			text-align: right;
			}

#main-content P.contact1	{
			color: rgb(0,96,48);
			text-align: right;
		  font-weight: bold;
			font-size: 1.0em;
			margin: 0px;
			}

#main-content P.contact2	{
			color: rgb(0,96,48);
			text-align: right;
		  font-weight: normal;
			font-size: 1.0em;
			margin: 0px;
			}
			
#main-content P.contact3	{
			color: #aaaaaa ;
			text-align: right;
			font-size: 0.9em;
			margin-top: 4px;
			}

#main-content P.legalquote	{
			color: rgb(0,96,48);
			float: right;
			width: 200px;
			margin: 10px;
			margin-top: 0px;
			padding: 20px;
			border: 1px solid #666666;
			background: #e3fed8;
			text-align: left;
		  font-weight: bold;
			font-size: 1.0em;
			}

#main-content P.medicalquote	{
			color: rgb(0,48,96);
			float: right;
			width: 200px;
			margin: 10px;
			margin-top: 0px;
			padding: 20px;
			border: 1px solid #666666;
			background: #eeffff;
			text-align: left;
		  font-weight: bold;
			font-size: 1.0em;
			}
			
#main-content P.legallogo	{
      clear: right;
			float: right;
			width: 100px;
			margin: 20px;
			padding: 10px;
			border: 0px;
			text-align: right;
		  font-weight: normal;
			font-size: 1.0em;
			}
			
#secondary-one {
		font-size: 1.0em;
		margin-bottom: 12px;
		text-align: left;
		color: RGB(217,78,102) ;
		padding-left: 0px;
		}
		
#secondary-one A	{
		text-decoration: underline;
		color: RGB(217,78,102) ;
		}

#secondary-one A:hover	{
			text-decoration: none ;
      color: darkorange ;
			}
		
#foot	{
	font-size: 0.8em;
	color: #cccccc ;
	margin-top: 20px;
	clear: both ;
	}

#foot p		{
		text-align: center ! important;
		margin-top: 5px ! important;
		}

#foot a {
    color: gray;
    text-decoration: none;
    }

#foot a:hover {
    color: #cccccc;
    }

#foot img.noborder	{
	border: none ;
	}

#foot2	{ display: none; }

#hiddenpic { display: none; }
#printonlypic { display: none; }