/* Example site format
Author:	Andy Waschick
Version:	2007.12.15  */

/* Gestalt system required CSS definitions */
@import url("gestalt.css"); 
@import url("/gestalt/global_editor_styles.css"); 


body, html  {
	margin: 0px; 
	padding: 0px; 
	background-color: #6977a8; 
	color: #444; 
	font-family: trebuchet, 'trebuchet MS', arial, helvetica, sans-serif; 
	text-align: center; 
	}

#header-page {
	position: relative;
	margin: 0 auto;
	width: 100%;
	top: 0px; 
	background-color: #fff; 
	background-image: url(/templates/truecourse/images/headerbg-right.jpg); 
	background-repeat: repeat-x; 
	}

	#header-wrapper {
		margin: 0px; 
		padding: 0px; 
		font-size: 12px; 
		width:100%; 
		padding-bottom: 0px; 
		}
		
		#header-main {
			text-align: left; 
			padding: 0px; 
			}
						
			#header-main .content {
				color: #666; 
				width: 1280px; 
				text-align: middle; 
				z-index: 5; 
				}
				
				#header-main .content #header-maincontent {
					position: relative; 
					top: 0px; 
					left: 0px; 
					z-index: 5; 
					}
				
				#header-main #header-nav {
					position: absolute;
					top: 0px; 
					right: 20px; 
					z-index: 10; 
					}
				
				#header-main .content #header-rightbg {
					position: absolute; 
					left: 0px; 
					top: 0px; 
					width: 50%; 
					height: 236px; 
					background-image: url(/templates/truecourse/images/headerbg-left.jpg); 
					background-repeat: repeat-x; 
					z-index: 0; 
					}

#body-page {
	position: relative;
	margin: 0 auto;
	width: 100%;
	background-color: #fff; 
	padding-top: 10px; 
	margin-bottom: 0px; 
	padding-bottom: 0px; 
	}

	#body-wrapper {
		margin: 0px; 
		padding: 0px; 
		font-size: 12px; 
		width:100%; 
		}
		
		#body-main {
			text-align: left; 
			margin-bottom: 0px; 
			}
		
			#body-main .content {
				padding-top: 10px; 
				color: #666; 
				text-align: left; 
				width: 1000px; 
				font-size: 13px; 
				line-height: 20px; 
				}
				
				#body-main .content table.layouttable {
					border-collapse: collapse; 
					width: 100%; 
					margin: 0px; 
					padding: 0px; 
					}
					
					#body-main .content .layouttable td {
						font-size: 13px; 
						vertical-align: top; 
						padding-bottom: 20px; 
						margin: 0px; 
						padding: 0px; 
						}
						
					#body-main .content .layouttable td.accent-image {
						vertical-align: bottom !important; 
						padding-bottom: 0px !important; 
						margin-bottom: 0px !important; 
						width: 410px; 
						}

						#body-main .content .layouttable .accent-image p {
							margin: -3px; 
							padding: 0px; 
							}						
							

#footer-page {
	position: relative;
	margin: -12 auto;
	width: 100%;
	height: 400px; 
	color: #fff;
	background-image: url(/templates/truecourse/images/footer-background.jpg); 
	background-repeat: repeat-x; 
	}

	#footer-wrapper {
		margin: 0px; 
		padding: 0px; 
		font-size: 12px; 
		width:100%; 
		padding-bottom: 30px; 
		}
		
		#footer-main {
			text-align: left; 
			position: relative; 
			top: -33px; 
			}
		
			#footer-main .content {
				text-align: center; 
				width: 1000px; 
				position: relative; 
				top: 20px; 
				}
				
				#footer-main .content table {
					width: 100%; 
					border: none; 
					}
					
				#footer-main .content td {
					height: 100px; 
					border: none; 
					text-align: center; 
					vertical-align: top; 
					font-size: 12px; 
					color: #fff; 
					padding-right: 15px; 
					padding-left: 15px; 
					background-image: url(/templates/truecourse/images/footer-dot.gif); 
					background-repeat: no-repeat;
					background-position:top center; 
					padding-top: 37px; 
					}
				
				#footer-main .content a {
					text-decoration: none;
					}
					
					#footer-main .content a:hover {
						color: #fff; 
						}


.container-tools {
	border: 1px solid #ddd; 
	background-color: #eee; 
	font-size: 11px !important; 
	padding: 3px; 
	margin: 3px; 
	}
	
.container-preview {
	border: 1px solid #ddd !important; 
	background-color: #e8cece; 
	font-size: 11px !important; 
	padding: 3px; 
	margin: 3px; 
	}