A:link { text-decoration: underline; color: #666; }
A:visited { text-decoration: underline; color: #333; }
A:hover { text-decoration: underline; color: #660000; }

.backtotop A:link { text-decoration: underline; color: #666633; }
.backtotop A:visited { text-decoration: underline; color: #666633;  }
.backtotop A:hover { text-decoration: underline; color: #CC6633; }

.backtotop {
	border-top: 1px solid #669999;
	margin-top: 18px;
	}

/HTML { height: 100%; margin: 0px; padding: 0px; }

BODY {
	background: #660000;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: georgia, times new roman, serif;
	font-size: 12px;
	text-align: center;
	}

HR { height: 1px; background: #ccc; border: 0px; }

/* template styles */

.clearMe { clear: both; }

.container {
	margin: 0px auto;
	padding: 8px 0px 0px 0px;
	width: 929px;
	height: 100%;
	background: transparent url(/_images/template/bg_content.gif) repeat-y;
	}

.containerBottom {
	clear:both;
	margin: 0px auto;
	padding: 0px;
	width: 929px;
	background: transparent url(/_images/template/bg_content.gif) repeat-y;
	}

.home {
	text-align: left;
	margin: 0px 0px 0px 20px;
	padding-left: 8px;
	background: transparent url(/_images/bullets/home.gif) no-repeat;
	font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	}

.home A:link { text-decoration: none; color: #CC9900; }
.home A:visited { text-decoration: none; color: #CC9900; }
.home A:hover { text-decoration: none; color: #660000; }
	
.content {
	width: 905px;
	margin: 0px 12px;
	text-align: left;
	background: transparent url(/_images/template/tcc_logo.gif) no-repeat;
	}
	
.leftColumn {
	float:left;
	display:inline;
	width: 584px;
	margin: 102px 0px 0px 42px;
	border-left: 1px solid #C1C1C1;
	border-right: 1px dotted #C1C1C1;
	}
	
.rightColumn {
	float:right;
	display:inline;
	width: 208px;
	margin: 108px 42px 0px 0px;
	}

.bodyText { margin: 12px 12px; }

#homeText { margin: 6px 12px; }

.callouts {
	margin: 0px; 
	}

.calloutCentre { 
	margin: 0px auto;
	width: 273px;
	}
	
.calloutLeft, .calloutRight { 
	float: left;
	display: inline;
	width: 273px;
	}
	
.calloutRight { 
	margin-left: 12px;
	}

/* footer styles */

.footer {
	border-top: 1px solid #D6D6D6;
	font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
	margin: 0px 12px;
	padding: 2px 0px;
	}

.footerLeft {
	float: left;
	display: inline;
	color: #D6D6D6;
	}
	
.footerRight {
	float: right;
	display: inline;
	color: #D6D6D6;
	}

/* navigation styles */

.navigation {
	width: 208px;
	font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
	}

.navigation A { 
	color: #fff;
	text-decoration: none;
	}

.navTopActive {
	width: 208px;
	background: transparent url(/_images/navigation/item_top_on.gif) no-repeat;
	}
.navBottomActive {
	width: 208px;
	height: 8px;
	font-size: 6px;
	background: transparent url(/_images/navigation/item_bottom.gif) no-repeat;
	}

.navTop {
	padding: 4px 6px 1px 6px;
	background: transparent url(/_images/navigation/item_top.gif) no-repeat;
	}	

.navBottom {
	width: 208px;
	height: 8px;
	font-size: 6px;
	background: transparent url(/_images/navigation/item_bottom.gif) no-repeat;
	}

.navBG { background: #CC9900; clear:both; cursor: pointer; }
.navBGactive { background: #660000; color: #fff; clear:both; cursor: pointer; }

.navBG A:visited, .navBGactive A:visited { text-decoration: none; color: #fff; }
.navBG A:hover { text-decoration: none; color: #660000; }
.navBGactive A:hover { text-decoration: none; color: #fff; }

.sub { display: none; }

.navigation UL {
	padding: 0px 0px 2px 8px;
	margin: 0px 0px 2px 8px;
	list-style-image: url(/_images/bullets/subnav.gif);
	font-size: 12px;
	line-height: 20px;
	color: #660000;
	}

.navigation LI {
	background: transparent url(/_images/dividers/subnav.gif) no-repeat bottom left;
	margin: 0px;
	padding: 0px;
	}

.subActive A:link, .sub A:link, .closeMe A:link { text-decoration: none; color: #660000; }
.subActive A:visited, .sub A:visited, .closeMe A:visited { text-decoration: none; color: #660000; }
.subActive A:hover, .sub A:hover, .closeMe A:hover { text-decoration: none; color: #CC9900; }

.closeMe { 
	text-align: right;
	font-size: 10px; 
	margin: 0px 16px 8px 8px;
	padding-left: 8px;
	}


/* text styles */

#homeText H2 {
	font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
	font-size: 14px;
	color: #CC9900;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	border-top: 1px solid #CC9900;
	}


#homeText .callouts H1 {
	font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	color: #660000;
	margin: 4px 0px 4px 0px;
	padding: 0px;
	}
	
#homeText .callouts P {
	font-size: 11px;
	color: #333;
	line-height: 14px;
	margin: 8px 0px 4px 4px;
	}

.bodyText H1 {
	font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
	font-size: 16px;
	color: #660000;
	}

.bodyText P {
	font-size: 12px;
	color: #333;
	line-height: 18px;
	}
	
.rightColumn P {
	margin: 24px 0px 0px 8px;
	color: #666;
	font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	}