/* @override http://www.corkfilmcentre.com/workspace/css/layout.css */

#container { width: 1000px; }

/**
 * Navigation
 */
#banner { width: 1000px; margin: 0; padding: 0; height: 150px; }
	#logo {
		width: 150px;
		height: 131px;
		float: left;
		display: inline;
		margin: 0;
		padding: 20px 0px 0px 50px;
		background: #000 url('../img/logo.gif') right center no-repeat;
	}
	#address { 
		float: left;
		display: inline;
		width: 450px;
		margin: 40px 0px 0px 40px;
		padding: 0;
	}

/**
 * Navigation
 */
#nav {
	clear: both;
	width: 996px;
	height: 43px;
	padding: 0;
	margin:  0;
	background: transparent url('../img/nav_bg.gif') left repeat-x;
	border-top: 1px solid #7f7e81;
	border-right: 1px solid #7f7e81;
	}
	#nav ul {
		width: 761px;
		height: 43px;
		list-style: none;
		border-right: 5px solid #000;
		margin: 0;
		padding: 0 0 0 230px;
		}
		#nav ul li { display: inline; float: left; }
		#nav ul li a {
			text-decoration: none;
			display: block;
			font-size: 1.1em;
			line-height: 35px;
			color: #fff;
			text-transform: uppercase;
			margin: 0;
			padding: 4px 11px;
			}
			#nav ul li a:hover { background: url('../img/nav_hover_bg.gif') center repeat-x; }
			#nav ul li.current { background: url('../img/nav_hover_bg.gif') center repeat-x; }
			#nav ul li.current a { background: url('../img/active_link.gif') no-repeat center bottom; }
			#nav ul li.current a:hover { background: url('../img/active_link.gif') no-repeat center bottom; }

/**
 * Content
 */
#content-wrapper{
	width: 1000px;
	margin: 0;
	padding: 0;
	clear: both;
	}

	#content {
		width: 740px;
		float: left;
		display: inline;
		}

		#content h2 {
			padding-bottom: 20px;
			border-bottom: 1px solid #3590BF;
			margin: 10px 0 20px;
			}

		#content p { font-size: 13px; }
		#content p.date { margin: 0 0 15px; color: #00b3ee; }
		
		
		.column { margin: 10px 10px 10px 40px; }
		.noncolumn { margin: 10px 10px 10px 230px; }

/**
 * Callouts
 */
#callouts {
		/*padding: 10px;*/
		margin: 10px 0 0 230px;
		
		}

		.callout-item {
			background: url('../img/callout_bg.gif') no-repeat;
			padding: 0 15px 20px 0;
			margin: 0;
			width: 235px;
			float: left;
			display: inline;
			}
			.callout-item h3 {
				font-weight: normal;
				text-transform: uppercase;
				padding: 10px 0 0;
				margin: 10px 0;
				font-size: 14px;
				}

/**
 * Footer
 */
#footer {
	clear: both;
	width: 760px;
	margin: 0 0 40px 230px;
	border-top: 1px solid #555555;
	}

	#sponsors {
		width: 510px;
		height: 60px;
		float:  left;
		margin-top: 10px;
		}
	#credits {
		margin-top: 10px;
		}

/**
 * Courses
 */
#subnav {
	width: 180px;
	margin: 65px 0 0 20px;
	float: left;
	display: inline;
	background: #316692;
	}
	
	#subnav h3 {
		background: #316692 url('../img/nav_bg.gif') repeat-x;
		margin: 0px;
		padding: 0 0 0 10px;
		height: 35px;
		font-size: 12px;
		line-height: 35px;
		border-bottom: 1px solid #033e6f;
		display:block;
		}
		
		#subnav h3 a { color: #fff; }
		#subnav.newsletter h3 { width: 200px; margin: 0px; }
		*html #subnav.newsletter h3 {
	background: none;
}

	#subnav ul {
		list-style: none;
		margin: 0;
		padding: 20px 0;
		border-top: 1px solid #3695c3;
		}
		
		#subnav ul li#post { margin-bottom: 10px; border-top: 1px solid #316692; border-bottom: 1px solid #316692; }
		#subnav ul li#post a { color: #E0A55C; border-bottom: 1px solid #316692; border-top: 1px solid #316692; font-size: 13px; padding: 5px 10px; width: 160px; }
		#subnav ul li#post a:hover { border-bottom: 1px solid #3772A3; border-top: 1px solid #3772A3; }

		#subnav ul li a {
			width: 170px;
			line-height: 22px;
			color: #fff;
			display: block;
			padding: 2px 0 2px 10px;
			background: #316692;
			font-weight: bold;
			font-size: 11px;
			border-bottom: 1px solid #316692;
			border-top: 1px solid #316692;
			}

			#subnav ul li a:hover { background: #033e6f; border-bottom: 1px solid #3772A3; border-top: 1px solid #3772A3; }
			#subnav ul li a.active, #subnav ul li#post a.active { background: #e76d00; color: #fff; border-top: 1px solid #F08D33; border-bottom: 1px solid #F08D33; }

