/* defaults, globals, and miscellaneous

==============================================================================*/

* { /* removes defaults from all elements */

	margin: 0;

	padding: 0;

	}

body {

	font-size: 62.5%; /* sets the stage for using ems */

	text-align: center;

	background: #fff url(/images/navigation/bg-body.gif) repeat-x;

	}

hr {

	display: none;

	}

 a {


			}

.clearHack {

	display: block;

	visibility: hidden;

	clear: both;

	height: 0;

	}

#skipLink {

	display: none;

	}





/* site id and utility links

==============================================================================*/

h1 {

	position: relative;

	height: 70px;

 	color:#00bb31;

        top: 10px;

}



 h1 a {

	position: relative;

        height: 70px;

        margin-left: 250px;

        top: 0px;

	margin-bottom: 5px;          

      	text-decoration: none;

        color: #ff9300;

}

 h1  a:hover {

        color: #eae7d2;

}



h2 {

        position: relative;

        height: 70px;

        color: #00BB31;

        top: 0px;

	font: normal 1.5em/1.9 'lucida grande',tahoma,sans-serif;

}



 h2 a {

        position: relative;

        height: 70px;

        margin-left: 250px;

        top: 15px;

        margin-bottom: 0px;

        text-decoration: none;                                                                      

        color: #FFFFFF;

}

 h2  a:hover {

        color: #eae7d2;

}



h2 img {

        padding: 3px;

        border: 0px solid #ccc;

        top: 15px;

        }

	

strong {

color:#00BB31;

}





/* layout setup

==============================================================================*/

#container,

#tccnet,

#wrapper {

	position: relative;

	margin: 0 auto;

	width: 900px;

	}

#container,

#wrapper {

	text-align: left;

	}





/* top-level navigation

==============================================================================*/

#nav {

	height: 28px;

	margin-bottom: 0px;

	list-style: none;

	}

#nav li {

	float: left;

	margin-right: 1px;

	height: 28px;

        overflow: hidden; /* if text-resize, this'll keep the nav the same size */

	}

#nav li a {

	display: block;

	line-height: 28px;

	text-indent: -5000px;

	overflow: hidden;

	background-position: center top; /* horizontally centers the background image */

	}

	#navHome {

		width: 80px;

		background: url(/images/navigation/nav-home.gif) no-repeat;

		}

	#navCompany {

        width: 80px;

        background: url(/images/navigation/tab_company.png) no-repeat;

     	}

	#navMarkets {

		width: 80px;

		background: url(/images/navigation/tab_markets.png) no-repeat;

		}

	#navServices {

        width: 80px;

        background: url(/images/navigation/tab_services.png) no-repeat;

     	}

	#navEducation {

		width: 80px;

		background: url(/images/navigation/tab_education.png) no-repeat;

		}

	#navFranchising {

        width: 145px;

        background: url(/images/navigation/nav-franchising.gif) no-repeat;

     	}

	#navNews {

		width: 100px;

		background: url(/images/navigation/tab_news.png) no-repeat;

		}

	#navContact {

		width: 100px;

		background: url(/images/navigation/tab_contact.png) no-repeat;

		}

	#nav li a:hover {

		background-position: 50% -28px;

	}



body {

	background: url(/images/navigation/bg-body2.gif) repeat-x;

	}



/* footer

==============================================================================*/

#footer {

	position: relative;

	clear: both;

	margin-top: 20px;

	padding: 20px 0;

	background: #51473d url(/images/navigation/bg-footer.jpg) repeat-x;

	}





/* sub navigation

==============================================================================*/

#subNav {

	list-style: none;

	min-height: 30px;

	}

	.audio #subNav {

		padding-left: 70px;

		}

	.events #subNav {

		float: right;

		padding-right: 110px;

		}

	.members #subNav {

		float: right;

		padding-right: 30px;

		}

	.bookstore #subNav {

		float: right;

		}

	#subNav li {

		float: left;

		padding: 0 15px;

		height: 30px;

		

		}

		#subNav .last {

			background: none;

			}

		#subNav li a {

			display: block;

			font: normal 1.1em/2.7em 'lucida grande',tahoma, sans-serif;

			color: #ffffff;

			}

		#subNav li a:hover {

			text-decoration: underline;

			color: #00bb31;

			}





