/*--------------------------------------------------------------------------

* Author: Kat Clark
* Project: TCC website
* Written: 5 December 2009

--------------------------------------------------------------------------*/
@import url('./style-reset.css');

body {
	font-family: Arial, helvetica, san-serif;
	font-size: 11px;
	line-height: 13px;
	color: #666666;
}
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_- General type */
div#header h1 {
	background-image: url(../images_tcc/logo-ttc.gif);
	width: 107px;
	height: 97px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -6028px;
	font-size: 11px;
	left: 15px;
	top: 14px;
	padding: 0 !important;
	text-align: left;
}
div#header h1 a:link, div#header h1 a:visited, div#header h1 a:hover, div#header h1 a:active { 
	width: 100%;
	height: 100%;
	display: block !important;
	text-align: left;
}
h1 {
	font-size: 16px !important;
	font-weight: bold;
	line-height: 16px !important;
	color: #F68B1F;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}
h2 {
	font-size: 16px !important;
	font-weight: bold;
	line-height: 16px !important;
	color: #F68B1F;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color: #F68B1F;
	text-align: left;
}
.content h2 {
	color: #F68B1F;
	text-transform: lowercase;
}
body.home h2 {
	text-transform: none; 
}
h3 {
	font-weight: bold;
	text-align: left !important;
	display: block;
}
h4 {
	text-align: left !important;
}
h4 span {
	font-weight: bold;
	text-align: left !important;
}
h5 {
	font-size: 16px !important;
	font-weight: bold;
	line-height: 16px !important;
	color: #F68B1F;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	text-transform:  none !important;
}
h5 a:link, h5 a:visited, h5 a:hover, h5 a:active {
	color: #F68B1F;
	text-align: left;
}
p {
	padding: 0px 0px 13px 0px;
	text-align: left !important;
}
a:link, a:visited {
	text-decoration: none;
	text-align: left !important;
}
a:hover, a:active  {
	text-decoration: underline;	
	text-align: left !important;
}
div.content ul {
	list-style-type: disc;
	list-style-position: outside;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 13px 0px;
	text-align: left;
}
ul, li {
	text-align: left;
}
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_- / General type */

/* used all over */
div.col {
	float: left;
	display: inline;
	margin: 0px 15px 0px 0px;
}
div.box {
	width: 100%;
	margin: 0px 0px 15px 0px;
	background-color: #fff;
}
div.content {
	padding: 15px;
}
div.grid-1 {
	width: 217px;
}
div.grid-2 {
	width: 436px;
}
div.grid-3 {
	width: 668px;
}
.no-margin {
	margin: 0 !important;
}
/* / used all over */

/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_- General structure */
div#site {
	width: 900px;
	margin: 0px auto;
}
/* header */
div#site div#header {
	width: 100%;
	position: relative;
	background-color: #fff;
	height: 125px;
}
div#site div#header div#left {
	position: absolute;
	width: 450px;
	height: 125px;
	background-color: #fff;
	left: 0;
	top:0;
}
div#site div#header div#left p {
	background-image: url(../images_tcc/txt-commercial.gif);
	width: 91px;
	height: 36px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -6028px;
	font-size: 11px;
	left: 232px;
	top: 75px;
}
div#site div#header div#left div.logo {
	background-image: url(../images_tcc/logo-left.gif);
	width: 39px;
	height: 102px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: top left;
	right: 0;
	top: 14px;
}
div#site div#header div#right {
	position: absolute;
	width: 450px;
	height: 125px;
	left: 450px;
	top: 0;
}
div#site div#header div#right div.logo {
	background-image: url(../images_tcc/logo-right0.gif);
	width: 42px;
	height: 90px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: top left;
	left: 0;
	top: 10px;
}
/* header */

