/* -----------------------------------------------------------------
	GENERAL
----------------------------------------------------------------- */

* { margin: 0; padding: 0; outline: none; }

body {
	background: url('../images/tmcmain_bg-main.gif') top repeat-x;
	font-family: Arial, Tahoma, sans-serif;
	color: #444;
	font-size: small;
}

p { padding: 0.3em 0; }

.bold { font-weight: bold; }

.i { font-style: italic; }

.blue { color: #3160a8; }

.green { color: #6c9271; }

/* -----------------------------------------------------------------
	LISTS
----------------------------------------------------------------- */

ul, ol {
	margin-left: 30px;
}

#header ul {
	list-style: none;
	float: right;
	margin-top: 28px;
	margin-left: 0;
	font-weight: bold;
}

#header li {
	float: left;
	margin-right: 7px;
	padding-right: 7px;
	border-right: 1px #999 solid;
}

#header li.last {
	margin-right: 0;
	padding-right: 0;
	border: none;
}

.topics ul {
	margin-top: 5px;
	margin-left: 0;
	list-style: none;
}

.topics ul li {
	padding-bottom: 0.3em;
}

.topics2 ul {
	margin-top: 5px;
	margin-left: 0;
	list-style: none;
}

.topics2 ul li {
	padding: 0 0 0.3em 0;
}

/* -----------------------------------------------------------------
	LINKS
----------------------------------------------------------------- */

a { color: #3160a8; }

a:hover { color: #6c9271; }

a img { border: none; }

#header ul a { text-decoration: none; }

a.green { color: #6c9271; }

a.green:hover { color: #3160a8; }

.topics a, .topics2 a {
	text-decoration: none;
	font-weight: bold;
	color: #6c9271;
}

.topics a:hover, .topics2 a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #3160a8;
}

.pagination a { text-decoration: none; }

a.icon-filmstrip {
	background: url('../images/tmcmain_icon-filmstrip.gif') 0 1px no-repeat;
	padding-left: 16px;
}

a.icon-checkmark {
	background: url('../images/tmcmain_icon-checkmark.gif') 0 0 no-repeat;
	padding-left: 19px;
}

a.icon-calendar {
	background: url('../images/tmcmain_icon-calendar.gif') 0 0 no-repeat;
	padding-left: 19px;
}

a.icon-flag {
	background: url('../images/tmcmain_icon-flag.gif') 0 2px no-repeat;
	padding-left: 20px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 18px;
	float: left;
}

a.icon-edit {
	background: url('../images/edit.gif') 0 2px no-repeat;
	padding-left: 20px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 18px;
	float: left;
}

a.icon-bookmark {
	background: url('../images/tmcmain_icon-bookmark.gif') 0 2px no-repeat;
	padding-left: 20px;
	margin-left: 7px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 18px;
	float: left;
}

a.icon-photos {
	background: url('../images/tmcmain_icon-photos.gif') 0 0 no-repeat;
	padding-left: 20px;
	font-weight: bold;
	text-decoration: none;
}

a.icon-blog {
	background: url('../images/tmcmain_icon-blog.gif') 0 1px no-repeat;
	padding-left: 15px;
	margin-left: 7px;
	font-weight: bold;
	text-decoration: none;
}

a.icon-addme {
	background: url('../images/tmcmain_icon-addme.gif') 0 3px no-repeat;
	padding-left: 14px;
	margin-left: 7px;
	font-weight: bold;
	text-decoration: none;
}

a.icon-emailme {
	background: url('../images/tmcmain_icon-emailme.gif') 0 3px no-repeat;
	padding-left: 18px;
	margin-left: 7px;
	font-weight: bold;
	text-decoration: none;
}

a.icon-addcomment {
	background: url('../images/tmcmain_icon-addcomment.gif') 0 0 no-repeat;
	padding-left: 20px;
}

a.icon-more {
	background: url('../images/tmcmain_icon-more.gif') 0 2px no-repeat;
	padding-left: 20px;
	font-weight: bold;
	text-decoration: none;
}

a.iconlink {
  margin-right: 5px;
}


#addme {
  float: left;
}


#addme a {
    background: url('../images/tmcmain_icon-emailme.gif') 0 3px no-repeat;
	padding-left: 18px;
	margin-left: 7px;
	font-weight: bold;
	text-decoration: none;
}


#welcome-left a {
	text-decoration: none;
	font-weight: bold;
}

