@media screen, projection {
	
body {margin:0; padding:0; font-family:Arial, sans-serif; font-size:12px; background:url(../i/bg.png) top center no-repeat;}
	
a {color:#cd3c1d; outline:none;}
a:hover {color:#94836f; outline:none;}

.clear {clear:both;}
.indent {text-indent:-10000px;}
.print {display:none;}
.flush {margin:0; padding:0;}


#container {width:1004px; margin:0 auto;}
	#header {height:98px; margin:0; padding:0;}
		#top {list-style:none; margin:0; padding:0;}
			#top li {float:left; margin:0; padding:0;}
			#top a {display:block; text-indent:-10000px; text-decoration:underline;}
				#logo {margin:0 550px 0 36px; width:95px; height:61px;}
				#top-home {margin:10px 0 0 0; width:91px; height:20px; background:url(../i/top-home.png);}
				#top-contact {margin:10px 0 0 20px; width:91px; height:20px; background:url(../i/top-contact.png);}
				#top-login {margin:10px 0 0 20px; width:90px; height:20px; background:url(../i/top-login.png);}
				#top-account {margin:10px 0 0 20px; width:90px; height:20px; background:url(../i/top-account.png);}
					#top-contact:hover, #top-login:hover, #top-account:hover, #top-home:hover {background-position:0 -20px;}
					
		#nav {list-style:none; margin:0; padding:0 0 0 20px; clear:both;}
			#nav li {float:left; margin:0; padding:10px 20px 0 20px;}
				li.bordered {background:url(../i/nav.png) right top no-repeat;}
			#nav a {color:#fff; text-decoration:none; font-size:16px;}
			#nav a:hover {color:#cd3c1d;}
			
		#header h1 {clear:both; color:#fff; font-size:20px; font-weight:bold; text-align:right; margin:0; padding:6px 62px 0 0;}
	
	#activities-display {width:978px; height:174px; margin:0 22px 0 4px; padding:0; position:relative; overflow:hidden;}
		.activities-image {position:absolute; top:0; left:0; z-index:1; border:none;}
		#activities-display h1, #activities-display h2 {z-index:2; position:absolute; width:996px;}
		#activities-display h1 div {font-family:"Helvetica", "Century Gothic", Arial, sans-serif;}		
	
	#welcome {margin:0; padding:0; height:30px; background:url(../i/welcome.png); position:relative;}
		#welcome ul {list-style:none; position:absolute; margin:0; padding:0; right:38px; bottom:2px; z-index:3;}
		#welcome li {float:left; margin:0 16px 0 0;}				
			a.activity-numbers-selected, a.activity-numbers {display:block; width:24px; height:24px; text-align:center; font-family:"Helvetica", "Century Gothic", Arial, sans-serif; font-size:16px; line-height:1.5; text-decoration:none;}
			a.activity-numbers {border:1px solid #94836f; color:#94836f;}
			a.activity-numbers-selected, a.activity-numbers:hover {border:1px solid #fff; color:#fff;}
	
	.index-section {float:left; width:502px; margin:17px 0 0 0; padding:0;}
		.index-header {margin:0; padding:0; height:32px; text-indent:-10000px;}
		#index-direct {background:url(../i/index-direct.png) left no-repeat;}
		#index-about {background:url(../i/index-about.png) left no-repeat;}
		
		#index-links {list-style:none; margin:4px 0 0 5px; padding:0; background:url(../i/index-links.jpg) top left no-repeat;}
			#index-links li {margin:0 0 8px 226px; width:220px;}
				#index-links a {display:block; text-indent:-10000px;}
					#link-registration {height:27px; background:url(../i/link-registration.png);}
					#link-registration:hover {background-position:0 -27px;}
					#link-continuing {height:41px; background:url(../i/link-continuing.png);}
					#link-continuing:hover {background-position:0 -41px;}
					#link-sign {height:41px; background:url(../i/link-sign.png);}
					#link-sign:hover {background-position:0 -41px;}
		
		#index-content {margin:0; padding:0 56px 0 26px; color:#020202;}
		
	#left {float:left; width:226px; margin:28px 0 0 4px; background:url(../i/left.png) top left no-repeat; height:300px; overflow:visible;}
	
	#right {float:right; width:726px; margin:16px 48px 0 0;}
	
	#middle-event {width:850px; margin:30px auto;}
	
	#footer {margin:20px 0; background:url(../i/footer.png) top no-repeat;}
		#footer p {float:left; margin:0; padding:50px 10px; color:#020202;}
		#footer ul {float:right; margin:0; padding:50px; list-style:none;}
			#footer li {float:right; margin:0; padding:0 10px; color:#a69583;}
			#footer li a {color:#a69583; text-decoration:none;}
			#footer li a:hover {color:#000; text-decoration:underline;}
			
/* SYSTEM REQUIREMENTS */
.sys-req {width:100%; border-collapse:collapse;}
.sys-req tr {vertical-align:top;}
.sys-req th, .sys-req td {padding:3px 9px; border:1px solid; line-height:1.5;}

h2.sys-req-header {font-size:16px;}
p.sys-req-note {font-size:11px; font-style:italic;}

/* DECISION PAGE */
.accreditor-box {float:left; width:330px; margin:0 36px 30px 0; text-align:center; border:1px solid; background:#ccc;}
.accreditor-btn {display:block; text-align:center; font-size:28px; font-family:"Times New Roman", Times, serif; text-decoration:none; padding:20px;}
.accreditor-link {display:block; text-align:center; margin:16px auto;}

/* FORMS */
table.form-frame {width:100%; clear:both;}
table.form-frame td {padding:0 4px 10px 4px;}

h2.form-event-title {float:left; width:520px; margin:0 0 16px 0; padding:0; font-size:18px;}
h2.form-event-title span {display:block; font-size:14px; text-indent:10px;}
.event-title-date {font-weight:normal;}
.event-title-faculty {}
p.form-event-codes {float:right; width:220px; margin:0; padding:0; text-align:right; font-weight:bold;}
div.form-accreditor-header {margin:10px;}

table.form-frame td table.option-set {padding:0 4px 2px 4px;}

/* REGISTRATION */
#registration-form-frame, #bulk_registration-form-frame {width:700px; margin:10px auto;}
#registration-form-frame td, #bulk_registration-form-frame td {padding:2px;} 
#registration-form-frame td.form-left-column, #bulk_registration-form-frame td.form-left-column {width:230px; text-align:right;}
#registration-form-frame td.form-right-column, #bulk_registration-form-frame td.form-right-column {width:460px;}
input.bulk-register {width:98%;}
#bulk-registration-table {margin:16px auto;}
#bulk-registration-table td {padding:1px 2px;}

/* VIDEO */
#video-proceed-link {display:block; float:right; padding:4px 16px; text-align:center; margin:0 30px 10px; text-decoration:none; font-size:36px; border:2px solid #cd3c1d; background:#f2f2f2;}
#video-content {clear:both;}

/* DATA ENTRY */
#data_entry_page-form-frame {width:700px; margin:10px auto;}
#data_entry_page-form-frame td {padding:2px;} 
#data_entry_page-form-frame td.form-left-column {width:230px; text-align:right;}
#data_entry_page-form-frame td.form-left-column {width:230px; text-align:right;}
#data_entry_page-form-frame td.form-right-column {width:460px;}

/* POST TEST */
.form-field_description {margin:10px 30px; padding:4px; font-style:italic;}
.form-field_description strong {font-style:normal;}
.post_test-incorrect {border:1px solid #f00;}
.post_test-incorrect strong {color:#c00;}
.post_test-correct {border:1px solid #0f0;}
.post_test-correct strong {color:#0c0;}

#form-post_test-passed {text-align:center; margin:40px auto;}
	#form-post_test-passed h1 {font-size:22px;}
	#form-post_test-passed p {font-size:14px; line-height:2;}
	#form-post_test-passed strong {font-size:18px; display:inline-block; padding:8px; border:1px solid;}
	form-post_test-passed a {display:block; font-size:14px;}

/* EVALUATION */
#evaluation_page-form-frame {border-collapse:collapse; border:1px solid;}
#evaluation_page-form-frame td {padding:2px 4px;}
#evaluation_page-form-frame tr {background:#eee;}
#evaluation_page-form-frame tr.form-row-header,
#evaluation_page-form-frame tr.form-row-header td table tr,
#evaluation_page-form-frame tr.form-row-submit {background:#fff;}
#evaluation_page-form-frame td table {margin:0; padding:0;}
#evaluation_page-form-frame td {border-bottom:1px solid #000;}
#evaluation_page-form-frame td table td {border:none;}

/* CERTIFICATES */
a.btn-link {padding:2px 6px; border:1px solid; text-decoration:none;}

/* LISTS */
.list-container {border-top:1px solid; border-bottom:1px solid; padding:10px 0;}
.list-navigation-container {text-align:right;}
.list-navigation {padding:0 6px;}

/* BOXCAR FORMS */
#boxcar-form-frame {list-style:none;}
#boxcar-form-frame li.fb-row-item {padding:4px 4px 8px 4px;}
.fb-row-left {width:35%; float:left; text-align:right;}
.fb-row-right {width:60%; float:right; text-align:left;}
.fb-row-left p, .fb-row-right table {margin-top:0; padding-top:0;}
.option-set tr {vertical-align:top;}
}