/*
	National Event Partners styles
	Developed by Saforian

	zoom:1 used to for hasLayout and self-clear floats in IE
*/

/* --- Formatting --- */

body
{ color:#616161; font:normal 88%/1.4em Georgia,"Times New Roman",serif }

p, address, ul, ol, li, dt, dd, td, th
{ line-height:1.4 }
th, b, strong
{ font-weight:bold }
i, em, cite
{ font-style:italic }
sup, sub
{ font-size:75% }
table, tr, td, th /* IE5 font fix */
{ font-size:100% }


/* Links */
a
{ text-decoration:none }
a:link
{ color:#5a7ba9 }
a:visited
{ color:#6a8bb9 }
a:hover, a:active
{ color:#111; text-decoration:none }


/* Paragraphs */
p
{ margin:0 0 1.4em }
address
{ font-style:normal; margin:0 0 1.4em }

.small, small
{ font-size:92% }
.big, big
{ font-size:130% }
.aligncenter
{ text-align:center }
.alignright
{ text-align:right }
.highlight
{ color:#c14710 }
.intro
{ color:#666; font-size:126%; line-height:1.3 }


/* Images */
a img
{ border-style:none }
.floatleft /* Floating images */
{ float:left; margin:0 8px 8px 0 }
.floatright
{ float:right; margin:0 0 8px 8px }

img.icon /* Document icons */
{ display:inline; margin-right:3px; padding:0 0 4px 6px; vertical-align:middle }


/* Separators */
hr
{ color:#fff; background-color:#fff; border-width:0; border-top:1px dotted #666; height:1px; margin:1.2em 0; padding:0; overflow:hidden }
	* html hr /* IE6 fix */
	{ margin:0 0 1em }
	*:first-child+html hr /* IE7 fix */
	{ margin:0 0 1em }

.hr
{ height:1px; margin:.5em 0 1em -16px; border-top:1px dotted #666 }
	.hr hr
	{ display:none }


/* Headings */
h1, h2, h3, h4, h5, h6
{ color:#000; margin:0 0 .9em; padding:0; font:normal 140%/1.2 Georgia,"Times New Roman",serif }
h2
{ font-size:126% }  /* 17px */
h3
{ font-size:118% }  /* 16px */
h4
{ font-size:110% }  /* 15px */
h5
{ font-size:100% }  /* 14px */
h6
{ font-size:100%; margin-bottom:.2em }


/* Lists */
ul
{ margin:0 0 1.4em; padding:0; list-style-type:none }
	ul li, ol li ul li
	{ margin:0 0 .5em; padding:0 0 0 18px; background:url("../images/bullet_arrow.gif") no-repeat 1px .55em }
	ul ul
	{ margin:5px 0 2px 2px }

ul.checks li
{ padding:2px 0 1px 36px; background:url("../images/bullet_checkbox.gif") no-repeat 0 0 }

ol
{ margin:0 0 1.4em 33px; padding-left:0 }
	ol li, ul li ol li
	{ margin-bottom:.6em }

dl
{ margin:0 0 1.4em }
	dt
	{ display:block; margin:1em 0 0; padding:0; font-weight:bold }
	dd
	{ margin:1px 0 0; padding:0 }


/* Forms */
form
{ margin:0; padding:0 }
input, select, textarea
{ font-family:verdana,arial,helvetica,sans-serif; font-size:100%; vertical-align:middle }
textarea
{ width:99% }
label
{ vertical-align:middle }

.button
{ display:block; margin:0 0 0 auto; text-align:right }


/* Layout tables */
table
{ margin:0 0 1.1em; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto }
td
{ padding:0 6px 6px 0; vertical-align:top }


/* Data tables */
table.data
{ width:100%; margin-bottom:1.6em }

table.data caption
{ padding:0 0 5px; text-align:left; font-weight:bold; font-size:100% }
table.data th
{ padding:5px 7px; border:1px solid #fff; vertical-align:top; background-color:#999; color:#fff; text-align:left }
table.data td
{ padding:6px 7px; border:1px solid #fff; vertical-align:top }

/* Row gap */
table.data tr.break td
{ border-top:2em solid #fff }

/* Alternating row colors */
.even, .even td
{ background-color:#e5e5e5 }



/* --- Layout --- */

.hide, .hide *
{ position:absolute; overflow:hidden; left:0; top:-9999px; width:1px; height:1px }


body
{ margin:0; padding:0; background:#fafaf6 url("../images/back_body.gif") repeat-x }

#wrapper
{ width:990px; margin:0 auto }


/* - Header - */
#header
{ zoom:1; position:relative; height:76px; margin:23px 103px 25px }
	#header:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }


/* Navigation */

/* - Main Navigation - */
#navigation
{ position:absolute; top:48px; right:0; margin:0; padding:0; list-style-type:none }

#navigation li
{ float:left; margin:0; padding:0 15px 0 16px; background:url("../images/nav_divider.gif") no-repeat }

#navigation li#nav-home
{ background:none; padding-left:10px }

#navigation a
{ display:block; height:14px; padding:1px; background:none no-repeat 50% 0; text-indent:-9999px; overflow:hidden }

/* Navigation images */
#navigation #nav-home a
{ width:40px; background-image:url("../images/nav_home.gif") }
#navigation #nav-about a
{ width:74px; background-image:url("../images/nav_about.gif") }
#navigation #nav-sponsorship a
{ width:82px; background-image:url("../images/nav_sponsorship.gif") }
#navigation #nav-events a
{ width:42px; background-image:url("../images/nav_events.gif") }
#navigation #nav-mailinglist a
{ width:76px; background-image:url("../images/nav_mailinglist.gif") }
#navigation #nav-contact a
{ width:74px; background-image:url("../images/nav_contact.gif") }

/* Hover and active image */
#navigation a:hover,
#wrapper.home #navigation li#nav-home a,
#wrapper.about #navigation li#nav-about a,
#wrapper.sponsorship #navigation li#nav-sponsorship a,
#wrapper.events #navigation li#nav-events a,
#wrapper.mailinglist #navigation li#nav-mailinglist a,
#wrapper.contact #navigation li#nav-contact a
{ background-position:50% -17px }



/* - Section title - */

#title
{ position:relative; height:278px; margin:0 -1px; border-bottom:1px solid #e7e8e3; background:none no-repeat }

#title h1
{ position:absolute; top:125px; left:595px; width:281px; height:63px; background-color:#a1bcc3; color:#fff }
	#title h1 img
	{ display:block }

#title p /* Intro text */
{ position:absolute; left:391px; top:203px; width:458px; color:#be1e2d; font-size:109% }
#title p span /* Intro text */
{ color:#000 }

/* Section images */
#wrapper.about #title
{ background-image:url("../images/header_about.jpg") }
#wrapper.sponsorship #title
{ background-image:url("../images/header_sponsorship.jpg") }
#wrapper.events #title
{ background-image:url("../images/header_events.jpg") }
#wrapper.mailinglist #title
{ background-image:url("../images/header_mailinglist.jpg") }
#wrapper.contact #title
{ background-image:url("../images/header_contact.jpg") }



/* - Content area - */

#contentwrapper
{ zoom:1; background:transparent url("../images/back_contentsides.png") no-repeat 50% 0; padding:17px 64px 0 }
	#contentwrapper:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

	* html #contentwrapper /* IE6 PNG replacement */
	{ background:url("../images/back_contentsides.gif") no-repeat 50% 17px }

#content
{ zoom:1; position:relative; margin:0; padding:28px 18px 100px 232px; background-color:#fcfcf7 }


/* Columns */
.columns
{ zoom:1 }
.columns:after /* Clear after floats */
{ content:"."; display:block; height:0; clear:both; visibility:hidden }

	.columns .col
	{ float:left; width:47%; margin-right:1.7% }
	.columns .last-child
	{ float:right; width:47%; margin-right:0 }

	/* Three columns */
	.three .col
	{ float:left; width:30%; margin-left:3.2%; margin-right:3.2% }
	.three .first-child, .three .last-child
	{ float:left; width:30%; margin-left:0; margin-right:0 }


/* Boxes */
.box
{ position:relative; width:623px; margin:0 0 1.5em -11px; background:#fbfaf5 url("../images/box_middle.gif") repeat-y }
.box .wrapper
{ background:url("../images/box_top.gif") no-repeat }
.box .wrapper .wrapper
{ zoom:1; padding:21px 21px 10px 35px; background:url("../images/box_bottom.gif") no-repeat bottom left }

.box hr
{ margin:1em -19px 1em -33px; border-top-color:#eae8e1 }



/* - Sidebar - */

#sidebar
{ position:absolute; width:190px; top:29px; left:12px }

/* Subnavigation */
#subnav
{ margin-bottom:2em; background:url("../images/subnav_middle.gif") repeat-y }
#subnav .wrapper
{ background:url("../images/subnav_top.gif") no-repeat }
#subnav ul
{ zoom:1; margin:0; padding:4px 10px 5px 12px; background:url("../images/subnav_bottom.gif") no-repeat bottom left; list-style-type:none }

#subnav li
{ zoom:1; margin:8px 0; padding:0; background-image:none; line-height:1.1 }

#subnav a
{ display:block; text-decoration:none; color:#666 }
	#subnav a.active
	{ text-decoration:none; color:#5a7ba9 }
	#subnav a:hover
	{ text-decoration:none; color:#111 }



/* - Footer - */

#footer
{ clear:both; border-top:8px solid #0f64b3; padding:.8em 0; background-color:#be1e2d; font-size:85% }
	#footer hr
	{ display:none }

#footer p
{ width:862px; margin:0 auto; color:#fff; text-align:right }
#footer a, #footer a:link, #footer a:visited
{ font-weight:bold; color:#fff; text-decoration:none }
	#footer a:hover
	{ color:#eee }

#footer .links
{ margin-left:4px }
#footer .links a
{ margin-left:3px }




/* --- Homepage --- */

/* Rotating title */
#home #title
{ background-image:url("../images/header_home.jpg") }

#home #title div
{ position:absolute; top:54px; left:460px; width:320px; height:200px }
#home #title h2
{ width:320px; margin-bottom:1.6em; text-align:center }
#home #title p
{ position:static; left:auto; top:auto; width:320px; margin:0; text-align:center }


/* Rotating links */
#home #title p#homelinks
{ position:absolute; top:auto; bottom:21px; left:397px; width:464px; color:#666; font-size:110% }

#home #title p#homelinks a
{ zoom:1; position:relative; padding:0 4px 8px; color:#666; text-decoration:none; vertical-align:top }
#home #title p#homelinks a:hover, #home #title p#homelinks a.active
{ color:#666; background:url("../images/home_underline.gif") no-repeat bottom center; text-decoration:none }


/* Content area */
#home #content
{ padding-left:272px; font-size:108% }
#home #content p
{ line-height:1.5 }

#home #sidebar
{ margin-left:10px }