#courses-area {
	padding: 10px;
	margin: 0 0 0 40px;
	width: 630px;
	float: left;
	display: inline;
	}

	.course {
		margin: 10px 0;
		padding: 10px;
		border-bottom: 1px solid #124b77;
		}

	.coursealt {
		margin: 10px 0;
		padding: 10px;
		border-bottom: 1px solid #124b77;
		}

		.course .info, .coursealt .info {
			float: left;
			width: 300px;
			margin: 40px 0 20px;
			}

        .course .image, .course .image {
			float: right;
			width: 300px;
			text-align: right;
			}

		.course h3, .coursealt h3 {
			font-size: 14px;
			font-weight: bold;
			margin: 0;
			padding: 0;
			}

		.course h4, .coursealt h4 {
			font-size: 12px;
			font-weight: bold;
			margin: 0;
			padding: 5px 0;
			}

	.course ul, .coursealt ul { list-style: none; margin: 0; padding: 0; }
	.course ul li, .coursealt ul li{ padding: 2px 0; }
	.course ul li.dates, .coursealt ul li.dates { font-size: 11px; color: #fff; }
	.course ul li.price, .coursealt ul li.price { font-size: 11px; color: #fff; }
	.course .course-description, .coursealt .course-description { clear: both; }
	.course .course-description, .coursealt ul li.price { padding: 10px 0; }
	.course .course-description p, .coursealt .course-description p { padding: 2px 0 8px; font-size: 11px; }
	
/**
 * Equipment List
 */
#equipment { clear: right; margin: 10px 0 30px; width: 740px; }
	#equipment thead th.head { margin: 0; padding: 10px 0; font-size: 15px; background: #000; text-align: left; border-bottom: 1px solid #124b77; }
	#equipment thead { margin: 0; padding: 0; }
		#equipment thead th { margin: 0; padding: 5px 0 5px 10px; background: #1865A1; text-align: left; border-bottom: 1px solid #3582C3;}
	#equipment tbody { margin: 0; padding: 0; }
		#equipment tbody tr td { background: #061420; border-top: 1px solid #040E17; border-bottom: 1px solid #040E17; }
		#equipment tbody tr td.daily-rate { width: 150px; }
		#equipment tbody tr.alt td { background: #122c42; border-top: 1px solid #183A56; border-bottom: 1px solid #183A56; }
			#equipment tbody td { margin: 0; padding: 7px 0 5px 10px; text-align: left; }
	#equipment .right { text-align: right; padding: 0 10px 0 0;}
			
#newsletter-area {
	padding: 10px;
	margin-left: 10px;
	width: 630px;
	float: left;
	display: inline;
}

/**
 * Notice
 */
.notice { border-top: 1px solid #124b77; }
.notice h3 { color: #39bdeb; display: block; margin: 10px 0;}
.notice h4 { color: #39bdeb; display: block; font-size: 12px; }

#notice-contact-details {
	margin: 20px 0 0;
	width: 740px;
	border-top: 1px solid #124B77; 
	}
	.ncd-left { float: left; width: 260px; padding: 9px 0; }
	.ncd-right { float: left; width: 260px; padding: 9px 0; /*background: #122c42;*/  }
	.ncd-right p { width: 400px; }
	.ncd-right .email .txt { width: 120px; float: left; text-align: left; }
		.ncd-right .email a { float: left; text-align: left; }
	.ncd-right .phone .txt { width: 120px; float: left; text-align: left; }
		.ncd-right .phone span.value { float: left; text-align: left; }
	.ncd-right .url .txt { width: 120px; float: left; text-align: left; }
		.ncd-right .url a { float: left; text-align: left; }

/**
 * Forms
 */
form h3 { width: 740px; display: block; background: url('../img/header_bg_blue.gif') no-repeat center right; color: #39BDEB; }
#noticeboard { width: 718px; }
form label { display: block; padding: 10px 0 0; font-size: 11px; }
form label.hide { visibility: hidden; }
form .textbox { display: block; width: 465px; font-size: 11px; margin: 0 0 5px; }
form .left { float: left; display: block; }
#noticeboard .right { float: right; display: block; margin: 6px 0 0; text-align: right; }
.clear { clear: both; }
form textarea { display: block; width: 467px; font-size: 11px; }
form select { display: block; width: 470px; font-size: 11px; }
form select.small { display: block; width: 50px; font-size: 11px; float: right; margin: 0 0 5px; }
form select#showemail { visibility: hidden; }
form .submit { margin: 10px 0 0; display: block; clear: both; }
.your-info { clear: both; padding: 0 0 10px;}
form .note { font-size: 10px; }

form div.even { width: 718px; background: #122c42; margin: 5px 0; padding: 0 10px 10px; border: 1px solid #22425d;}
form div.odd { width: 718px; background: #020f19; margin: 5px 0; padding: 0 10px 10px; border: 1px solid #092236; }

p.success { background: #37790A; border: 1px solid #37990A; width: 718px; font-size: 13px; padding: 10px; }
p.errors { background: #911316; border: 1px solid #ab1316; width: 718px; font-size: 13px; padding: 10px; }
form div.error { background: #911316; border: 1px solid #ab1316; }
form .error_text { clear: both; border: 1px solid #ab1316; background: #561316; padding: 5px; margin: 10px -11px -11px -11px; display: block; text-align: center; }

#newsletter #article p img {
	float:  right;
	margin-left: 10px;
	margin-bottom: 10px;
}

#newsletter #article h3 {
				font-weight: normal;
				text-transform: uppercase;
				padding: 10px 0 0;
				margin: 10px 0;
				font-size: 14px;
				
}

/* @override http://www.corkfilmcentre.com/workspace/css/layout.css */


#container { width: 1000px; }

/**
 * Navigation
 */
#banner { width: 1000px; margin: 0; padding: 0; height: 150px; }
	#logo {
		width: 150px;
		height: 131px;
		float: left;
		display: inline;
		margin: 0;
		padding: 20px 0px 0px 50px;
		background: #000 url('../img/logo.gif') right center no-repeat;
	}
	#address { 
		float: left;
		display: inline;
		width: 450px;
		margin: 40px 0px 0px 40px;
		padding: 0;
	}

/**
 * Navigation
 */
#nav {
	clear: both;
	width: 996px;
	height: 43px;
	padding: 0;
	margin:  0;
	background: transparent url('../img/nav_bg.gif') left repeat-x;
	border-top: 1px solid #7f7e81;
	border-right: 1px solid #7f7e81;
	}
	#nav ul {
		width: 761px;
		height: 43px;
		list-style: none;
		border-right: 5px solid #000;
		margin: 0;
		padding: 0 0 0 230px;
		}
		#nav ul li { display: inline; float: left; }
		#nav ul li a {
			text-decoration: none;
			display: block;
			font-size: 1.1em;
			line-height: 35px;
			color: #fff;
			text-transform: uppercase;
			margin: 0;
			padding: 4px 11px;
			}
			#nav ul li a:hover { background: url('../img/nav_hover_bg.gif') center repeat-x; }
			#nav ul li.current { background: url('../img/nav_hover_bg.gif') center repeat-x; }
			#nav ul li.current a { background: url('../img/active_link.gif') no-repeat center bottom; }
			#nav ul li.current a:hover { background: url('../img/active_link.gif') no-repeat center bottom; }

/**
 * Content
 */
#content-wrapper{
	width: 1000px;
	margin: 0;
	padding: 0;
	clear: both;
	}

	#content {
		width: 740px;
		float: left;
		display: inline;
		}
	
		#content h2 {
			padding-bottom: 20px;
			border-bottom: 1px solid #3590BF;
			margin: 10px 0 20px;
			}

		#content p { font-size: 13px; }
		#content p.date { margin: 0 0 15px; color: #00b3ee; }
		
		
		.column { margin: 10px 10px 10px 40px; }
		.noncolumn { margin: 10px 10px 10px 230px; }
		#content.column.newsletter {
			margin-left: 20px;
		}
		
		*html #content.column.newsletter {
			margin-left: 10px;
		}
		
		


