/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }

/* Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body { font : 75%/1.5 Helvetica, Arial, Verdana, sans-serif; background: #708cb1;}
h1,h2,h3,h4,h5,h6 { font-weight : normal; }
h1 { font-size : 3em; line-height : 1; margin-bottom : 0.5em; }
h2 { font-size : 2em; margin-bottom : .75em; }
h3 { font-size : 1.5em; line-height : 1; margin-bottom : 1em; }
h4 { font-size : 1.2em; line-height : 1.25; margin-bottom : 1.25em; }
h5 { font-size : 1em; font-weight: bold; margin-bottom : 1.5em; }
h6 { font-size : 1em; font-weight : bold; }
p { margin : 0 0 1.5em; }
ul, ol { margin : 0 1.5em 1.5em 0; }
ul { list-style-type : none; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-left : 1.5em;}
abbr, acronym { border-bottom-width : 0; }
address { margin-top : 1.5em; font-style : normal; }
del { color : #666; }
blockquote { margin : 1.5em 0; }
strong { font-weight : bold; }
em, dfn { font-style : italic; }
dfn { font-weight : bold; }
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5; } 
tt { display : block; margin : 1.5em 0; line-height : 1.5; }
table { margin-bottom : 1.4em; }
th { border-bottom : 2px solid #433b34; font-weight : bold; }
td { border-bottom : 1px solid #ddd; }
th,td { padding : 4px 10px 4px 0; }
tfoot { font-style : italic; }
caption { background : #ffc; }

/* http://meyerweb.com/eric/tools/css/diagnostics/ 
----------------------------------------------------------------------------------------- 

div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding : 0.5em; background : yellow; }
*[style], font, center { outline : 5px solid red; } 
*[class=""], *[id=""] { outline : 5px dotted red; }
img[alt=""] { border : 3px dotted red; }
img:not([alt]) { border : 5px solid red; }
img[title=""] { outline : 3px dotted fuchsia; }
img:not([title]) { outline : 5px solid fuchsia; }
table:not([summary]) { outline : 5px solid red; }
table[summary=""] { outline : 3px dotted red; }
th { border : 2px solid red; }
th[scope="col"], th[scope="row"] { border : none; }
a[href]:not([title]) { border : 5px solid red; }
a[title=""] { outline : 3px dotted red; }
a[href="#"] { background : lime; }
a[href=""] { background : fuchsia; } 

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

html {text-align:center; color: black; overflow-y: scroll;}

img {border:none;}

.image_border {border:1px solid #CCCCCC; margin:0px 0px 4px; padding:4px;}

.border {border:1px solid #ccc; background:#fff; margin:4px; padding:2px}

td {border-collapse:collapse; border-color:#fff; vertical-align:top}

.red {color:#7b031c}
.disclaimer-txt {font-size: 10px}

/************************************************************************ <h> TAGS CSS ************************************************************************/

