/* CSS Document */

/*  BASIC ELEMENTS  */

p 	{
	padding: 0;
	margin: 10px 0 10px 0;
	font-size: 80%;
	line-height:1.3;
	}
	
blockquote {
	font-size: 90%;
	}	

table  {
	border-top: 1px solid #000066;
	}
	
.noborder {
	border: 0;
	}	

.rightborder {
	border-right: 1px solid #000066;
	}

td  {
	border-bottom: 1px solid #000066;
	padding: 2px;
	font-size: 70%;
	}
	
td p {
	font-size: 100%;
	}
	
td img {
	text-align:left;
	padding: 0;
	margin: 0;
	}	
	
th {
	text-align: left;
	padding: 3px;
	border-bottom: 2px solid #000066;
	font-size: 75%;
	}	

/*  TEXT STYLES  */

h1 {
	line-height: 1.2;
	font-size: 150%;
	margin: 0;
	padding: 10px 0 0px 0;
	}


h2 {
	font-size: 130%;
	line-height: 1.2;
	margin: 0;
	padding: 10px 0 10px 0;
	}


h3 {
	font-size: 100%;
	line-height: 1.2;
	padding: 8px 0 5px 0;
	margin: 0;
	}

h4 {
	font-weight: bold;
	font-style:italic;
	padding: 5px 0 5px 0;
	margin: 0;
	font-size:110%;
	}

h5 {
	font-weight: bold;
	font-style:italic;
	padding: 4px 0 4px 0;
	margin: 0;
	font-size:90%;
	}


.current {
	font-weight:600;
	}

.quote, .quotehome {
	font-style: italic;
	}
	
.quote {
	color: #009999;
	}
	
.ital{
	font-style: italic;
	}

.center {
	text-align:center;
	}	
	
.right {
	text-align:right;
	}		

.comment{
	font-style: italic;
	font-size: 11px;
	color:#999999;
	}	
	
.welcome {
	position: absolute;
	top: 60px;
	left: 192px;
	color: #ffffff;
	font-size: 40px;
	padding: 0;
	margin: 0;
	}

.headertext {
	position: absolute;
	top: 70px;
	left: 192px;
	color: #ffffff;
	font-size: 32px;
	padding: 0;
	margin: 0;
	}

/*  LIST STYLES  */ 

#content ul, #content ol {
padding: 3px;
margin: 5px 0 5px 35px;
font-size: 80%;
}

#content ul ul {
	list-style-type:square;
	font-size:90%;
	}
	
#content li {
	padding:4px;
	line-height:1.3;
	}

ul p {
	font-size: 100%;
	margin-left: -20px;
	}
	
ul h3 {
	font-size: 120%;
	}	
	
.pdf  {
	display: block;
	background-image:  url(images2/pdf_logo2.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 30px;
	height: 33px;
	}

.word  {
	display: block;
	background-image: url(images2/word-icon.gif);
	background-repeat: no-repeat;
	padding: 0 10px 0 40px;
	height: 33px;
	}	

#nextbox {
	font-size: 70%;
	margin: 30px 0 0 0;
		}


.next {
	display: block;
	background-image: url(images2/next.jpg);
	background-repeat: no-repeat;
	padding: 30px 0 0 0;
	height: 45px;
	background-position: right top;
	float:right;
	text-align:right;
	}

.previous {
	display: block;
	background-image: url(images2/previous.jpg);
	background-repeat: no-repeat;
	padding: 30px 0 0 0;
	height: 45px;
	width: 45px;
	background-position: left top;
	}

.nobullet {
	list-style-type:none;
	}
	
.emailinfo {	
	width: 210px;
	background: #ffffff url(images2/emailinfo.gif) no-repeat left bottom;
	display: block;
	}


/*  IMAGE STYLES  */
	
.diagright {
	float: right;
	margin: 15px 0 15px 15px;
	}
	
.diagleft {
	float: left;
	margin: 15px 15px 15px 0;
	}	
	
.diagcentre {
	text-align:center;
	margin: 15px;
	}	
	
.headshot {
	border: 1px solid #1780C6;
	float: right;
	margin: 15px;
	}	
	
.book {
	float: right;
	margin: 0 0 10px 10px;
	}		
	
.newsimg {
	border: 1px solid #1780C6;
	}		

/*  COLOURS  */

.colour1 {
	color: #ff0000;
	}

.colour2, .colour5, .colour6 {
	color: #009999;
	}
	
.colour4 {
	color: #00CC66;
	}


/*  BOX LAYOUT  */

body {
	background-color: #ffffff; 
	margin: 0; 
	font-family: Arial,"Lucida Sans Unicode", Tahoma, Verdana, sans-serif; 
	color: #000066; 
	font-size:medium;
	line-height: 1.2;	
	}

