/*********** Start of BASIC TAG styles (ie not class or id styles) */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #6969C3;
	background-image: url(../images/tlcbg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	}

body.backtonormal {
	background-image: url(../images/tlcbg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	}
	
body.yellowbgblktext { 
	color: #000;
	background-image: url(../images/tlcbgyellow.jpg);
	background-color: #ffc
	}
	
body.greybgblktext { 
	color: #000;
	background-image: url(../images/tlcbggrey.jpg);
	background-color: #e4e4e4
	}

hr {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 1px;
	border: 1px solid #9ACDFC
	}
h4 {
	font-size: 95%
	}
/*********** End of BASIC TAG styles */

/*********** Start of SCREEN READER styles */

#screenReaderMenu {
	FONT-SIZE: 0px;
	background-image: url(../images/tlcbg.jpg);
	visibility: hidden;
	OVERFLOW: hidden;
	COLOR: #ffffff;
	HEIGHT: 1px
}
#screenReaderMenu A {
	FONT-SIZE: 0px;
	background-image: url(../images/tlcbg.jpg);
	visibility: hidden;
	OVERFLOW: hidden;
	COLOR: #ffffff;
	HEIGHT: 1px
}

/*********** End of SCREEN READER styles */

/*********** Start of HEADER styles */

.header {
	padding: 10px;
	font-size: 75%
	}

/* headspacer puts a 5px high row under the header area */
.headspacer {
	height: 5px
	}

.strapline {
	white-space: nowrap;
	letter-spacing: .3em
	}

/*********** End of HEADER styles */

/*********** Start of HORIZONTAL MENU styles */

.horizmenu {
	position: relative;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	z-index: 20;
	background:  url(../images/horizbarbg.gif) bottom
	}

.horizmenu ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	list-style-type: none
	}
	
.horizmenu li {
	position: relative;
	margin: 0px;
	padding: 0px;
	border-right: 3px solid #B8EDFF;
	width: 100px;
	float: left;
	text-align: center;
	list-style-type: none
	}
	
/* When adding new horizontal menu items, to reduce the size of the text slightly change the size here */
.horizmenu a {
	font-size: 70%;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none !important;
	color: #fff;
	background:  url(../images/horizbarbg.gif) bottom;
	list-style-type: none
	}
	
.horizmenu a:link {
	text-decoration: none
	}
	
.horizmenu a:visited {
	background:  url(../images/horizbarbg.gif) bottom
	}

.horizmenu a:hover {
	background:  url(../images/horizbarlitebg.gif) bottom
	}

.horizspacer {
	padding: 10px;
	font-size: 80%;
	height: 20px
	}
/*********** End of HORIZONTAL MENU styles */

/*********** Start of LEFT MENU SEARCH And other FORM styles */

.searchbox form {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px	
	}

.searchinput {
	font-family: verdana, ariel, sans-serif;
	font-size: 80%;
	border: 1px solid #A3A3D8;
	margin-right: 10px
	}

.formsubmitbg {
	background: #0084FC url(../images/formbg.gif) bottom;  
	color: #fff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 80%;
	font-weight: bold; 
	border: 0px;
	padding: 1px
	}

.contactformtextarea {
	font-family: verdana, arial, sans-serif
	}
/*********** End of LEFT MENU SEARCH FORM styles */

/*********** Start of LEFT MENU styles */

td.leftmenu  {
	margin: 0px;
	padding: 0px;
	font-size: 70%;
	}

.leftmenu p {
	margin: 0px;
	padding: 10px 0px 0px 10px
	}

.leftmenu p a {
	color: #fff;
	text-decoration: underline
	}

.leftmenu p a:link {
	color: #fff;
	text-decoration: underline
	}

.leftmenu p a:visited {
	color: #7B7A7A;
	background-color: transparent;
	}

.leftmenu p a:hover {
	color: #fff;
	text-decoration: none !important;
	background-color: transparent;
	}