h1 {font-size:150%; color:#323232; font-weight:bold}
h2 {font-size:130%; color:#9a0103}
h3 {font-size:110%; color:#6baa37}
h4 {font-size:100%; color:#323232}
h5 {font-size:90%; color:#323232}
h6 {font-size:80%; color:#6baa37}


/************************************************************************ LIST ITEMS CSS ************************************************************************/

ul, li { list-style-type: circle; list-style-position:inside; }


/************************************************************************ PSEUDO CLASSES CSS ************************************************************************/

a:link, a:visited {color:#323232; text-decoration:none; font-weight:bold}

a:hover {color:#9a0104; text-decoration:underline;}

/******************************************************************************** HOMEPAGE MAIN CSS ************************************************************************/

#toplinks {width:955px; height:20px; padding:5px 5px; margin:0px auto 0px auto; color:#323232; text-align:left; font-weight:bold; font-size:12px;}

#toplinks a:link, #toplinks a:visited {color:#323232}

#toplinks a:hover {color:#6baa37}

#header-wrapper {width:100%; height:268px; margin:0px auto 0px auto; background:url(../images/header_bg_tile.jpg) repeat-x #fff; position:relative;}

#header {width:990px; height:268px; margin:0px auto 0px auto; position:relative;}

#header-small {width:990px; height:130px; margin:0px auto 0px auto; position:relative; text-align:left; background:url(../images/header.jpg) #ced8e4 no-repeat; border:15px solid #fff; border-bottom:none;}

#header-flash {position:relative; left:430px; top:10px; width:326px; height:110px; /*border:1px solid #fff;*/ float:left; display:none;}

#header-promo {position:relative; left:200px; margin-left:10px; width:270px; height:50px; float:left; padding-top:10px; text-align:center}

#header-search {margin-right:10px; width:240px; height:50px; float:right; padding-top:20px}

#flash {width:353px; height:175px; position:relative; top:-200px; left:550px; background:transparent;}

#footer {width:990px; margin:10px auto 0px auto; background:#dee8f3; padding:20px 0px 10px; text-align:center; color:#323232; overflow:hidden; clear:both; font-size:12px}

.footer-left {width:290px; min-height:100px; margin:0px 5px 0px 3px; padding:10px; text-align:left; float:left; border:4px solid #fff}

.footer-right {width:590px; min-height:200px; margin:0px auto 0px 10px; padding:5px; background:#eee; text-align:left; float:right; border:1px solid #ccc}

#wrapper {width:100%; margin:0px auto 0px auto;}

#container {
	width:990px;
	margin:0px auto 0px auto;
	background:#fff;
	position:relative;
	text-align:left;
	font-size:9px;
	border:15px solid #fff;
	border-top:none;
}

#topnav {width:955px; height:84px; background:url(../images/top-nav_bg.jpg) repeat; overflow:visible; margin-bottom:10px}

#topnav-visitors {width:223px; height:24px; margin-top:-1px; float:right; position:relative; color:#fff; font-size:14px; background:url(../images/visitor_bg.jpg) bottom left no-repeat; padding: 55px 10px 5px 107px}

.content-text {width:630px; padding:30px 10px 0px; margin-bottom:5px; background: url(../images/bg-content-text.jpg) repeat-x  #fff; float:left; font-size:1.4em; }

#content-form {width:145px; min-height:300px; padding:10px 5px 0px 190px; margin-bottom:5px; background: url(../images/bg_form.jpg)  top right no-repeat; float:right; color:#fff; font-size:1.4em;}

#homepage-wrapper {width:970px; padding: 0px 10px 10px; margin-bottom:5px; min-height:382px; background:#fff; float:left; font-size:1.4em; }

.courses-boxes {width:550px; padding:10px; margin-bottom:10px; background:#e1edf4; float:left; border:1px solid #ccc;} 

.quicklinks-boxes-container {width:143px; float:left; margin-bottom:5px; margin-right:5px}

.quicklinks-boxes {width:141px; height:100px; border:1px solid #cccccc; float:left; background:#fff;} /*HOMEPAGE-IMAGE LINKS */

.quicklinks-boxes-title {width:131px; height:20px; border:1px solid #cccccc; padding:5px; float:left; background: url(../images/bg-title_fade.jpg) repeat-x; text-align:center; color:#6baa37; font-size:0.7em} /*HOMEPAGE-TEXT LINKS */

.banner-wrapper {width:560px; padding:5px; margin-bottom:5px; min-height:30px; background: #fff; float:left; font-size:1.4em; letter-spacing:1px; border:1px solid #ccc} 

.banner-container {width:570px; margin-bottom:20px; float:left; clear:both} 

.offer-boxes {width:270px; height:150px; border:1px solid #cccccc; float:left; background:#d0f1b5; margin-bottom:20px; margin-right:10px}

#poll-box {width:250px; min-height:230px; border:1px solid #cccccc; float:left; background:#fff; padding:20px 10px 10px 10px; margin:0px 10px 10px 0px; text-align:left; font-size:0.8em;}

#blog-box {width:250px; min-height:230px; border:1px solid #cccccc; float:left; background:#fff; padding:20px 10px 10px 10px; margin:0px 10px 10px 0px; font-size:0.8em; text-align:left}

#content-right {width:335px; min-height:382px;  background:transparent; float:right; text-align:left;}

#content-left {width:600px; float:left; padding:10px 10px 0px; text-align:left;}

.picture-boxes-container {width:192px; float:left; margin-right:5px; margin-bottom:5px}

.picture-boxes {width:190px; height:130px; border:1px solid #cccccc; float:left; background:#fff;} /*HOMEPAGE-IMAGE LINKS */

.picture-boxes-title {width:180px; height:20px; border:1px solid #cccccc; padding:5px; float:left; background: url(../images/bg-title_fade.jpg) repeat-x; text-align:center; color:#666; font-size:12px} /*HOMEPAGE-TEXT LINKS */

#form-wrapper {width:178px; height:285px; background:url(../images/enquiry-form-bg.jpg) no-repeat; float:right; padding: 45px 10px 20px 112px; text-align:left; position:relative}

.content-banner {width:623px; height:184px; border:1px solid #cccccc; margin-bottom:10px}

.content-text {width:627px; min-height:168px; border:1px solid #eee; margin-bottom:10px; padding:20px 10px; font-size:1.5em}

#bottom-links {width:950px; height:30px; font-size:12px; color:#323232; text-transform:uppercase; letter-spacing:1px; padding:10px 20px 0px 20px; margin:5px auto 0px auto; text-align:center; background: #e4d4d4; border:1px solid #ccc; position:relative; clear:both}

#bottom-links a:link, #bottom-links a:visited {color:#9a0103; }

#bottom-links a:hover {color:#666; text-decoration:underline}

#disclaimer {width:950px; height:60px; font-size:90%; color:#323232; padding:10px 20px 0px 20px; margin:5px auto 0px auto; text-align:center; background: #fff; border:1px solid #ccc; position:relative; clear:both}

.site-design {width:970px; height:30px; font-size:100%; color:#fff; letter-spacing:1px; margin:5px auto 10px auto; text-align:left; background: url(../images/tcm-logo.jpg) top right no-repeat #eee; position:relative; border:1px solid #ccc; padding-right:20px}

.site-design-right {width:420px; text-align:right; float:right; font-size:11px; padding:5px 20px 0px 10px; color:#323232;}
.site-design-left {width:460px; text-align:left; float:left; font-size:11px; padding:5px 10px 0px 20px; color:#323232;}


.seo-text {width:1010px; font-size:10px; color:#323232;  margin:5px auto 10px auto; text-align:center; position:relative; padding:10px 0px;}

/************************************************************************ RIGHT-NAVIGATION CSS ************************************************************************/

#sub-nav-top {width:300px; height:50px; background:url(../images/quick-links-top.jpg) no-repeat; margin-top:10px; float:right; position:relative}

#sub-nav {width:265px; background:url(../images/quick-links-middle.jpg) repeat-y; float:right; padding: 15px 20px 20px 15px; text-align:left; position:relative}

#sub-nav-bottom {width:300px; height:27px; background:url(../images/quick-links-bottom.jpg) no-repeat; float:right; position:relative}

#news-nav-top {width:300px; height:27px; background:url(../images/quick-links-top.jpg) no-repeat; float:right; position:relative}
#news-nav {width:265px; background:url(../images/quick-links-middle.jpg) repeat-y; float:right; padding: 15px 20px 20px 15px; text-align:left; position:relative; font-size:1.2em}

#news-nav a:link, #news-nav a:visited {color:#6baa37}
#news-nav a:hover {color:#6baa37}

.right-nav-title {width:300px; height:45px; float:right; position:relative; text-align:center; margin:5px 0px 0px 5px}

#news-nav-bottom {width:300px; height:27px; background:url(../images/quick-links-bottom.jpg) no-repeat; float:right; position:relative}

#advertisements {width:300px; height:auto; float:right; position:relative; margin-top:10px}

.ad-box125 {width:125px; height:125px; padding:5px; margin:6px; background:#fff; border:1px solid #ccc; float:right}

.ad-box300by250 {width:300px; height:250px; margin-top:5px; margin-bottom:10px; background:#fff; border:1px solid #ccc; float:right}

.news-box {width:280px; min-height:80px; float:right; position:relative; margin-right: 5px; text-align:left; margin-bottom:10px; padding:20px 10px 10px; color:#323232; background:url(../images/bg-blog-news-fade.jpg) repeat-x; border:1px solid #ccc; font-size:1.2em}

.news-box a:link, .news-box a:visited {color:#4e8cc9}

.news-box a:hover {color:#6baa37; text-decoration:underline}


/*************************** QUICK FORM ELEMENTS ************************/

.generic-box {width:120px; height:15px; background:#fff; margin:2px 0px 5px 5px; color:#323; float:left; border:1px solid #ccc; font-family:"Lucida Grande", sans-serif; padding:2px}
.dropdown-box {width:126px; height:25px; background:#fff; margin:2px 0px 5px 5px; color:#323; float:left; border:1px solid #ccc; font-size:12px; font-family:"Lucida Grande", sans-serif; padding:2px}
.text-box {width:120px; height:75px; background:#fff; margin:2px 0px 5px 5px; color:#323; float:left; border:1px solid #ccc; font-family:"Lucida Grande", sans-serif; padding:2px}
.submit_btn {width:125px; background: #e4d4d4; border:1px solid #ccc; color:#323232; float:left; margin:0px 0px 0px 5px; font-size:11px; font-family:"Lucida Grande", sans-serif; font-weight:bold}

/*************************** CONTACT FORM ELEMENTS ************************/

.contact-box {width:200px; height:15px; background:#fff; margin:2px 0px 0px 5px; color:#323; float:left; border:1px solid #ccc; font-family:"Lucida Grande", sans-serif; padding:2px}
.contact-dropdown-box {width:206px; height:25px; background:#fff; margin:2px 0px 0px 5px; color:#323; float:left; border:1px solid #ccc; font-size:12px; font-family:"Lucida Grande", sans-serif; padding:2px}
.contact-text-box {width:200px; height:75px; background:#fff; margin:2px 0px 0px 5px; color:#323; float:left; border:1px solid #ccc; font-family:"Lucida Grande", sans-serif; padding:2px}
.contact-submit_btn {width:200px; background: #e4d4d4; border:1px solid #ccc; color:#323232; float:left; margin:0px 0px 0px 5px; font-size:11px; font-family:"Lucida Grande", sans-serif; font-weight:bold}


/*******************************References Elements***************************/
#related_articles {
	font-size: 0.9em;
}
#related_articles li a {
font-weight:normal;
}

/*********************************NEWS SECTION*********************************/
.news_h2_link:link{
	font-size:1.1em;
	color:#9a0103;
	text-decoration:none;
	font-weight:normal;
	line-height: normal;
}
.news_h2_link:visited{
	font-size:1.1em;
	color:#9a0103;
	font-weight:normal;
	line-height: normal;
	text-decoration: none;
}
.news_h2_link:hover {
	font-size:1.1em;
	color:#9a0103;
	font-weight:normal;
	line-height: normal;
	text-decoration: none;
}