#container {
	padding: 0; 
	margin:0;
	text-align: left;
}

#main {
	background: #ffffff url(images2/bg_main3.jpg) repeat-y left top;
	position: relative;
	width : 100% ;
	margin: -3px 0 0 0;
	padding: 0;
	}

#mainhome {
	background: #90CAF2 url("images2/pool.jpg") repeat-y ;
	position: relative;
	width : 100% ;
	margin: -3px 0 0 0;
	padding: 0;
	}


#content {
	margin-left: 175px;
	margin-right: 30%;
	padding: 15px;
	}


/*  MASTHEAD  */

#header {
	background: #ffffff url("images2/tplogobg.jpg") no-repeat;
	width: 100%;
	height: 125px;
	margin: 0;
	}

#headerleft	 {
	position: absolute;
	display: block;
	background-image:  url("images2/tplogo.jpg")! important;
	background-repeat: no-repeat;
	height: 120px;
	width: 150px;
	top: 0;
	left: 0;
	border: 0;
	}
	
#headerleft a {
	display:block;
	height: 120px;
	width: 150px;
	top: 0;
	left: 0;
	border: 0;
	} 
	
#utility {
	position:relative;
	margin:15px 20px 0 0;
	padding: 5px;
	text-align:right;
	float: right;
	font-size: 90%;
	color:#1780C6;
	font-weight:bold;
	}

#utility a:link,
#utility a:visited
	{
	color: #1780C6;
	text-decoration: underline;
	padding: 2px 5px 2px 5px;
	}


#utility a:hover {
	background-color:#1780C6;
	color:#ffffff;
	text-decoration:none;
	}

#utility a:active
	{
	background-color: #1780C6;
	color: #ffffff;
	text-decoration:none;
}
	
.currentultility {
	padding: 2px 5px 2px 5px;
	}	

/*  ROLLOVER TOPNAV  */

#topnav {
	position: relative;
	background-color: #dddddd;
	margin: 0px 0 0px 0;
	height: 27px ! important;
	width: 100%;
	font-size: 13px;
	font-weight: bold;
	text-align:center;
	}
	

#topnavlist {
	display: block;
	list-style: none outside;
	padding: 0;
	margin: 0;
	}

#topnav li {
	padding: 0px;
margin: 0;
background-color: #dddddd;
font-weight: bold;
/* the next 4 lines are magic */
display: block;
float: left;
position: relative;
}

#topnav a:link,
#topnav a:visited
{
display: block;
color: #000066;
background-color: #dddddd;
text-decoration: none;
padding: 3px 15px 7px 15px;
}

#topnav a:hover {
	background-color:#cccccc;
	}

#topnavclear { display: none; }

html>body #topnavclear
{
display: block;
clear: both;
}

#phone {
	display:block;
	width: 150px;
	color: #666666;
	text-align:center;
	}

.grey {
	color: #666666;
}

/*  SIDE NAVIGATION BAR  */

#sidenav, #sidenavhome {
	float: left;
	clear: left;
	width: 150px;
	position:relative;
	margin: 0;
	padding: 0;
	}

#sidenavhome {
	background-color: #ffffff;
	}
	
.sidenav2 {
	background-color: #dddddd;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
	padding: 5px 10px;
	display: block;
	}

.sidenav3 {
	background-color: #ffffff;
	border-bottom: 1px #cccccc solid;
	padding-bottom: 10px;
	margin: 5px 10px;
	font-size: 80%;
	line-height:1.3;
	}

.sidenavtop1 {
	color:#000066;
	text-decoration: none;
	font-weight:bold;
	margin: 5px 0 0 0;
	font-size: 100%;
	}

.sidenavtop1 a {
	color:#000066;
	text-decoration: none;
	}

.sidenavtop1 a:hover {
	color:#1780C6;
	text-decoration: none;
	}

.sidenavtop2, .sidenavtop3 {
	text-decoration: none;
	font-weight:bold;
	margin: 75px 0 0 0;
	font-size: 100%;
	}

.sidenavtop2 a {
	display: block;
	width: 130px;
	padding: 10px 10px;
	color:#000066;
	text-decoration: none;
	border-top: 1px solid #000066;
	border-bottom: 1px solid #000066;
	}
	
.sidenavtop2 a:hover {
	color:#ffffff;
	background-color: #1780C6;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	}

.sidenavtop3 {
	border-top: 1px solid #000066;
	border-bottom: 1px solid #000066;
	}

.sidenavtopcurrent {
	padding: 10px 10px;
	}

.newsitem {
	background-color: #ffffff;
	border-bottom: 1px #cccccc solid;
	padding-bottom: 10px;
	margin: 5px 0px;
	font-size: 90%;
	line-height:1.4;
		}


/*  ROLLOVER SIDENAV  */

#sidenav ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#sidenav ul a {
display: block;
padding: 6px 0px 6px 15px;
width: 135px;
font-size:80%;
line-height:16px;
color: #000066;
text-decoration: none;
font-weight:bold;
}