/**
 * Callouts
 */
#callouts {
		/*padding: 10px;*/
		margin: 10px 0 0 230px;
		
		}

		.callout-item {
			background: url('../img/callout_bg.gif') no-repeat;
			padding: 0 15px 20px 0;
			margin: 0;
			width: 235px;
			float: left;
			display: inline;
			}
			.callout-item h3 {
				font-weight: normal;
				text-transform: uppercase;
				padding: 10px 0 0;
				margin: 10px 0;
				font-size: 14px;
				}

/**
 * Footer
 */
#footer {
	clear: both;
	width: 760px;
	margin: 0 0 40px 230px;
	border-top: 1px solid #555555;
	}

	#sponsors {
		height: 60px;
		float:  left;
		margin-top: 10px;
		}
	#twitter  {
		float: right;
		height: 30px;
		margin-top: 15px;
		
	}	
	#twitter p a {
		background: url("../img/logo-twitter.gif") no-repeat;
		display: block;
		height: 17px;
		padding-left: 35px;
	}
	#credits {
		margin-top: 5px;
		float: right;
		}
	
/**
 * Courses
 */
#subnav {
	width: 180px;
	margin: 65px 0 0 20px;
	float: left;
	display: inline;
	background: #316692;
	}
	
	div#subnav.newsletter {
	padding-right: 10px;
	width: 200px;
}