/* content

==============================================================================*/

#content,



	#container .full {

		width: 100%;

		}

	#content {

		padding-bottom: 20px;

		}

#content h2 {

	clear: none;

	margin: 0;

	padding-bottom: 3px;

	font: normal 2.4em/1em 'lucida grande',tahoma,sans-serif;

	color: #4aa962;

	text-transform: none;

	border: 0 none;

	}

#content h3 {

	margin: 1.3em 0 0 0;

	font: 1.4em 'lucida grande',tahoma,sans-serif;

	text-transform: none;

	color: #000000;

	}

#content h4 {

	margin: 0 1.3em 0 0;

	font: bold 1.0em/1.4 'lucida grande',tahoma,sans-serif;

	color: #333333;

}

#content h5 {

	font: normal .9em 'lucida grande',tahoma,sans-serif;

	color: #333333;

	}

#content p {

	margin: 1.3em 0;

	font: normal 1.4em 'lucida grande',tahoma,sans-serif;

	color: #000000;

	}



#content li {

	margin: .7em 0;
	
	font: normal 1.4em 'lucida grande',tahoma,sans-serif;

	color: #000000;

	}

#content ol,

#content ul {

	padding: 0 2.5em;

	}

#content blockquote {

	margin: 1.3em 0;

	padding: 0 1.5em;

	font: italic 1.1em/1.3em georgia,serif;

	color: #999;

	}

#content dl {

	font: normal 1.2em/1.6em 'lucida grande',tahoma,sans-serif;

	color: #777;

	}

	#content dt {

		margin: 1.5em 0 0;

		font-weight: bold;

		color: #ff9300;

		}

	#content dd {

		margin: 0 15px 1em 15px;

		font-size: .91em;

		}

#content a {

	color: #4aa962;

	font-weight: bold;

	}

#content a:hover {

	color: #000000;

	text-decoration: underline;

	background: #00bb31;

	}





/* forms

==============================================================================*/

fieldset {

	margin: 15px 0;

	padding: 15px 0;

	border: 1px solid #000000;

	}

fieldset div {

	margin: 0;

	padding: 5px 0;

	border-top: 1px dotted #000000;

	}

	fieldset div.last {

		border-bottom: 1px dotted #000000;

		}

legend {

	font: bold 1.2em 'lucida grande',tahoma,sans-serif;

	color: #000000;

	}

label {

	display: block;

	float: left;

	clear: left;

	margin-right: 5px;

	width: 100px;

	font: normal 1.1em/1.6em 'lucida grande',tahoma,sans-serif;

	color: #777;

	text-align: right;

	}



div.long {

	padding-left: 100px;

	}

	div.long label {

		text-align: left;

		width: auto;

		float: none;

		}

	div.long input,

	div.long select {

		clear: none;

		}



#content em.desc {

	display: block;

	margin: 0 0 0 105px;

	font: italic 1em/1.1em 'lucida grande',tahoma,sans-serif;

	color: #999;

	}



div.checks {

	padding-left: 100px;

	}

	div.checks label {

		display: inline;

		float: none;

		width: auto;

		text-align: left;

		}

	div.checks input {

		clear: none;

		}

	#content div.checks p {

		margin: 0 0 0 -100px;

		}

	#content div.checks em.desc {

		margin-left: 10px;

		}



div.important {

	background: #ffc;

	}

	#content div.important .desc {

		color: #999;

		}



div.options label {

	display: inherit;

	float: none;

	width: auto;

	margin-left: 100px;

	}

	fieldset div.options input {

		margin-right: 2px;

		}

	#content #content div.options p {

		margin: 5px 0;

		}



div.textarea label {

	float: none;

	width: 99%;

	}

	div.textarea textarea {

		width: 99%;

		height: 100px;

		}



#content form .option {

	margin: 5px 0;

	padding: 4px;

	font-size: 1.1em;

	background: #eee;

	}

	#content form .option input {

		margin-right: 2px;

		}



form .formControls {

	clear: both;

	margin: 2em 0;

	padding: .5em 1em;

	background: #d7ffcc;

	border-top: 1px solid #c3d4be;

	border-bottom: 1px solid #c3d4be;

	}

	form .formControls span {

		display: block;

		float: left;

		}



#footer {

	height: 1px;

	}