@charset "utf-8";
/* CSS Document */

body {
	background-color: #561438;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0 auto;
	padding:0;
}

/* ********** HEADER PANEL********** */

div#header {
	background: url(/gfx/header_bg.jpg) repeat-x;
	border-top: #9B3068 solid 8px;	
	height: 214px
}

div#header_wrap {
	width: 970px;
	margin: 0 auto;
}


div#header_logo {
	float: left;
	width: 510px;
}

div#header_quote {
	float: right;
	width: 460px;
}

div#event_box { 
	background: #9b3068 url(/gfx/events_bg.jpg) bottom left no-repeat; 
	width: 400px; 
	height: 90px; 
	margin: 0 40px; 
	padding-top: 10px; 
}
	#event_box h2 { 
		margin: 0; 
		font: bold 15px Verdana, Arial, Helvetica, sans-serif; 
		text-transform:none; 
		color: #d099b7; 
		margin-left: 15px; 
	}		
	#event_box p { 
		margin: 0; 
		line-height: 16px; 
		color: white; 
		margin: 10px 0 0 15px;
	}
		#event_box p a { 
			color: white; 
			text-decoration: none;
		}
		#event_box p a:hover { 
			text-decoration: underline;
		}

div#header_teaser_box { 
	width: 400px; 
	height: 90px; 
	margin: 120px 40px 0 40px; 
	padding: 0;
	text-align:center;
}
	#header_teaser_box h1 { 
		font-size: 16px !important; 
		line-height: 14px; 
	}
	#header_teaser_box h2 { 
		font-size: 12px !important; 
		line-height: 14px;
	}
	#header_teaser_box p { 
		font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
		line-height: 10px; 
		color: #666; 
		margin: 15px 0 0 15px;
	}
		#header_teaser_box a { 
			text-decoration: none;
			font-style: italic;
			color: #666; 
		}
		#header_teaser_box a:hover { 
			text-decoration: underline;
		}
	
div#quote_box { 
	width: 400px; 
	height: 90px; 
	margin: 120px 40px 0 40px;  
	padding: 0; 
}
	#quote_box p { 
		font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
		line-height: 14px; 
		color: #666; 
		margin: 15px 0 0 15px;
	}
	#quote_box .source { 
		font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
		line-height: 14px; 
		color: #999; 
		margin: 5px 0 0 15px;
	}

/* ********** NAVIGATION BAR ********** */

div#navbar {
	background: url(/gfx/navbar_bg.jpg) repeat-x #DDDDDD;
	height: 50px;
}

div#navbar_wrap {
	margin: 0 auto;	
	width: 970px;
}

#navbar_wrap ul {
	font-family: Arial, sans-serif;
	font-size: 16px;
	margin: 0;	
	padding: 0 30px;
	list-style: none;
}

#navbar_wrap li {
	float: left;		
	padding: 0;
	margin: 0;			
	color: #9B3068;
}

#navbar_wrap a {
	display: block;	
    padding: 16px 8px;
	height: 18px;
	color: #9B3068;
	text-decoration:none;
}

#navbar_wrap a:hover, #navbar_wrap li.selected a {
	color: #FFFFFF;
	background: #9B3068 url(/gfx/navbar_bg_hover.jpg) repeat-x;
}

#navbar_wrap li.selected a {
	color: #FFFFFF;
	background: #9B3068 url(/gfx/navbar_bg_selected.jpg) repeat-x;
}

/* ********** CONTENT PANELS ********** */

div#content {
	border-top: #9B3068 solid 3px;
	background: #FFFFFF url(/gfx/content_bg_top.jpg) repeat-x;
	padding-top: 20px;
}

div#content_wrap {
	margin: 0 auto;
	width: 970px;
}

#content_wrap p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 16px;
}

#content_wrap p.intro {
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	line-height: 24px;		
}

#content_wrap a {
	color: #9B3068;
	text-decoration: none;
}

#content_wrap a:hover {
	text-decoration: underline;
}
	a.emphasis {
		font-size: 14px;
		font-weight: bold;
		padding: 2px;
		line-height: 20px;
	}
	a:hover.emphasis {
		background-color: #9B3068;
		color:#FFFFFF !important;
		text-decoration: none !important;
	}

#content_wrap ul {
	padding: 8px ;
	margin: 0;
}

#content_wrap ul li {
	background: url(/gfx/li_bg.gif) no-repeat;
	list-style:none;
	line-height: 16px; 
	padding: 0 0 8px 24px;
}

#content_wrap ul li ul li {
	background: url(/gfx/li2_bg.gif) no-repeat;
	list-style:none;
	line-height: 16px; 
	padding: 0 0 8px 24px;
}