div#subnav.newsletter ul li a{
	font-size: 1em;
	line-height: 1.3em;
	height: auto;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 5px;
	border-bottom: 1px solid #124B77;
}
	
	#subnav h3 {
		background: #316692 url('../img/nav_bg.gif') repeat-x;
		margin: 0;
		padding: 0 0 0 10px;
		height: 35px;
		font-size: 12px;
		line-height: 35px;
		border-bottom: 1px solid #033e6f;
		display:block;
		}
		
		#subnav h3 a { color: #fff; }

	#subnav ul {
		list-style: none;
		margin: 0;
		padding: 20px 0;
		border-top: 1px solid #3695c3;
		}
	#subnav.newsletter ul {
		width: 210px;
	}
	#subnav.newsletter ul a {
		width: 190px;
	}	
		
		#subnav ul li#post { margin-bottom: 10px; border-top: 1px solid #316692; border-bottom: 1px solid #316692; }
		#subnav ul li#post a { color: #E0A55C; border-bottom: 1px solid #316692; border-top: 1px solid #316692; font-size: 13px; padding: 5px 10px; width: 160px; }
		#subnav ul li#post a:hover { border-bottom: 1px solid #3772A3; border-top: 1px solid #3772A3; }

		#subnav ul li a {
			width: 170px;
			line-height: 22px;
			color: #fff;
			display: block;
			padding: 2px 0 2px 10px;
			background: #316692;
			font-weight: bold;
			font-size: 11px;
			border-bottom: 1px solid #316692;
			border-top: 1px solid #316692;
			}

			#subnav ul li a:hover { background: #033e6f; border-bottom: 1px solid #3772A3; border-top: 1px solid #3772A3; }
			#subnav ul li a.active, #subnav ul li#post a.active { background: #e76d00; color: #fff; border-top: 1px solid #F08D33; border-bottom: 1px solid #F08D33; }

