/* ---------------------------------------------------------------- */
/*																	*/
/*						CSS BY GENKGO V.O.F 						*/
/*						HTTP://WWW.GENKGO.NL						*/
/*																	*/
/* ---------------------------------------------------------------- */

/* ---------------------------- */
/* STANDARD HTML TAG RESET      */


/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */

	/* Body */
		body {
			background: #FFFFFF url('../images/bg.png');
			color: #333;;
			font-size: 75%; /* Base font size: 14px */
			font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
			line-height: 1.5em;
			margin: 0;
			padding: 0;
			text-align: left;
		}

	/* Headings */
		h1 {font-size: 1.5em; line-height: 1em; margin-top:0; margin-bottom: 1em;} 					/* 18px */
		h2 {font-size: 1.333em; line-height:1.125em; margin-bottom: 1.125em;}  						/* 16px */
		h3 {font-size: 1.1667em; line-height:1.286em; margin-bottom: 1.286em;}						/* 14px */
		h4 {font-size: 1em; font-weight:bold; margin-bottom: 1.5em;}								/* 12px */

		h1, h2, h3, h4, h5, h6 {
			font-weight: 400;
			font-family: 'Arial narrow';
			color: #000;
			letter-spacing: 1px;
	}

	/* Anchors */
		a {outline: 0;}
		a img {border: 0px; text-decoration: none;}
		a:link, a:visited {
			color: #D70062;
			padding: 0 1px;
			text-decoration: underline;
	}
		a:hover, a:active {
			color: #D70062;
			text-decoration: none;
	}

	/* Paragraphs */
		p {font-size: 1em; margin-top: 1.5em; margin-bottom: 1.5em;text-align: justify;}
		* p:last-child {margin-bottom: 0;}

		strong, b {font-weight: bold;}
		em, i {font-style: italic;}
		
		p img {
			padding: 6px 15px 5px 0;
		}

	/* Lists */
		ul {
			list-style: outside disc;
			margin: 1em 0 1.5em 1.5em;
	}

		ol {
			list-style: outside decimal;
			margin: 1em 0 1.5em 1.5em;
	}

		dl {margin: 0 0 1.5em 0;}
		dt {font-weight: bold;}
		dd {margin-left: 1.5em;}

	/* Quotes */
		blockquote {font-style: italic;}
		cite {}

		q {}

	/* Tables */
		table {margin: .5em auto 1.5em auto; width: 98%;}

			/* Thead */
			thead th {padding: .5em .4em; text-align: left;}
			thead td {}

			/* Tbody */
			tbody td {padding: .5em .4em;}
			tbody th {}

			tbody .alt td {}
			tbody .alt th {}

			/* Tfoot */
			tfoot th {}
			tfoot td {}