#sidenav ul a:hover {
color: #ffffff;
background: #1780C6 url("images2/current.gif") no-repeat;
}

#sidenav ul ul a
{
	display: block;
	padding: 2px 5px 2px 30px;
	width: 115px;
	font-size:70%;
	text-decoration: none;
}

#sidenav ul ul a:hover
{
color: #eeeeee;
text-decoration: none;
background: #999999 url("images2/current2.gif") no-repeat;

} 


/* COLUMN 3 STYLES */
	
#col3, #col3home {
	float:right;
	clear: right;
	width: 160px;
	margin: 60px 4% 0 2%;
	padding: 0;
	}

#col3home {
	background-color:	#90CAF2;
	}

col3 a {
	font-size: 90%;
	background-image:  url("images2/col3.gif");
	}
	
/*  FOOTER  */

#footer {
	position: relative;
	padding: 50px 0 20px 180px;
	margin: 0;
	font-size: 70%;
	color:#1780C6;
	}

#footer a	{
	color: #1780C6;
	text-decoration: underline;
	padding: 2px 3px 2px 3px;
	}


#footer a:hover {
	background-color:#1780C6;
	color:#ffffff;
	text-decoration:none;
	}

.siteinfo {
	text-align:right;
	color: #666666;
	padding: 2px 10px 2px 0;
	font-size: 60%;
	}
	
	
#w3c {
	text-align:right;
	border: none;
		}
		
#w3c a	{
	border: none;
	text-decoration:none;
		}	
	

/*  NEWS  */

#newscontent {
	margin-left: 175px;
	margin-right: 10%;
	padding: 15px;	}
	
#newscol1 {
	width: 43%;
	}	

#newscol2 {
	float: right;
	clear: right;
	width: 43%;
	margin: 0px 2% 0 2%;
	}

.news a {
	display: block;
	position:absolute;
	top: 350px;
	left: 0;
	padding: 0;
	padding: 10px 0px 10px 5px;
	width: 145px;
	font-size:90%;
	font-weight:bold;
	line-height:1.2;
	color: #000066;
	text-decoration: none;
	border-top: 1px solid #000066;
	border-bottom: 1px solid #000066;
}


.news a:hover {
	background-color: #1780C6;
	color: #FFFFFF;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
} 


/*  BREADCRUMB  */

#breadcrumb {
	font-size:80%;
	margin: 5px 0 0 160px;
	}
	
#breadcrumb a:link, 
#breadcrumb a:visited,
#content a:link, 
#content a:visited {
	color:#0033CC;
	text-decoration:underline;
	}
	
#breadcrumb a:hover,
#breadcrumb a:active,
#content a:hover, 
#content a:active {
	color:#FF0066;
	text-decoration:underline;
	}
	
/* BUBBLE STYLES */

.bubblequote1 {
	width: 158px;
	background: #FFCFCE url(images2/quotetop.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	}
	
.bubblequote2 {		
	background-image: url(images2/quotebtm.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	color: #000033;
	}
	
.bubblequote3 {
	padding: 7px 7px 35px 12px;	
	font-size: 85%;
	}

.bubblequoteb1 {
	width: 158px;
	background: #FFCFCE url(images2/quotetopb.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	}
	
.bubblequoteb2 {		
	background-image: url(images2/quotebtmb.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	color: #000033;
	}
	
.bubblequoteb3 {
	padding: 7px 7px 35px 12px;	
	font-size: 85%;
	}

.greybubble1 {
	width: 159px;
	background: #FFffff url(images2/greybubblemid.gif) repeat-y;
}

.greybubble2a {
	background: url(images2/greybubbletop.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	}
	
.greybubble2b {		
	background-image: url(images2/greybubblebtm.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	color: #000033;
	}
	
.greybubble3 {
	padding: 7px 5px 7px 9px;	
	font-size: 100%;
	}

.pinkbubble1 {
	width: 159px;
	background: #FFffff url(images2/pinkbubblemid.gif) repeat-y;
}

.pinkbubble2a {
	background: url(images2/pinkbubbletop.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	}
	
.pinkbubble2b {		
	background-image: url(images2/pinkbubblebtm.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	color: #000033;
	}
	
.pinkbubble3 {
	padding: 7px 5px 7px 9px;	
	font-size: 100%;
	}
	
.linkbubble1 {
	width: 158px;
	background: #CEFFCE url(images2/linkbubbletop.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	}
	
.linkbubble2 {		
	background-image: url(images2/linkbubblebtm.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	color: #000033;
	}
	
.linkbubble3 {
	padding: 7px 7px 7px 12px;	
	font-size: 85%;
	}