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

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

/* Drop down menu CSS definitions */ 
@import url("menu.css");  

.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; 
	}

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

#page {
	position: relative;
	margin: 0 auto;
	width: 850px;
	top: 50px; 
	}

	#wrapper {
		margin: 0px; 
		padding: 0px; 
		width: 850px; 
		padding-bottom: 4em; 
		}
		
		#main {
			text-align: left; 
			padding: 0; 
			}
			
			#main #header {
				font-family: Georgia, Palatino, "Times New Roman", serif;	
				font-size: 15px; 
				line-height: 19px; 
				margin-bottom: 10px; 
				border-bottom: 1px solid black; 
				height: 90px; 
				position: relative; 
				top: 0px; 
				left: 0px; 
				}
				
				#main #header .menu {
					width: 66%; 
					position: absolute; 
					right: 0px; 
					bottom: 0px; 
					text-align: right; 
					margin-bottom: 10px; 
					}
					
					#main #header .menu a {
						color: #000; 
						text-decoration: none; 
						}
						
						#main .header .menu a:hover {
							text-decoration: underline; 
							}
					
				#main #header .title {
					position: absolute; 
					left: 0px; 
					bottom: 0px; 
					margin-bottom: 10px; 
					}
			
			#main #masthead {
				margin: 0px; 
				padding: 0px;
				height: 111px; 
				clear: both; 
				margin-bottom: .5em;
				}
				
				#main #masthead img {
					margin: 0px; 
					padding: 0px; 
					float: left; 
					}
				
				#main #masthead a {
					margin: 0px; 
					padding: 0px; 
					}
			
			#main #content {
				color: #000; 
				background-color: #e0e0e0; 
				}
				
				/* cheater table properties, so we can do multi-columns reliably */
				
				#main #content table#cheater {
					border-collapse: collapse; 
					clear: both; 
					}
					
					#main #content #cheater td {
						vertical-align: top; 
						font-size: 12px; 
						padding: 18px; 
						text-align: left; 
						}
						
					#cheater h1 {
						font-size: 17px; 
						}
						
					#cheater .plus-column {
						background-color: #888; 
						color: #ddd; 
						}
						
						#cheater .plus-column a {
							color: #ddd; 
							}
										
				/* full-body layout */
				
				#main #content .full-body {
					text-align: left !important; 
					font-size: 12px; 
					line-height: 20px; 
					padding: 15px; 
					padding-top: 10px; 
					}

					#main #content .full-body h1 {
						font-size: 17px; 
						}
						
					#main #content .full-body p {
						margin-bottom: 20px; 
						}
						
										
					#main #content .full-body a {
						color: #000; 
						}
						
						#main #content .full-body a:hover {
							color: blue; 
							}
							
					#main #content .full-body td {
						font-size: 12px; 
						)
						
						#main #content .full-body .linklist {
							}
							
							#main #content .full-body .linklist a {
								}
				
				/* split-column body layout 1: plus column */
				
				#main #content .plus-column {
					text-align: left !important; 
					font-size: 12px; 
					line-height: 20px; 
					padding: 15px; 
					padding-top: 10px; 
					background-color: #888; 
					color: #fff; 
					width: 284px; 
					}

					#main #content .plus-column h1 {
						font-size: 17px; 
						}
						
					#main #content .plus-column p {
						margin-bottom: 20px; 
						}
						
										
					#main #content .plus-column a {
						color: #fff; 
						}
						
					#main #content .plus-column a:hover {
							color: blue; 
							}
							
					#main #content .plus-column .container-tools {
						border: 1px solid #ddd; 
						background-color: #666; 
						font-size: 11px !important; 
						padding: 3px; 
						margin: 3px; 
						}
						
			
				#main #content .plus-column-body {
					text-align: left !important; 
					font-size: 12px; 
					line-height: 20px; 
					padding: 15px; 
					padding-top: 10px; 
					width: 600px; 
					}

					#main #content .plus-column-body h1 {
						font-size: 17px; 
						}
						
					#main #content .plus-column-body p {
						margin-bottom: 20px; 
						}
						
										
					#main #content .plus-column-body a {
						color: #000; 
						}
						
						#main #content .plus-column-body a:hover {
							color: blue; 
							}
			
				/* split-column body layout 2: equal columns */
				
				#main #content .column-left {
					text-align: left !important; 
					font-size: 12px; 
					line-height: 20px; 
					padding: 15px; 
					padding-top: 10px; 
					padding-right: 7px; 
					width: 50%; 
					}

					#main #content .column-left h1 {
						font-size: 17px; 
						}
						
					#main #content .column-left p {
						margin-bottom: 20px; 
						}
						
										
					#main #content .column-left a {
						color: #000; 
						}
						
						#main #content .column-left a:hover {
							color: blue; 
							}
			
			
				#main #content .column-right {
					text-align: left !important; 
					font-size: 12px; 
					line-height: 20px; 
					padding: 15px; 
					padding-top: 10px; 
					padding-left: 7px; 
					width: 50%; 
					}

					#main #content .column-right h1 {
						font-size: 17px; 
						}
						
					#main #content .column-right p {
						margin-bottom: 20px; 
						}
						
										
					#main #content .column-right a {
						color: #000; 
						}
						
						#main #content .column-right a:hover {
							color: blue; 
							}			
			
			
			
			#main #footer {
				font-size: 12px; 
				line-height: 20px; 
				padding: 15px;
				}
				
				#main #footer a {
					color: #000; 
					}
					
					#main #footer a:hover {
						color: blue; 
						}