div#content_left {
	width: 460px;
	float: left;
	padding: 10px 0 0 30px;
	/*background-color:#0000FF;*/
}

div#content_right {
	width: 420px;
	float: right;
	padding: 10px 0 0 30px;
	/*background-color: #0033FF;*/
}

#content_right .videoPanel {
	border: solid 1px #666666;
	background-color: #CCCCCC;
}

#content_right .videoPanel p{
	padding: 0;
}



/* ********** TEASER PANELS *********** */

div.teaser_box {
	width: 400px; 
	height: 260px; 
	background: url(/gfx/register_box_bg.png) top left no-repeat; 
	padding: 5px 0 0 0; 
	margin-bottom: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
	.teaser_box p {
		margin: 5px 15px 0 15px; 
		color: #FFFFFF; 
		font-size: 12px;	 
	}
	.teaser_box h1 { 
		color: #FFFFFF;
		font-size: 30px;
		text-transform: none;
		margin: 0;
	}
	.teaser_box h2 { 
		color: #FFFFFF;
		font-size: 20px;
		margin: 0;
	}
	.teaser_box h3 { 
		color: #FFFFFF;
		font-size: 16px;
		margin: 0;
	}
	.teaser_box ul { 
		margin:0; 
		padding:0;
	}
		.teaser_box ul li {
			background: none !important;
			color: #FFFFFF; 
			font-size: 16px; 
			padding: 4px 0 !important;			
			margin: 0;
			line-height: 24px !important;
		}
			.teaser_box ul li a{
				color: #FFFFFF !important;
				border-bottom: 1px dashed #FFFFFF;
				text-decoration: none !important;;
				padding: 2px 0;
			}
			.teaser_box ul li a:hover{
				color: #FFFFFF !important;
				border-bottom: 2px solid #9B3068;
				text-decoration: none !important;;
			}

.label1 { 
	font: normal 12px Arial, Helvetica, sans-serif; 
	color: #fff; 
	width: 80px;  
	text-align: right; 
	margin: 0 40px 0 0; 
	padding: 6px 0; 
	position: absolute; 
}

.inputtext1 { 
	width: 240px;
	height: 20px; 
	border: 0; 
	padding: 5px 2px 0 2px; 
	margin: 2px 0 2px 100px;	
	font: normal 12px Arial, Helvetica, sans-serif;	
	color: #555; 
}

.button1 {
	margin: 5px 0 0 100px;
}




/* ********** FOOTER PANEL ********** */

div#footer {
	background: #9B3068 url(/gfx/content_bg_bottom.jpg) repeat-x;
	padding-top: 50px;
	border-bottom: #561438 solid 30px;
}

div#footer_wrap {
	margin: 0 auto;
	width: 970px;
}

div#footer_left {
	width: 450px;
	float: left;
	padding: 20px 30px;
}

#footer_left p {
	color: #561438;
	font-size: 11px;
	line-height: 20px;
}

#footer_left p a{
	color: #FFFFFF;
	text-decoration: none;
}

#footer_left p a:hover {
	color: #561438;
}

div#footer_right {
	width: 430px;
	float: right;
}

/* ********** GENERAL STYLES ********** */

.pib_pink { color: #9B3068 !important; }
.pib_purple {color: #561438;}
.pib_grey {color: #9D9B9C;}

h1, h2, h3, h4, h5 {
	color: #9B3068;
}

h1 {
	font-size: 24px;
	text-transform: lowercase;
}

h2 {
	font-size: 20px;
	text-transform: lowercase;
}

h3 {
	font-size: 16px;
	text-transform: lowercase;
}

h4 {
	font-size: 12px;
	text-transform: lowercase;
}

hr {
	background-colour: #666666 1px solid;
}

.clear {
	clear: both;
}

.float_right {
	float: right;
}

.float_left {
	float: left;
}

.img_left {
	float: left;
	padding: 0 5px 5px 0;
}

.img_right {
	float: right;
	padding: 0 0 5px 5px;
}

.white { color: white; }


#content blockquote {	
	margin: 20px 0;
}

#content .box-panel {
	background: url(/gfx/blockquote_bg.jpg) repeat-x;
	border: dashed 1px #9B3068;
	margin: 20px 10px;
	padding: 0 14px;
}
	
#content blockquote p{
	color: #9B3068;	
	font-size: 14px;
}

#content .box-panel {
	background: url(/gfx/blockquote_bg.jpg) repeat-x;
	border: dashed 1px #9B3068;
	margin: 20px 10px;
	padding: 0 14px;
}