/* body */
div#body {
	margin: 15px 0px 0px 0px;
}
div.subpage {
	background-image: url(../images_tcc/bg-body-subpage.gif);
	background-repeat: repeat-y;
	background-position: left;
}
div.subpage h2 {
	background-image: url(../images_tcc/bg-hdash3.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: -2px 0px 18px 0px;
	padding: 0px 0px 9px 0px;
	font-size: 14px;
	line-height: 14px;
}
div.subpage h3 {
	background-image: url(../images_tcc/bg-hdash3.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 0px 0px 18px 0px;
	padding: 11px 0px 9px 0px;
	font-size: 14px;
	line-height: 14px;
	color: #F68B1F;
}
div.subpage h5 {
	background-image: url(../images_tcc/bg-hdash3.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 0px 0px 18px 0px;
	padding: 11px 0px 9px 0px;
	font-size: 14px;
	line-height: 14px;
}
/* / body */

/* navigation */
ul#sidebar {
	padding: 9px 15px 40px 15px;
	float: left;
	display: inline;
	background-color: #fff;
}
ul#sidebar li {
	background-image: url(../images_tcc/bg-dash.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	padding: 6px 0px 9px 0px;
	font-size: 11px;
	line-height: 11px;
	float: left;
	display: inline;
	width: 187px !important;
}
ul#sidebar li a:link, ul#sidebar li a:visited {
	color: #333333;
}
ul#sidebar li a:hover, ul#sidebar li a:active {
	color: #333333;
}
ul#sidebar li.current a:link, ul#sidebar li.current a:visited, ul#sidebar li.current a:hover, ul#sidebar li.current a:active {
	font-weight: bold;
}
ul#sidebar li ul {
	padding: 1px 0px 0px 0px;
	list-style-position: outside;
	width: 187px;
	overflow: hidden;
	float: left;
	display: inline;
}
ul#sidebar li ul li {
	padding: 0px 0px 0px 19px;
	background-image: url(../images_tcc/bg-dot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 13px;
	width: 167px !important;
}
ul#sidebar li ul li a:link, ul#sidebar li ul li a:visited {
	font-weight: normal !important;
	color: #29b473;
}
ul#sidebar li ul li a:link, ul#sidebar li ul li a:visited {
	font-weight: normal !important;
	color: #29b473;
}
/* / navigation */

/* search */
div#search {
	width: 217px;
	height: 30px;
	float: left;
	display: inline;
	position: relative;
	border: 0;
}
div#search input {
	border: 0;
	padding: 0;
	margin: 0;
	width: 146px;
	height: 16px;
	background-color: #f2f2f2;
	color: #666666;
	position: absolute;
	top: 5px;
	left: 5px;
	padding: 2px;
	text-align: left;
}
div#search img {
	border: 0;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 5px;
	left: 160px;
}
/* / search */


/* footer */
div#footer {
	position: relative;
	float: left;
	display: inline;
	width: 100%;
}
div#footer a:link, div#footer a:visited {
	text-decoration: none;
	color: #fff;
}
div#footer a:hover, div#footer a:active {
	text-decoration: underline;
	color: #fff;
}
div#footer ul {
	height: 10px;
	padding: 30px 0px;
	float: left;
	display: inline;
}
div#footer ul li {
	float: left;
	display: inline;
	border-right: 1px solid #fff;
	height: 10px;
	line-height: 10px;
	padding: 0px 7px 0px 0px;
	margin: 0px 7px 0px 0px;
}
div#footer ul li.last {
	border: 0;
	margin: 0;
}
/* / footer */


/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_- / General structure */

/* feature */
div#feature h2 {
	font-size: 11px;
	line-height: 13px;
	padding: 15px 0px 0px 0px;
}
div#feature div#copyFeat {
	height: 50px;
	padding: 3px 0px 0px 0px;
	text-align: left !important;
}
div#feature div#copyFeat p {
	padding: 0px;
	text-align: left !important;
}
div#feature p#featurenav {
	text-align: right !important;
	padding: 0px;
	margin: 0px 0px -7px 0px;
}
div#feature p#featurenav a:link, div#feature p#featurenav a:visited, div#feature p#featurenav a:hover, div#feature p#featurenav a:active {
	color: #666666;
	padding: 0px 3px;
}
div#feature p#featurenav a.active:link, div#feature p#featurenav a.active:visited, div#feature p#featurenav a.active:hover, div#feature p#featurenav a.active:active {
	color: #F68B1F;
}
/* / feature */

/* news */
div#news ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#news ul li {
	background-image: url(../images_tcc/bg-dotted.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 7px 0px;
}
div#news ul li p {
	padding: 0px;
}

/* / news */

/* creative showcases */

div#showcases {
	width: 406px;
	background-color: #f2f2f2;
}