.right a {
	text-decoration: none;
	font-weight: bold;
}

.current { color: #aaa; }

.crow {
  padding-bottom: 1em;
}


/* -----------------------------------------------------------------
	MAIN NAVIGATION
----------------------------------------------------------------- */

#nav {
	margin: 0 auto;
	width: 840px;
}

#nav ul {
	background: url(../images/tmcmain_nav-li.gif) top left no-repeat;
	height: 37px;
	list-style: none;
	font-weight: bold;
	line-height: 37px;
	padding-left: 1px;
	margin-left: 0;
}

#nav li {
	float: left;
	text-align: center;
	_width: 110px; /* for ie 6 */
}

#nav a {
	background: url(../images/tmcmain_nav-li.gif) top right no-repeat;
	display: block;
	height: 37px;
	padding-left: 14px;
	padding-right: 14px;
	color: #fff;
	text-decoration: none;
}

#nav a:hover {
	background: #d0d8e1 url(../images/tmcmain_nav-li.gif) top right no-repeat;
	color: #3160a8;
}

#Home #nav .home,
#Webcasts #nav .webcasts,
#Videos #nav .videos,
#Photos #nav .photos,
#Forums #nav .forums,
#Profile #nav .my-profile
#Directory #nav .directory

{
	background: #d0d8e1 url(../images/tmcmain_nav-li.gif) top right no-repeat;
	color: #3160a8;
}

/* -----------------------------------------------------------------
	STRUCTURE AND TYPOGRAPHY
----------------------------------------------------------------- */

#wrap {
	margin: 0 auto;
	width: 868px;
	padding-right: 27px;
}

#header {
	margin: 0 auto;
	width: 840px;
	height: 123px;
}

#content {
	background: #fff;
	margin-top: 20px;
	min-height: 400px;
}

#Home #content {
	background: url('../images/tmcmain_bg-content.gif') top left no-repeat;
}

#mainContent {
	width: 510px;
	float: left;
	margin-left: 30px;
}

#mainContent2 {
	width: 785px;
	float: left;
	margin-left: 30px;
}

	#welcome {
		height: 215px;
		margin: 20px 0 45px 0;
		color: #555;
	}

		#welcome-left {
			float: left;
			text-align: center;
		}

		#welcome-left p { padding: 5px 0 0 0; }

		#welcome-right {
			float: right;
			width: 243px;
			line-height: 1.6em;
		}

	#mainContent .right {
		float: right;
		margin-top: 12px;
	}

.content-division {
	clear: left;
	border-top: 2px #6c9271 solid;
	margin-bottom: 20px;
	margin-top: 5px;
}

#Home .content-division {
	margin-top: 0;
}

#Forums .content-division img.left {
	float: left;
	margin-right: 10px;
}

#mainContent .video, #mainContent .forum-summary, .border {
	padding: 10px 0 12px 0;
}

.border {
	min-height: 18px;
}

#mainContent .video {
	min-height: 75px;
}

#mainContent .community_featured {
    background: #FFF9DD url('../images/tmcmain_bg-h2.gif') bottom repeat-x;
	padding: 5px 10px 5px 0;
}

#mainContent .community_premium {
    background: url('../images/tmcmain_bg-h2.gif') bottom repeat-x;
	padding: 5px 10px 5px 0;
}

#mainContent .community_basic {
    background:url('../images/tmcmain_bg-h2.gif') bottom repeat-x;
	padding: 5px 10px 5px 0;
}


#mainContent .community p {
    padding: 0;
}