#courses-area {
	padding: 10px;
	margin: 0 0 0 40px;
	width: 630px;
	float: left;
	display: inline;
	}

	.course {
		margin: 10px 0;
		padding: 10px;
		border-bottom: 1px solid #124b77;
		}

	.coursealt {
		margin: 10px 0;
		padding: 10px;
		border-bottom: 1px solid #124b77;
		}

		.course .info, .coursealt .info {
			float: left;
			width: 300px;
			margin: 40px 0 20px;
			}

        .course .image, .course .image {
			float: right;
			width: 300px;
			text-align: right;
			}

		.course h3, .coursealt h3 {
			font-size: 14px;
			font-weight: bold;
			margin: 0;
			padding: 0;
			}

		.course h4, .coursealt h4 {
			font-size: 12px;
			font-weight: bold;
			margin: 0;
			padding: 5px 0;
			}

	.course ul, .coursealt ul { list-style: none; margin: 0; padding: 0; }
	.course ul li, .coursealt ul li{ padding: 2px 0; }
	.course ul li.dates, .coursealt ul li.dates { font-size: 11px; color: #fff; }
	.course ul li.price, .coursealt ul li.price { font-size: 11px; color: #fff; }
	.course .course-description, .coursealt .course-description { clear: both; }
	.course .course-description, .coursealt ul li.price { padding: 10px 0; }
	.course .course-description p, .coursealt .course-description p { padding: 2px 0 8px; font-size: 11px; }
	
/**
 * Equipment List
 */
#equipment { clear: right; margin: 10px 0 30px; width: 740px; }
	#equipment thead th.head { margin: 0; padding: 10px 0; font-size: 15px; background: #000; text-align: left; border-bottom: 1px solid #124b77; }
	#equipment thead { margin: 0; padding: 0; }
		#equipment thead th { margin: 0; padding: 5px 0 5px 10px; background: #1865A1; text-align: left; border-bottom: 1px solid #3582C3;}
	#equipment tbody { margin: 0; padding: 0; }
		#equipment tbody tr td { background: #061420; border-top: 1px solid #040E17; border-bottom: 1px solid #040E17; }
		#equipment tbody tr td.daily-rate { width: 150px; }
		#equipment tbody tr.alt td { background: #122c42; border-top: 1px solid #183A56; border-bottom: 1px solid #183A56; }
			#equipment tbody td { margin: 0; padding: 7px 0 5px 10px; text-align: left; }
	#equipment .right { text-align: right; padding: 0 10px 0 0;}
			
#newsletter-area {
	padding: 10px;
	margin-left: 10px;
	width: 630px;
	float: left;
	display: inline;
}

/**
 * Notice
 */
.notice { border-top: 1px solid #124b77; }
.notice h3 { color: #39bdeb; display: block; margin: 10px 0;}
.notice h4 { color: #39bdeb; display: block; font-size: 12px; }

#notice-contact-details {
	margin: 20px 0 0;
	width: 740px;
	border-top: 1px solid #124B77; 
	}
	.ncd-left { float: left; width: 260px; padding: 9px 0; }
	.ncd-right { float: left; width: 260px; padding: 9px 0; /*background: #122c42;*/  }
	.ncd-right p { width: 400px; }
	.ncd-right .email .txt { width: 120px; float: left; text-align: left; }
		.ncd-right .email a { float: left; text-align: left; }
	.ncd-right .phone .txt { width: 120px; float: left; text-align: left; }
		.ncd-right .phone span.value { float: left; text-align: left; }
	.ncd-right .url .txt { width: 120px; float: left; text-align: left; }
		.ncd-right .url a { float: left; text-align: left; }

/**
 * Forms
 */
form h3 { width: 740px; display: block; background: url('../img/header_bg_blue.gif') no-repeat center right; color: #39BDEB; }
#noticeboard { width: 718px; }
form label { display: block; padding: 10px 0 0; font-size: 11px; }
form label.hide { visibility: hidden; }
form .textbox { display: block; width: 465px; font-size: 11px; margin: 0 0 5px; }
form .left { float: left; display: block; }
#noticeboard .right { float: right; display: block; margin: 6px 0 0; text-align: right; }
.clear { clear: both; }
form textarea { display: block; width: 467px; font-size: 11px; }
form select { display: block; width: 470px; font-size: 11px; }
form select.small { display: block; width: 50px; font-size: 11px; float: right; margin: 0 0 5px; }
form select#showemail { visibility: hidden; }
form .submit { margin: 10px 0 0; display: block; clear: both; }
.your-info { clear: both; padding: 0 0 10px;}
form .note { font-size: 10px; }

form div.even { width: 718px; background: #122c42; margin: 5px 0; padding: 0 10px 10px; border: 1px solid #22425d;}
form div.odd { width: 718px; background: #020f19; margin: 5px 0; padding: 0 10px 10px; border: 1px solid #092236; }

p.success { background: #37790A; border: 1px solid #37990A; width: 718px; font-size: 13px; padding: 10px; }
p.errors { background: #911316; border: 1px solid #ab1316; width: 718px; font-size: 13px; padding: 10px; }
form div.error { background: #911316; border: 1px solid #ab1316; }
form .error_text { clear: both; border: 1px solid #ab1316; background: #561316; padding: 5px; margin: 10px -11px -11px -11px; display: block; text-align: center; }

#newsletter #article p img {
	float:  right;
	margin-left: 10px;
	margin-bottom: 10px;
}

#newsletter #article h3 {
				font-weight: normal;
				text-transform: uppercase;
				padding: 10px 0 0;
				margin: 10px 0;
				font-size: 14px;
				
}