div#showcases div#movie_viewer_single1 {
	width: 275px;
	float: left;
	display: inline;
}
div#showcases div#movie_viewer_single1 div#movie {
	height: 185px;
	background-color: #000;
	color: #fff;
}
div#showcases div#movie_viewer_single1 div#movie p {
	padding: 10px;
}
div#showcases div#showcase-list {
	padding: 10px;
	width: 111px;
	float: left;
	display: inline;
}
div.video-info {
	padding: 13px 0px 0px 0px;
	margin: 0px 0px -7px 0px;
}
/* creative showcases */

/* icons */
div#icons a:link, div#icons a:visited {
	width: 84px;
	float: left;
	display: inline;
	color: #fff;
	text-decoration: none;
	padding: 10px 10px 14px 15px;
	background-color: #229e64;
}
div#icons a:hover, div#icons a:active {
	width: 84px;
	float: left;
	display: inline;
	color: #fff;
	text-decoration: none;
	padding: 10px 10px 14px 15px;
	background-color: #F68B1F;
	background-image: url(../images_tcc/bg-link-gradient.gif);
	background-repeat: repeat-x;
	background-position: top;
}
/* / icons */

/* links */
div#links {
	border-bottom: 15px solid #29b473;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
div#links div.content {
	padding-right: 0;
	padding-bottom: 5px;
}
div#links img {
	float: left;
	display: inline;
	padding: 0px 10px 10px 0px;
}
/*  / links */

/* events */
div#events ul {
	background-image: url(../images_tcc/bg-dash.gif);
	background-position: top left;
	background-repeat: repeat-x;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 187px;
}
div#events ul li {
	background-image: url(../images_tcc/bg-dash.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	padding: 7px 0px 10px 0px;
	width: 100%;
}
div#events h2 span {
	color: #29B473;
	margin: 0px 0px 0px -3px;
}
div#events ul li a:link, div#events ul li a:visited, div#events ul li a:hover, div#events ul li a:active {
	color: #666;
}
/* / events */

/* breadcrumb */
div#breadcrumb {
	width: auto;
	height: 30px;
	position: relative;
	float: left;
	display: inline;
	background-color: #fff;
}
div#breadcrumb div.content {
	margin: 5px;
	padding: 0;
	height: 20px;
	width: 426px;
	float: none;
	clear: both;
	background-color: #29b473;
}
div#breadcrumb div.content p {
	padding: 0px 0px 0px 11px;
	color: #fff;
	line-height: 20px;
}
div#breadcrumb div.content p a:link, div#breadcrumb div.content p a:visited, div#breadcrumb div.content p a:hover, div#breadcrumb div.content p a:active {
	color: #fff;
}

/* / breadcrumb */

/* print */

div#print {
	width: 217px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 15px;
	background-color: #fff;
}
div#print p {
	border: 0;
	padding: 0px 0px 0px 13px;
	margin: 0;
	width: 138px;
	background-color: #f2f2f2;
	color: #666666;
	position: absolute;
	top: 5px;
	left: 5px;
	line-height: 20px;	
}
div#print img {
	border: 0;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 5px;
	left: 160px;
	width: 52px;
	height: 20px;
}

/* / print */

/* login */
li#login p {
	padding: 0px 0px 9px 0px;
}
li#login label {
	width: 60px;
	float: left;
	display: inline;
	height: 16px;
	margin: 0px 0px 5px 0px;
	padding: 2px 0px;
}
li#login input {
	width: 52px;
	float: left;
	display: inline;
	border: 0;
	background-color: #f2f2f2;
	color: #666666;
	height: 20px;
	margin: 0px 0px 5px 5px;
	padding: 0px;
	text-align: center;
}
li#login input.textentry {
	width: 127px;
	float: left;
	display: inline;
	border: 0;
	background-color: #f2f2f2;
	color: #666666;
	height: 16px !important;
	margin: 0px 0px 5px 0px;
	padding: 2px 0px;
	text-align: left;
}
li#login input#password {
	width: 70px;
	text-align: left;
}
li#login input#submit {
	width: 52px;
	text-align: center;
	float: left;
	display: inline;
	border: 0;
	height: 20px;
	margin: 0px 0px 0px 5px;
	padding: 0;
}
li#login td.forgot {
	font-weight: bold;
	color: #F68B1F;
	padding: 15px 0px 0px 0px;
}
li#login td.forgot a:link, li#login td.forgot a:visited, li#login td.forgot a:hover, li#login td.forgot a:active {
	color: #29b473;
}