#mainContent .video {
	padding: 10px 0 12px 0;
    min-height: 75px;
    clear:both;
}

	#mainContent .video .video-thumb {
		float: left;
		width: 100px;
		height: 75px;
		margin-right: 15px;
	}

    #mainContent .video .video-thumb2 {
		float: left;
		width: 50px;
		height: 75px;
		margin-right: 15px;
	}

	#mainContent .video p, #mainContent .forum-summary p { padding: 0; }

    #mainContent #photo_list_all {
        float: left;
        padding: 0;
    }

    #mainContent #photo_list_all photo-item {
        float: left;
        padding: 0;
    }

#directory_search {
    margin: 0;
    padding: 0.5em 0 1em 0;
}

#directory_search ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#directory_search ul li {
    float: left;
    margin: 0;
    padding: 0 5px 0 0;
}


#sidebar {
	float: right;
	width: 275px;
	margin-top: 5px;
}

#events {
	margin-top: 20px;
	line-height: 1.6em;
}

#events ul {
    margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar ul.articles {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#sidebar ul.events {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#sidebar ul.events li {}

#sidebar ul.articles li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 14px;
	background: url(../images/icon-bullet.gif) no-repeat 0 4px;
	}

#sidebar ul.articles li a { text-decoration: none; }

	#sidebar .right {
		float: right;
		margin-top: 6px;
	}

	#sidebar .search {
		height: 83px;
	}
	
	#sidebar .searchInput {
		position: absolute;
		top: 230px;
		width: 180px;
		border: 1px #ccc solid;
		height: 20px;
		padding: 2px 2px 1px 2px;
	}
		
	#sidebar .searchButton {
		position: absolute;
		top: 230px;
		margin-left: 185px;
	}

	#sidebar .pollButton {
		float: right;
	}

    #sidebar p {
		padding: 0;
	}

	.buttons {
		clear: both;
	}

	.notoppadding {
		padding-top: 0;
	}

	.events {
        margin: 0;
	    padding: 0;
	    list-style: none;
		}

		.events p {
			padding: 0;
		}

		.event-summary {
			background: url('../images/tmcmain_bg-h2.gif') bottom repeat-x;
			padding-bottom: 5px;
			margin-bottom: 4px;
		}

.pagination {
	margin-top: -15px;
	margin-bottom: 5px;
	text-align: right;
	font-weight: bold;
}

	.pagination p { padding: 0; }

.topics { margin-top: 15px; }

.forum-comment {
	float: right;
	width: 450px;
}

#Profile table {
	width: 100%;
}

#Profile table tr {
	background: url('../images/tmcmain_bg-h2.gif') bottom repeat-x;
}

#Profile table td { padding: 5px 0; }

#Profile table img { padding: 1px 0 5px 0; }

.photo-thumb {
	margin-right: 15px;
}

#footer {
	clear: both;
	text-align: center;
	margin: 5px 0;
}

/* -----------------------------------------------------------------
	HEADINGS, etc.
----------------------------------------------------------------- */

h1,h2,h3,h4,h5 {
	font-family: "Times New Roman", Helvetica, Arial, Tahoma, sans-serif;
	font-weight: bold;
	padding: .4em 0;
}

#mainContent .community h3,h4,h5 {
    font-family: "Times New Roman", Helvetica, Arial, Tahoma, sans-serif;
	font-weight: bold;
	padding: .2em 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
	text-decoration: none;
}

h1 { font-size: 190%; }

h2 { font-size: 150%; }

	#mainContent #welcome h2 {
		padding-top: .1em;
	}

	#mainContent h2 {
		font-size: 175%;
		background: url('../images/tmcmain_bg-h2.gif') bottom repeat-x;
		color: #3160a8;
		margin-bottom: 3px;
	}

	#sidebar h2 {
		border-top: 2px #6c9271 solid;
		background: url('../images/tmcmain_bg-h2.gif') bottom repeat-x;
		color: #3160a8;
		margin-bottom: 3px;
		padding: .2em 0;
	}

