/* CSI Template Main CSS File */

  /* general page rules */
  
  * {
    margin: 0;
    padding: 0;
  }
  
  body {
    margin: 20px 0;
		color: #000;
		font-family: arial, helvetica, sans-serif;
		background: #eee;
  }

	a:link, a:visited, a:active {
		color: #2F71FF;
		text-decoration: underline;
	}
	
	a:hover {
		color: #DA3011;
	}
	
  img {
    border: none;
  }

	ul {
		list-style: none;
	}
	
	p {
		margin-bottom: 20px;
		font-size: 15px;
	}
	
	.first-p:first-letter { /* for the first paragraph of any series of paragraphs. do not use if the first paragraph begins with an acronym such as CSI */
		font-size: 18px;
	}
	
	.register-now {
		display: block;
		float: right;
		margin: 0 0 40px 40px;
		padding: 3px 4px;
		width: 94px;
		color: #fff !important;
		font-size: 12px;
		font-weight: bold;
		font-style: italic;
		text-align: center;
		text-decoration: none !important;
		background: #888;
	}
	
	.register-now:hover {
		/* color: #777 !important; */
		background: #555;
	}

	.separator {
		margin-bottom: 20px;
		font-size: 0;
		height: 0;
		border-bottom: 1px solid #ccc;
	}
  
	/* --general page rules */

  /* container */

	#container {
		margin: 0 auto;
		width: 900px;
		border: 2px solid #ccc;
		background: #fff;
  }

	/* --container */

		/* header */
		
		#header {
			position: relative;
			height: 150px;
			border-bottom: 1px solid #ccc;
			background: #eee url(/images/csi_header.png) no-repeat 0 0;
		}
		
			#date-and-time {
				position: absolute;
				top: 10px;
				right: 10px;
				color: #777;
				font-size: 12px;
			}
			
			#header h1 {
				position: absolute;
				top: 35px;
				left: 275px;
				color: #000;
				font-size: 38px;
			}
			
			#header h4 {
				position: absolute;
				top: 80px;
				left: 275px;
				color: #000;
				font-size: 15px;
				font-style: italic;
			}
	
		#menu {
			position: absolute;
			bottom: 0;
			right: 0;
		}
	
			#menu li {
				float: left;
			}

			#menu li a.menu-item {
				display: block;
				float: left;
				margin: 0 1px 0 0;
				padding: 4px 8px;
				width: 80px;
				color: #fff;
				font-size: 15px;
				text-align: center;
				text-decoration: none;
				background: #888;
			}
	
			#menu li a.menu-item:hover {
				/* color: #000; */
				background: #555;
			}
			
			#menu li a.current-page {
				/* color: #000; */
				background: #555;
			}
			
		/* --header */
	
		/* content */
		
		#content-left {
			float: left;
			padding: 10px;
			width: 220px;
			border-right: 1px solid #ccc;
		}
		
			#calendar-container {
				margin: 0 0 20px 0;
				width: 220px;
				height: 224px;
				border: none;
			}
			
			.project-thumb {
				border: 1px solid #aaa;
			}
			
			.project-title {
				margin: 4px 0 20px 0;
				font-size: 14px;
			}
	
		#content-center {
			float: left;
			padding: 10px;
			width: 456px;
		}
		
			.event-heading {
				margin-bottom: 2px;
				font-size: 15px;
			}
			
			.event-stats {
				margin-bottom: 20px;
				font-size: 14px;
			}
			
			.image-top-left {
				float: left;
				margin: 0 10px 10px 0;
			}
			
			.image-top-right {
				float: right;
				margin: 0 0 10px 10px;
			}
			
			.image-bottom-left {
				float: left;
				margin: 10px 10px 0 0;
			}
			
			.image-bottom-right {
				float: right;
				margin: 10px 0 0 10px;
			}
			
			/* registration form */
			
			.registration-heading {
				margin-bottom: 20px;
				color: #444;
			}
			
			.form-heading {
				margin-bottom: 20px;
				color: #D22303;
			}
			
			#form-table {
				font-size: 15px;
			}
			
			.event-pricing td {
				padding: 2px;
			}
			
			.required-field {
				color: #D22303;
			}
			
			/* --registration form */
	
		#content-right {
			float: right;
			padding: 10px;
			width: 162px;
			border-left: 1px solid #ccc;
		}
		
			.ad {
				display: block;
				margin-bottom: 20px;
			}
		
		/* --content */
			
		/* footer */
		
		#footer {
			clear: both;
			padding: 10px;
			font-size: 14px;
			text-align: center;
			overflow: auto;
			border-top: 1px solid #ccc;
		}
		
			#footer-logo {
				vertical-align: middle;
			}
	
		/* --footer */

	/* contact-info */
	
	#contact-info-container {
		margin: 0 auto;
		padding: 10px;
		width: 900px;
		color: #555;
		font-size: 12px;
		text-align: center;
	}
	
	/* --contact-info */