/* / login */

/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_- colour */


/* random headings */
/* home */
body.home div#site div#header div#right {
	background-color: #f68b1f;
}
body.home div#site div#header div#right div.logo {
	background-image: url(../images_tcc/logo-right3.gif);
}
/* home */


/* default */
div#site div#header div#right {
	background-color: #ec1c24;
}
div#site div#header div#right div.logo {
	background-image: url(../images_tcc/logo-right4.gif);
}
/* default */

/* colour 0 */
div#site div#header div.color0 {
	background-color: #eb008b !important;
}
div#site div#header div.color0 div.logo {
	background-image: url(../images_tcc/logo-right0.gif) !important;
}
/* / colour 0 */

/* colour 1 */
div#site div#header div.color1 {
	background-color: #00adee !important;
}
div#site div#header div.color1 div.logo {
	background-image: url(../images_tcc/logo-right1.gif) !important;
}
/* / colour 1 */

/* colour 2 */
div#site div#header div.color2 {
	background-color: #90278e !important;
}
div#site div#header div.color2 div.logo {
	background-image: url(../images_tcc/logo-right2.gif) !important;
}
/* / colour 2 */

/* colour 3 */
div#site div#header div.color3 {
	background-color: #f68b1f !important;
}
div#site div#header div.color3 div.logo {
	background-image: url(../images_tcc/logo-right3.gif) !important;
}
/* / colour 3 */

/* colour 4 */
div#site div#header div.color4 {
	background-color: #ec1c24 !important;
}
div#site div#header div.color4 div.logo {
	background-image: url(../images_tcc/logo-right4.gif) !important;
}
/* / colour 4 */

/* / random headings */
/* home */
body.home {
	background-color: #29b473 !important;
}
body.home a:link, body.home a:visited, body.home a:hover, body.home a:active {
	color: #29b473;
}
body.home div#body {
	background-image: url(../images_tcc/bg-body-home.gif);
	background-repeat: repeat-y;
	background-position: left;
}
body.home h2 a:link, body.home h2 a:visited, body.home h2 a:hover, body.home h2 a:active {
	color: #F68B1F;
}
body.home div#search {
	border-bottom: 15px solid #29b473;
}
/* / home */

a:link, a:visited, a:hover, a:active {
	color: #f68b1f;
}
/* color 0 */
body.color0 {
	background-color: #eb008b !important;
}
body.color0 div#search {
	border-bottom: 15px solid #eb008b !important;
}
body.color0 div#breadcrumb {
	border-right: 15px solid #eb008b !important;
	border-bottom: 15px solid #eb008b !important;
}
body.color0 div#breadcrumb div.content {
	background-color: #eb008b !important;
}
body.color0 li#login table#_ctl1 td.headerLink b {
	color: #eb008b !important;
}
body.color0 h2, body.color0 h3, body.color0 h5 {
	color: #eb008b !important;
	background-image: url(../images_tcc/bg-hdash0.gif) !important;
}
body.color0 a:link, body.color0 a:visited, body.color0 a:hover, body.color0 a:active {
	color: #eb008b;
}
/* color 0 */

/* color1 */
body.color1 {
	background-color: #00adee !important;
}
body.color1 div#search {
	border-bottom: 15px solid #00adee !important;
}
body.color1 div#breadcrumb {
	border-right: 15px solid #00adee !important;
	border-bottom: 15px solid #00adee !important;
}
body.color1 div#breadcrumb div.content {
	background-color: #00adee !important;
}
body.color1 li#login table#_ctl1 td.headerLink b {
	color: #00adee !important;
}
body.color1 h2, body.color1 h3, body.color1 h5 {
	color: #00adee !important;
	background-image: url(../images_tcc/bg-hdash1.gif) !important;
}
body.color1 a:link, body.color1 a:visited, body.color1 a:hover, body.color1 a:active {
	color: #00adee;
}
/* color 1 */