h3 { font-size: 140%; }

	#mainContent .video h3, #mainContent .forum-summary h3 {
		font-family: Arial, Tahoma, sans-serif;
		font-size: 110%;
		padding: 0;
	}

	#sidebar h3 {
		font-size: 120%;
		color: #6c9271;
	}

h4 { font-size: 130%; }

h5 { font-size: 120%; }

h6 { font-size: 110%; }

/* -----------------------------------------------------------------
	CLEARFIX
----------------------------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */

/* misc.
---------------------------------------------------------- */

hr, .hide {
	display: none;
	}
a img {
	border: none;
	}

.group {
  padding: 10px;
}

/* kuno customizations */

img.image_left {
	float: left;
	margin: 0 0 5px 10px;
}

img.image_right {
	float: right;
	margin: 0 0 5px 10px;
}

img.image_left_border {
	float: left;
	padding: 4px;
	margin: 0 15px 5px 0;
	padding: 1px;
	border: 2px solid #9FB496;
}

img.image_right_border {
	float: right;
	padding: 4px;
	margin: 0 0 5px 15px;
	padding: 1px;
	border: 2px solid #9FB496;
}

img.image_center_border {
	text-align: center;
	padding: 4px;
	margin: 5px 0 5px 0;
	padding: 1px;
	border: 2px solid #9FB496;
}

.image_clear {
	clear: both;
	display: block;
	padding-top: 12px;
}

.add_item {
	padding-left: 18px;
	background: url(../images/add.gif) no-repeat 0 0;
}

.back {
	padding-left: 18px;
	background: url(../images/back.gif) no-repeat 0 0;
}

.bookmark {
	padding-left: 18px;
	background: url(../images/bookmark.gif) no-repeat 0 0;
}

.calendar {
	padding-left: 18px;
	background: url(../images/calendar.gif) no-repeat 0 0;
}

.camera {
	padding-left: 18px;
	background: url(../images/camera.gif) no-repeat 0 0;
}

.check {
	padding-left: 18px;
	background: url(../images/check.gif) no-repeat 0 0;
}

.close {
	padding-left: 18px;
	background: url(../images/close.gif) no-repeat 0 0;
}

.comment {
	padding-left: 18px;
	background: url(../images/comment.gif) no-repeat 0 3px;
}

.disk {
	padding-left: 18px;
	background: url(../images/disk.gif) no-repeat 0 0;
}

.document {
	padding-left: 18px;
	background: url(../images/document.gif) no-repeat 0 0;
}

.download {
	padding-left: 18px;
	background: url(../images/download.gif) no-repeat 0 0;
}

.edit {
	padding-left: 18px;
	background: url(../images/edit.gif) no-repeat 0 0;
}

.email {
	padding-left: 18px;
	background: url(../images/email.gif) no-repeat 0 0;
}

.exclamation {
	padding-left: 18px;
	background: url(../images/exclamation.gif) no-repeat 0 0;
}

.favorite {
	padding-left: 18px;
	background: url(../images/favorite.gif) no-repeat 0 0;
}

.twitter {
	padding-left: 18px;
	background: url(../images/twitter.gif) no-repeat 0 0;
}

.facebook {
	padding-left: 18px;
	background: url(../images/facebook.gif) no-repeat 0 0;
}

.myspace {
	padding-left: 18px;
	background: url(../images/myspace.gif) no-repeat 0 0;
}

.feed {
	padding-left: 18px;
	background: url(../images/icon-rss.gif) no-repeat 0 0;
}

#feeds li.feed, #friends li.friend {
  background: none;
  padding: 0;
  float: left;
}

.fforward {
	padding-left: 18px;
	background: url(../images/fforward.gif) no-repeat 0 0;
}

.file {
	padding-left: 18px;
	background: url(../images/file.gif) no-repeat 0 0;
}

.flag {
	padding-left: 18px;
	background: url(../images/flag.gif) no-repeat 0 0;
}