/********* Left menu first level **********/	
.leftmenu ul {
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
.leftmenu li {
	left: 0px;
	color: #000;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	width: 165px;
	background-color: transparent;
	}

.leftmenu li a {
	display: block;
	margin: 0px;
	padding: 1px 0px 2px 5px;
	text-decoration: none !important;
	width: 100%; /*IE 5 PC reads this*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/*width:170px; /*IE5Mac IE6 Mozilla Opera read this*/
	color: #00007E;
	font-weight: normal;
	background-color: transparent
	}

.leftmenu li a:link {
	background-color: transparent;
	}

.leftmenu li a:visited {
	background-color: transparent;
	}

.leftmenu li a:hover {
	background-color: #99E4FF;
	border-right: 8px solid #4F24C1
	}

/********* Left menu second level *********/	
.leftmenu ul ul {
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	}
	
.leftmenu ul ul li {
	left: 0px;
	color: #000;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	background-color: transparent;
	}

.leftmenu ul ul li a {
	display: block;
	margin: 0px;
	padding: 1px 0px 2px 10px;
	text-decoration: none !important;
	width: 100%; /*IE 5 PC reads this*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/*width:170px; /*IE5Mac IE6 Mozilla Opera read this*/
	color: #00007E;
	font-weight: normal;
	background-color: transparent
	}

.leftmenu ul ul li a:link {
	background-color: transparent;
	}

.leftmenu ul ul li a:visited {
	background-color: transparent;
	}

.leftmenu ul ul li a:hover {
	background-color: #99E4FF;
	border-right: 8px solid #4F24C1
	}

/********* Left menu third level *********/	
.leftmenu ul ul ul {
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
.leftmenu ul ul ul li {
	left: 0px;
	color: #000;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 165px;
	background-color: transparent;
	}

.leftmenu ul ul ul li a {
	display: block;
	margin: 0px;
	padding: 1px 0px 2px 20px;
	text-decoration: none !important;
	width: 100%; /*IE 5 PC reads this*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/*width:170px; /*IE5Mac IE6 Mozilla Opera read this*/
	color: #00007E;
	font-weight: normal;
	background-color: transparent
	}

.leftmenu ul ul ul li a:link {
	background-color: transparent;
	}

.leftmenu ul ul ul li a:visited {
	background-color: transparent;
	}

.leftmenu ul ul ul li a:hover {
	background-color: #99E4FF;
	border-right: 8px solid #4F24C1
	}

/********* Left menu highlighting style (see in tandem with the highlighting code in /scripts.js) *********/	
.current a {
	background:  url(../images/tlcbggrey.jpg) repeat top right;
	border-right: 8px solid #4F24C1
	}


/*********** End of LEFT MENU styles */

/*********** Start of CONTENT styles */

/* These make a spacer cell on the left and right of the content cell */
.leftcontentcell {
	width: 20px
	}
.rightcontentcell {
	width: 20px
	}

.pageheaderlabel {
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	width: 100%;
	margin: 0px 0px 2px 0px;
	padding: 0px 10px 2px 5px;
	background: url(../images/horizbarlitebg.gif) bottom
	}

.pagetext {
	font-size: 80%
	}

.pagetextsmall {
	font-size: 70%
	}
/*
.newsheaderlabel {
	color: #fff;
	width: 100%;
	margin: 0px 0px 2px 0px;
	padding: 0px 10px 2px 5px;
	background: #0084FC url(../images/horizbarbgblue.gif) bottom
	}

.newstext {
	font-size: 80%
	}

.newsheadersmall {
	font-size: 65%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px
	}
	
.newstextsmall {
	font-size: 60%
	}
*/
.content {
	font-size: 90%;
	padding-top: 10px
	}
		
.content a:link {
	text-decoration: none
	}
	
.content a:visited {
	color: #7A95CC;
	text-decoration: none
	}
	
.content a:active {
	color: #f93;
	text-decoration: none
	}
	
.content a:hover {
	color: #f93;
	text-decoration: none
	}
	
.imagelefttop {
	margin: 0px 10px 5px 0px
	}
	
.imagerighttop {
	margin: 0px 0px 5px 10px
	}

.imageleftbody {
	margin: 10px 10px 10px 0px
	}
	
.imagerightbody {
	margin: 10px 0px 10px 10px
	}

	
.imagelefttopcaption {
	display: block;
	margin: 0px 10px 15px 0px
	}
	
.imagerighttopcaption {
	margin: 0px 0px 5px 10px
	}

.imageleftbodycaption {
	margin: 10px 10px 10px 0px
	}
	
.imagerightbodycaption {
	margin: 10px 0px 10px 10px
	}



/*********** End of CONTENT styles */

/*********** Start of RIGHT MENU styles */

.noticebox {
	font-size: 70%;
	right: 10px;
	padding: 5px 10px 2px 5px;
	border: 1px solid #A3A3D8
	}

.noticeheaderlabel {
	font-size: 80%;
	color: #fff;
	width: 100%;
	height: 20px;
	margin: 0px 0px 2px 0px;
	padding: 0px 10px 2px 5px;
	background: #0084FC url(../images/horizbarbg.gif) bottom
	}


.rightmenu  {
	margin: 0px;
	padding: 10px
	}

.rightmenu p {
	margin: 0px;
	padding: 10px 0px 0px 10px
	}

.rightmenu p a {
	color: #0357A4;
	text-decoration: underline
	}

.rightmenu p a:link {
	color: #0357A4;
	text-decoration: underline
	}

.rightmenu p a:visited {
	color: #0357A4;
	background-color: transparent;
	}

.rightmenu p a:hover {
	color: #fff;
	text-decoration: none !important;
	background-color: transparent;
	}
	
.rightmenu ul {
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
.rightmenu li {
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 170px;
	background-color: transparent;
	}

.rightmenu li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 2px 10px;
	text-decoration: none !important;
	width: 100%; /*IE 5 PC reads this*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/*width:170px; /*IE5Mac IE6 Mozilla Opera read this*/
	color: #00007E;
	background-color: transparent;
	}

.rightmenu li a:link {
	text-decoration: none;
	color: #E5F1FB
	}

.rightmenu li a:visited {
	color: #C8D3DC
	}

.rightmenu li a:hover {
	color: #fff;
	background-color: #62B3FC
	}

.rightmenubottom {
	background:  url(../images/bottomrightmenu.gif) bottom left;
	height: 29px
	}

/*********** End of RIGHT MENU styles */

/*********** Start of FOOTER style */

		#navcontainer
		{
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 0px;
			z-index: 1;
		}
		
		#navcontainer ul
		{
			list-style-type: none;
			text-align: center;
			margin-top: 0px;
			padding: 0px;
			position: relative;
			z-index: 2;
		}
		
		#navcontainer li
		{
			display: inline;
			margin-right: 20px;
			text-align: center;
		}

.footer {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 70%;
	}
		
.footer a:link {
	text-decoration: none
	}
	
.footer a:visited {
	color: #7A95CC;
	text-decoration: none
	}
	
.footer a:active {
	color: #f93;
	text-decoration: none
	}
	
.footer a:hover {
	color: #f93;
	text-decoration: none
	}

/*********** End of FOOTER style */