/* color 2 */
body.color2 {
	background-color: #90278e !important;
}
body.color2 div#search {
	border-bottom: 15px solid #90278e !important;
}
body.color2 div#breadcrumb {
	border-right: 15px solid #90278e !important;
	border-bottom: 15px solid #90278e !important;
}
body.color2 div#breadcrumb div.content {
	background-color: #90278e !important;
}
body.color2 li#login table#_ctl1 td.headerLink b {
	color: #90278e !important;
}
body.color2 h2, body.color2 h3, body.color2 h5 {
	color: #90278e !important;
	background-image: url(../images_tcc/bg-hdash2.gif) !important;
}
body.color2 a:link, body.color2 a:visited, body.color2 a:hover, body.color2 a:active {
	color: #90278e;
}
/* color 2 */

/* color 3 */
body.color3 {
	background-color: #f68b1f !important;
}
body.color3 div#search {
	border-bottom: 15px solid #f68b1f !important;
}
body.color3 div#breadcrumb {
	border-right: 15px solid #f68b1f !important;
	border-bottom: 15px solid #f68b1f !important;
}
body.color3 div#breadcrumb div.content {
	background-color: #f68b1f !important;
}
body.color3 li#login table#_ctl1 td.headerLink b {
	color: #f68b1f !important;
}
body.color3 h2, body.color3 h3, body.color3 h5 {
	color: #f68b1f !important;
	background-image: url(../images_tcc/bg-hdash3.gif) !important;
}
body.color3 a:link, body.color3 a:visited, body.color3 a:hover, body.color3 a:active {
	color: #f68b1f;
}
/* color 3 */

/* color 4 */
body.color4 {
	background-color: #ec1c24 !important;
}
body.color4 div#search {
	border-bottom: 15px solid #ec1c24 !important;
}
body.color4 div#breadcrumb {
	border-right: 15px solid #ec1c24 !important;
	border-bottom: 15px solid #ec1c24 !important;
}
body.color4 div#breadcrumb div.content {
	background-color: #ec1c24 !important;
}
body.color4 li#login table#_ctl1 td.headerLink b {
	color: #ec1c24 !important;
}
body.color4 h2, body.color4 h3, body.color4 h5 {
	color: #ec1c24 !important;
	background-image: url(../images_tcc/bg-hdash4.gif) !important;
}
body.color4 a:link, body.color4 a:visited, body.color4 a:hover, body.color4 a:active {
	color: #ec1c24;
}
/* color 4 */

/* default */
body {
	background-color: #f68b1f;
}
body div#breadcrumb {
	border-right: 15px solid #f68b1f;
	border-bottom: 15px solid #f68b1f;
}
body div#search {
	border-bottom: 15px solid #f68b1f;
}
body div#breadcrumb div.content {
	background-color: #f68b1f;
}
body li#login table#_ctl1 td.headerLink b {
	color: #f68b1f !important;
}
body li#login table#_ctl1 td.headerLink {
	padding: 0px 0px 15px 0px;
}
div.subpage h2, div.subpage h3 {
	color: #f68b1f;
	background-image: url(../images_tcc/bg-hdash3.gif);
}



/* default */

/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_- / colour */

/* over riding stuff while testing */

table#Table1 {
	height: auto !important;
	width: 100%;
}
table#hidden {
	display: none;
}
li#login input, input#txtTmplSearchControl {
	height: 20px !important;
	text-align: left;
}
div.content ul {
	display: block;
}
.content ul.links {
	list-style-type: disc !important;
	color: #666666;
}
input, select, textarea {
	font-family: Arial, helvetica, san-serif;
	font-size: 11px;
	line-height: 13px;
	color: #666666;
	text-align: left !important;
	padding-left:0px;
}
li#login table {
	width: 187px !important;
	display: inline;
}
li#login table td {
	width: 187px !important;
}
li#login table#_ctl1 {
	width: 187px !important;
	font-weight: bold !important;
	background-color: transparent !important;
	display: inline;
	float: left;
}
li#login table#_ctl1 td {
	width: 187px !important;
	font-weight: bold !important;
	background-color: transparent !important;
	font-size: 11px !important;
}
#lblMainText {
	display: none;
}
iframe#fraContents table {
	width: 406px !important;
}
iframe#fraContents table td {
	background-color: #F2F2F2 !important;
}