.folder {
	padding-left: 18px;
	background: url(../images/folder.gif) no-repeat 0 0;
}


.home {
	padding-left: 18px;
	background: url(../images/home.gif) no-repeat 0 0;
}

.info {
	padding-left: 18px;
	background: url(../images/info.gif) no-repeat 0 0;
}

.ipod {
	padding-left: 18px;
	background: url(../images/ipod.gif) no-repeat 0 0;
}

.locked {
	padding-left: 18px;
	background: url(../images/locked.gif) no-repeat 0 0;
}

.music {
	padding-left: 18px;
	background: url(../images/music.gif) no-repeat 0 0;
}

.new {
	padding-left: 18px;
	background: url(../images/new.gif) no-repeat 0 0;
}

.new_file {
	padding-left: 18px;
	background: url(../images/new_file.gif) no-repeat 0 0;
}

.new_window {
	padding-left: 18px;
	background: url(../images/new_window.gif) no-repeat 0 0;
}

.next {
	padding-left: 18px;
	background: url(../images/next.gif) no-repeat 0 0;
}

.pause {
	padding-left: 18px;
	background: url(../images/pause.gif) no-repeat 0 0;
}

.pdf_file {
	padding-left: 18px;
	background: url(../images/pdf_icon.gif) no-repeat 0 0;
}

.phone {
	padding-left: 18px;
	background: url(../images/phone.gif) no-repeat 0 0;
}

.play {
	padding-left: 18px;
	background: url(../images/play.gif) no-repeat 0 0;
}

.previous {
	padding-left: 18px;
	background: url(../images/previous.gif) no-repeat 0 0;
}

.print {
	padding-left: 18px;
	background: url(../images/print.gif) no-repeat 0 0;
}

.question {
	padding-left: 18px;
	background: url(../images/question.gif) no-repeat 0 0;
}

.refresh {
	padding-left: 18px;
	background: url(../images/refresh.gif) no-repeat 0 0;
}

.rewind {
	padding-left: 18px;
	background: url(../images/rewind.gif) no-repeat 0 0;
}

.search_left {
	padding-left: 18px;
	background: url(../images/search_left.gif) no-repeat 0 0;
}

.search_right {
	padding-left: 18px;
	background: url(../images/search_right.gif) no-repeat 0 0;
}

.shopping_cart {
	padding-left: 18px;
	background: url(../images/shopping_cart.gif) no-repeat 0 0;
}

.signal {
	padding-left: 18px;
	background: url(../images/signal.gif) no-repeat 0 0;
}

.time {
	padding-left: 18px;
	background: url(../images/time.gif) no-repeat 0 0;
}

.trash {
	padding-left: 18px;
	background: url(../images/trash.gif) no-repeat 0 0;
}

.unlocked {
	padding-left: 18px;
	background: url(../images/unlocked.gif) no-repeat 0 0;
}

.upload {
	padding-left: 18px;
	background: url(../images/upload.gif) no-repeat 0 0;
}

.user {
	padding-left: 18px;
	background: url(../images/user.gif) no-repeat 0 0;
}

.video_link {
	padding-left: 18px;
	background: url(../images/video.gif) no-repeat 0 0;
}

.warning {
	padding-left: 18px;
	background: url(../images/warning.gif) no-repeat 0 0;
}

.website {
	padding-left: 18px;
	background: url(../images/website.gif) no-repeat 0 0;
}

.word_file {
	padding-left: 18px;
	background: url(../images/word_icon.gif) no-repeat 0 0;
}

.wrench_left {
	padding-left: 18px;
	background: url(../images/wrench_left.gif) no-repeat 0 0;
}


/* block layouts */ */
.block {
  float: left;
  width: 100%;
  margin: 0pt 0pt 8px;
  padding-bottom: 8px; }

.blockPhoto {
  float: left;
  padding-left: 7px; }