/* ---------------------------- */
/* PAGE ELEMENTS			    */

	#container {
		width: 840px;
		margin: 0 auto;
		padding-top: 20px;
	}
	
	#content-wrapper {
		clear:both;
	}
		
		/* ------------------------- */
		/* HEADER					 */
		
			#header {
				width: 700px;
				float: right;
				height: 150px;
				background: grey;
				border-top: 28px solid #D60061;
				position: relative;
			}
			
			#logo {
				float: left;
				width: 140px;
				overflow:hidden;
			}
			
				#logo address {
					margin-top: 1em;
					color: #333;
					font-family: 'arial narrow','Mukti Narrow','Arial',sans-serif;
					font-size:0.9em;
					line-height:1.3;
				}
				
				#logo img {
				}
			
			img.header_img {
				position:absolute;
				z-index:1000
			}
			
			#header #event_info {
				display: block;
				background: url(../../images/header_bg.png) repeat;
				width: 660px;
				height: 44px;
				position: absolute;
				bottom: 20px;
				left:0;
			}
			
			#header .title, #header .date, #header .location {
				color: #fff;
				bottom: 10px;
				font-weight: 400;
				font-family: 'Arial narrow', 'Arial', sans-serif;
				letter-spacing: 1px;
			}
			
			#header .title {
				position: absolute; left: 20px;
				font-size: 18px; line-height: 24px;
				text-align: left; top:-1px;
			}
			
			#header .subtitle {
				position: absolute; left: 20px;
				line-height: 24px;
				text-align: left; top:21px;
				color:#fff;
			}
				
			#header .date {
				position: absolute; right: 20px; bottom: 22px;
				font-size: 1.1667em;
			}	
			
			#header .location {
				position: absolute; right: 20px; bottom: 5px;
				font-size: 1.1667em;
			}			
				
		/* ------------------------- */
		/* NAVIGATION                */
		
			#nav {
				width: 680px;
				background: #D70062 url(../../images/nav.png) repeat-x;
				margin: 0;
				float: right;
				font-size: 1.1em;
				padding: 0 10px;
			}
			
			#nav li {
				list-style-type: none;
				float:left;
				display:block;
				padding:0 10px;
				height:37px;
			}
			
			#nav li:hover {
				background: transparent url(../../images/nav.png) repeat-x;
			} 
			
			#nav li a {
				color: #fff;
				text-decoration: none;
				font-family: 'Arial narrow','Mukti Narrow','Arial',sans-serif;
				font-size: 1.1667em;
				text-transform: capitalize;
				padding:8px 0 0;
				display:block;
				height:29px;
			}
		
			#nav li a:hover {
				text-decoration: none;
				font-weight: normal;
				background: none;
			}
		
		/* ------------------------- */
		/* BREADCRUMBS				 */
		
			#breadcrumbs {
				width: 700px;
				float: right;
				border-bottom: 1px solid #D7D7D7;
				padding: 0;
				margin: 0;
				line-height: 30px;
			}
			
			#breadcrumbs ul {
				margin:0;
				padding:0;
			}
			
			#breadcrumbs p, #breadcrumbs li a, #breadcrumbs li:after {
				float: left;
				margin: 0 3px 0 0;
				text-decoration: none;
				color: #999;	
				padding: 0;
			}
			
			#breadcrumbs p {
				color: #333;
				margin-right: 6px;
			}
			
			#breadcrumbs li.last a {
				color: #333;
			}
			
			#breadcrumbs li:after {
				content: ">";
			}
			
			#breadcrumbs li.last:after {
				content: " ";
			}
			
			#breadcrumbs li a:hover {
				text-decoration: underline;
				color: #333;	
			}
			
		/* ------------------------- */
		/* SUB NAV					 */

			#subcontent {
				float: right;
				width: 180px;
				margin: 0;
				min-height: 400px;
				padding: 20px 0 20px 0;
			}
				#subcontent ul {
					margin:0;
				}
			
				#subcontent li {
					margin-left: 0;
					list-style-type: none;
					list-style-position: inside;
					text-transform: capitalize;
					border-bottom: solid #d7d7d7 1px;
					line-height: 1.5em;
					padding: 3px 0;
					background: url(../../images/li.png) no-repeat 0 7px;
					padding-left: 1.5em;
					font-family: 'arial narrow';
				}
				
				#subcontent li.first {
					border-top: solid #d7d7d7 1px;
				}
				
				#subcontent li.active,
				#subcontent li:hover {
					background: url(../../images/li_hover.png) no-repeat 0 7px;
				}
				
					#subcontent li a {
						text-decoration: none;
						font-size: 1.1667em;
						letter-spacing: 1px;
						display:block;
						line-height:20px;
					}
					
					#subcontent li:hover a, #subcontent li.active a {
						background: none;
						font-weight: bold;
						text-decoration: none;
					}
					
		/* ------------------------- */
		/* MAIN CONTENT				 */

			#content {
				float: left;
				width: 460px;
				padding: 20px;
				background: url(../../images/p_bg.png) repeat-x;
				min-height:400px;
				margin-left: 140px;
				overflow: hidden;
			}
			
			#content.front {
				background: none;
				margin-left: 0;
			}
		
			#aside {
				float: right;
				width: 170px;
				margin: 0;
				min-height: 400px;
				padding: 20px 20px 20px 10px;
				background: url(../../images/p_bg.png) repeat-x;
			}
		
		/* ------------------------- */
		/* PHOTOS					 */
		
		#content ul.imagelist li {
			float:left;
			width:200px;
			height:200px;
			margin:10px;
			list-style:none;
		}
				
		/* ------------------------- */
		/* FOOTER					 */

			#footer {
				text-align: right;
				width: 840px;
				border-top: 1px solid #d7d7d7;
				margin-bottom: 1.5em;
			}
			
			
		/* ------------------------- */
		/* CONTACT					 */

		
		/* ------------------------- */
		/* FORM					     */

			form {width:35em;}
			form fieldset {padding:1.5em 0;}
			form fieldset button,form fieldset input,form fieldset select,form fieldset textarea,form fieldset label{float:left;}
			form fieldset button,form fieldset input,form fieldset select,form fieldset textarea{width:15em;}
			form fieldset legend{font-weight:bold;}
			form fieldset label{width:10em;line-height:1.5em;}
			form fieldset textarea{height:10em;width:20em;}
			fieldset div label,fieldset div input{float:none;margin:0;}
			form fieldset br {clear:left;}
			form label.error,form p.error {color:#FF0000;}
			form fieldset label.check,form fieldset input.check{width:auto;line-height:1em;}
			form input,form fieldset textarea {background:#ffffff;border:1px solid #aaa;padding:2px 4px;margin:0.5em 0;}
			form input.submit {float:left;width:10em;margin-left:10em;background:url(../../images/form_bg_hover.gif)repeat-x;border:none;color:#222;}
			form input.submit:hover,form.submit:active {cursor:pointer;color:#000;background:url(../../images/form_bg.gif)repeat-x;}