.blockContent {
  position: relative;
  float: left;
  text-align: left;
  margin: 0 0 0 8px;
  padding: 0;
  z-index: 1; }

.blockContent div {
  margin: 8px 0; }

/* posts */ */
.post {
  float: left;
  margin: 4px 0 0 0; }

.post .blockContent {
 }

.post .blockContent div {
  margin: 2px 0; }

/* profile */

.profile_photo {
  float: left; }

.profile_info {
  width: 300px;
  float: right; }


.profile_clear {
  clear: both; }

.profile_actions {
  padding: 5px 10px 5px 10px;
  float: left;
  width: 100%; }

.profile_bio {
  margin-top: 5px;
  float: left;
  width: 100%; }

.profile_friends {
  margin-top: 10px;
  float: left;
  width: 100%; }

.profile_feeds {
  margin-top: 10px;
  float: left;
  width: 100%; }

.profile_articles {
  float: left;
  width: 100%; }

/* sections */
.sectionheader {
  margin: 4px 0;
  margin: 0;
  font-weight: bold; }

.sectioncontent { margin-bottom: 4px; }

.sectioncontent ul {
  margin-top: 4px; }

#sites, #sites li {
  float: left;
}

.sectioncontent dt {
  float: left;
  text-align: center;
  padding: 0 2px 0 2px; }

.sectioncontent dt .messages {
  float: left;
  text-align: left;
}

.sectioncontent ul {
  margin: 4px 4px;
 }

.sectioncontent li {
  float: left;
  margin: 0 0 10px 0;
  list-style: none; }

.sectioncontent li a { text-decoration: none; }

.sectioncontent dd {
  float: right; }

.friends .sectionheader {
  display:none;
  }

.messages .sectionheader {
  display:none;
  }

.feeds .sectionheader, .feeds .sectioncontent, .friends .sectionheader, .friends .sectioncontent {
  float: left; }

.feeds .sectionheader {
  font-size: 175%;
  background: url('../images/tmcmain_bg-h2.gif') bottom repeat-x;
  color: #3160a8;
  margin-bottom: 3px;
  }

.profile_articles .sectionheader {
  font-size: 175%;
  background: url('../images/tmcmain_bg-h2.gif') bottom repeat-x;
  color: #3160a8;
  margin-bottom: 3px;
  }

.events .event-time { float: right; }

/* ERRORS AND NOTICES */

#flash-errors, #errorExplanation {
  margin: 0 auto;
  background: #F69A91;
  padding: 10px;
  color: #510;
  text-align: center;
}

#flash-notice {
  background: #cfc;
  padding: 10px;
  color: #051;
  text-align: center;
}

#errorExplanation ul,
#flash-notice ul,
#flash-errors ul,
#flash-notice li,
#flash-errors li {
  list-style: none;
}

#errorExplanation {
  text-align: left;
  border: 1px solid #F99;
  background: #fdd;
}

#errorExplanation h2 {
  border: none;
  margin: 0;
  padding: 0;
}

div.emaillink, div.deletelink, div.addfavoritelink, div.photoalbumlink  {
  float: left;
  margin-right: 4px;
}

#site_article-list {
  width: 540px;
}

#site_article-list td.article_date {
  width: 120px;
}

.article_block {
  margin: 0 0 10px 0;
}

.blogtextimgleft img, .blogtextimgright img {
display: block;
padding-bottom: 4px;
}

.blogtextimgright img {
float: right;
padding-left: 10px;
}

.blogtextimgleft img {
float: left;
padding-right: 10px;
}

.video_thumbnail {
  float:left;
  margin: 0 4px 4px 0;
}

.article_with_thumbnail {
  float:left;
  margin: 0 0 4px 0;
}

.video_thumbnail p {
  margin: 0;
}

.home_list_section {
  float:left;
}

.thumbnail_td {
  width: 70px;
}

/* self-clearing floats */

#slogan:after,
#nav ul:after,
#main-body:after,
#main-body-inner:after,
#extra:after,
#footer:after  {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
