/**
 * GLOBAL RESET
 * Reset all margin and padding accross the site -- starts all browsers from the same place.
 */
* { margin:0; padding:0; }

/**
 * DEFAULT HTML STYLES
 * This section deals with generalizations
 */

html {	/* to force scrollbar in non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

body {
	background:#FFF; /* #d7d9e1; */
	color: #222222;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 80%;
	padding:0;
	margin: 0;
} 
body.popup {
	padding: 12px;
	margin: 0;
	background-color: #f7f7fb
} 
	img {
		border: none;
	}
	p {
		margin: 0.25em 0 1em 0;
		line-height: 1.4em;
	}
	
	a:link, a:visited {
		color: #75B86C;
		text-decoration: none;
	}
	a:hover {
		color: #4db3d0;
	}
	a:active {
		color: #df7a1c;
	}
	
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style: italic;
	}

	ul {
		margin: 0 0 1em .1em;
	}
	ol {
		margin: 0 0 1em .7em;
	}
	
		ul li,
		ol li {
			margin: 0 0 0.5em 1.1em;
		}
		
			ul li ul {}
			ol li ol {}
		
				ul li ul li,
				ol li ol li {}
	dl {
		margin: 0 0 1em 0;
	}
		dl dt {
			font-weight: bold;
		}
		dl dd {
			margin: 0 0 1em 1em;
		}
			dl dd + dt {
				margin-top:1em;
			}
	
	blockquote { 	
		margin: 0.25em 0 1em 0;
		line-height: 1.4em;
	}
	
	sup { font-size:.6em; }
	
	hr {}
	
	h1 {
		margin:0 0 0.5em 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-size: 20px;
		color: #2c3333;
	}
	h2 {
		margin:1em 0 0.75em 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-size: 18px;
		color: #2c3333;
	}
	body.popup h2 {
		margin: 0 0 0.75em 0;
	}
	h3 {
		margin:1em 0;
		font-weight: bold;
		font-size: 13px;
		color: #404949;
	}
	h4 {
		margin: 1em 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-size: 1em;
		font-style: italic;
	}
	h5 {}
	h6 {}
	
	address {
		font-style:normal;
	}

/**
 * BASIC VARIATIONS ON HTML STYLES
 */
.small {
	font-size: 0.9em;
}
.smaller 
{
	font-size: 0.85em;
}
img.img_right { /* CHANGE THIS TO IMG_RIGHT_FAT */
	float: right;
	border: 10px solid #e7e7f2;
	margin: 0 0 10px 40px;
}
img.img_left {
	float: left;
	border: 1px solid #e7e7f2;
	margin: 0 1em 0.5em 0;
}
img.artwork {
	display: block;
	margin: 10px auto;
}


/* Lazy align classes */
	.top { margin-top: 0; }
	.bottom { margin-bottom: 0; }
	.left { float: left; }
	.right { float: right; }
	.center { margin-left: auto; margin-right: auto; }

/* Lazy new classes */
	span.caption {
		font-size: 0.85em;
	}


/* Alternate list styles */
	ul.plain {
		list-style: none;
	}
		ul.plain li {
			margin-left: 0;
		}
	ul.no_line_space li {
		margin-bottom: 0;
	}

	ul.underline a {
		text-decoration:underline !important; /* force underline in IE with !important keyword */
	}

	a.right_audio_link {
		float: right;
		position: relative;
		z-index: 10;
	}

table.full {
	width: 100%;
}
table.alternating {
	border-collapse: collapse;
	margin: 1em 0;
	border-bottom: 1px solid #e8e8f4;
}
	table.alternating tr th {
		padding: 2px 5px;
		vertical-align:top;
		background: #e8e8f4;

		font-family: Georgia, "Times New Roman", Times, Serif;
		font-weight: normal;
		font-style: italic;
		text-align: left;
	}
	table.alternating tr td {
		padding: 2px 5px;
		text-align: left;
		vertical-align:top;
	}
		table.alternating tr.alt td {
			background: #f7f7fb;
		}

dl.two_column {
	margin: 1em 0;
}
	dl.two_column dt {
		float: left;
		clear:left;
		width: 49%;
		margin: 0;
	}
	dl.two_column dd {
		margin: 0 0 1em 51%;
	}

/**
 * UTILITY ELEMENTS
 */
div.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}
div.hr {
	height: 2px;
	overflow: hidden;
	margin: 1em 0;
	background: url(http://northernexposureinc.com/test/img/hr.gif) top left repeat-x;
}
	div.hr hr {
		display: none;
	}

/**
 * ERROR STYLES
 */
.error {
	color: #df7a1c;
}

.u {
	text-decoration: underline !important;	
}

/**
 * PAGE STRUCTURAL ELEMENTS
 * This section defines elements that are used for page structure, like header,
 * foot, content, etc.
 */

div#page {
	width: 890px;
	padding: 10px;
	margin: 0 auto;
	background: #4B834B; /*************!!!THIS IS THE green BGCOLOR!!!*************/
}
	div#header {
		margin: 0 0 10px 0;
		padding:0;
		position: relative;
	}
		/* WHEN THERE IS A SUBNAV ITEM, redefine bottom of header round box to change bottom spacing */
		div#header.round_grnbox.on ul#nav_main {
			padding-bottom:9px;
		}

		div#logo {
			margin: 0 auto;
			padding: 0px 0 0px 0;
			width: 168px;
			height: 150px;
		}	
		p#logo_main {
			margin: 0 auto;
			padding: 0px;
			width: 168px;
			height: 150px;
		}
			p#logo_main a {
				display: block;
				width: 100%;
				height: 100%;
				background:url(../img/logo.png) no-repeat;
			}
				p#logo_main a span {
					position: absolute;
					left: -5001px;
				}

		ul#nav_util {
			margin:0 0 0 20px;
			padding: 0;
			list-style: none;
			position:absolute;
			top:10px;
			left:0;
			
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.8em;
		}
			ul#nav_util li {
				float:left;
				margin: 0 0.75em 0 0;
				padding: 0 0.75em 0 0;
				border-right: 1px solid #4B834B; /*************!!!THIS IS THE green BGCOLOR!!!*************/
			}
				ul#nav_util li.last {
					border: none;
				}


		/* Shared Header Re-Definition */
		body#shared p#logo_main { /* less padding on shared page for "family" text */
			padding-bottom: 1px;
		}
		body#shared p#logo_sub {
			margin: 0 0 0 123px;
			padding: 0px 0 18px 0;
			width: 168px;
			height: 30px;
		}
			body#shared p#logo_sub a {
				display: block;
				width: 100%;
				height: 100%;
			}
				body#shared p#logo_sub a span {
					position: absolute;
					left: -5001px;
				}

		body#shared ul#nav_main {
			width: 620px;
			margin: 0 auto;
		}
		
		div#subnav_wrapper { /* rounded corners for subnav */
			border-top:1px solid #ebebeb;
			background:#f7f7f8 url(http://northernexposureinc.com/test/img/round_grn_bl.png) left bottom no-repeat;
		}
			div#subnav_wrapper_inner {
				background: url(http://northernexposureinc.com/test/img/round_grn_br.png) right bottom no-repeat;
			}
				table#nav_sub {
					margin: 0 auto;
					height:29px;
					border-collapse:collapse;
				}
					table#nav_sub td {
						padding:0 13px;
						text-align:center;
						vertical-align:middle;
						font-size:11px;
					}
						table#nav_sub td.on a {
							color: #df7a1c;
						}

	div#page_content {
		padding: 20px;
	}
		div#page_content div.banner {
			margin: 0 0 20px 0;
			background: #efefef;
		}
			div#page_content div.banner img {
				display: block;
			}
		
		div#main_content { /* Default page layout. reconfigurable in PAGE section */
			float: right;
			width: 530px;
			min-height:300px;
			margin: 0 40px 0 0;
			display: inline; /* ie6 */
		}
		div#secondary_content {
			float: left;
			width: 250px;
		}
			div#secondary_content div.bucket {
				margin: 0 0 10px 0;
			}
				div#secondary_content div.bucket h3 {
					margin:0 0 1em 17px;

					font-weight: normal;
					font-size: 1em;
					text-transform: uppercase;
					font-family:Arial, Helvetica, Verdana, Sans-Serif;
					font-style:normal;
				}
				div#secondary_content div.bucket h3.nav_header {
					margin:.5em 0 .5em 17px;

					font-weight: bold;
					font-size: 1em;
					text-transform: none;
					font-family:Arial, Helvetica, Verdana, Sans-Serif;
					font-style:normal;
				}
				div#secondary_content div.bucket ul.nav {
					margin: 10px 0 5px 0;
					padding: 0;
					list-style: none;
				}
					div#secondary_content div.bucket ul.nav li {
						margin: 0 0 0.4em 0;
						padding: 0 0 0 17px;
					}
						div#secondary_content div.bucket ul.nav li.on {
						}
							div#secondary_content div.bucket ul.nav li.on a {
								color: #df7a1c;
							}
						div#secondary_content div.bucket ul.nav li ul {
							list-style: none;
							margin: 0.4em 0 0 10px;
							display: none;
						}
							div#secondary_content div.bucket ul.nav li.on ul {
								display: block;
							}
								div#secondary_content div.bucket ul.nav li.on ul li a {
									color: #7382be;
								}
									div#secondary_content div.bucket ul.nav li.on ul li.on a {
										color: #df7a1c;
									}
									div#secondary_content div.bucket ul.nav li.on ul li a:hover {
										color: #4db3d0;
									}
				div#secondary_content div.bucket ol.nav {
					margin: 10px 0 5px 0;
					padding: 0;
				}
					div#secondary_content div.bucket ol.nav li {
						margin: 0 0 0.4em 22px;
						font-weight: bold;
					}
						div#secondary_content div.bucket ol.nav li span {
							font-weight: normal;
						}
						div#secondary_content div.bucket ol.nav li.on {
							color: #df7a1c;
						}
		ul#nav_base {
			clear: both;
			margin:0;
			padding:60px 0 0 0;
			height:10px;
			width:100%;
			list-style: none;
		}

	ul#nav_foot {
		list-style: none;
		float:left;
		margin: 10px 0 0 0;
		padding:0;

		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
		ul#nav_foot li {
			display: inline;
			margin: 0 35px 0 0;
		}
	ul#legal_foot {
		list-style: none;
		float: right;
		margin: 10px 0 0 0;
		padding: 0;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
		ul#legal_foot li {
			float: left;
		}
			ul#legal_foot li#copyright {
				color: #FFF;
				margin: 0 30px 0 0;
			}
			ul#legal_foot li#terms {
				border-right: 1px solid #7382be;
				padding-right: 11px;
			}

/**
 * ALTERNATE PAGE LAYOUTS
 */ #_ALTERNATE_PAGE_LAYOUTS {}

	/* 	TWO COLUMN LEFT-WIDE INSET */
	div#page.two_column_left_wide_inset div.inset_page div.round_br {
		padding: 20px;
	}
	div#page.two_column_left_wide_inset div.inset_page div.round_content {
		padding: 0;
		background: url(http://northernexposureinc.com/test/img/vr_cbcdd5.gif) 548px 0px repeat-y;
	}
	div#page.two_column_left_wide_inset div#main_content {
		float: left;
		width: 518px;
	}
	div#page.two_column_left_wide_inset div#secondary_content {
		float: right;
		width: 240px;
	}
	
	/* 	TWO COLUMN RIGHT-WIDE INSET */
	div#page.two_column_right_wide_inset div.inset_page div.round_br {
		padding: 20px;
	}
	div#page.two_column_right_wide_inset div.inset_page div.round_content {
		padding: 0;
		background: url(http://northernexposureinc.com/test/img/vr_cbcdd5.gif) 260px 0px repeat-y;
	}
	div#page.two_column_right_wide_inset div#main_content {
		float: right;
		width: 480px;
	}
	div#page.two_column_right_wide_inset div#secondary_content {
		float: left;
		width: 250px;
	}

	/* SINGLE COLUMN */
	div#page.single_column div#main_content {
		float: none;
		width: auto;
		display: block;
		margin: 0;	
	}
	
	/* TWO COLUMN RIGHT-INSET */
	div.two_column_right_inset div#main_content {
		width: 570px;
		margin-right: 0;
	}
		div.two_column_right_inset div#main_content div.round_content {
			padding: 15px;
		}
		
		/* new 20px padding */
		div.two_column_right_inset div#main_content div.hdeventsFix div.round_content {
			padding: 20px;
		}
		
		div.two_column_right_inset div#main_content div.outreachEvents div.round_content {
			padding: 20px;
		}
		
		
		
	/* PHOTO GALLERIES */
	
	div#page.photo_page div#main_content {
		float: right;
		width: 570px;
		margin-right:0;
	}		

	div#page.photo_page div#main_content .round_content {
		padding:20px;
		
	}


/**
 * ROUND BOXES
 */
div.round_grnbox { /* grn */
	background: url(http://northernexposureinc.com/test/img/images/woodinnercolumn.jpg) repeat; /*HEADER BG!!!!!!*/
}
	div.round_grnbox div.round_tl {
		background: url(http://northernexposureinc.com/test/img/round_grn_tl.png) left top no-repeat;
	}
	div.round_grnbox div.round_tr {
		background: url(http://northernexposureinc.com/test/img/round_grn_tr.png) right top no-repeat;
	}
	div.round_grnbox div.round_bl {
		background: url(http://northernexposureinc.com/test/img/round_grn_bl.png) left bottom no-repeat;
	}
	div.round_grnbox div.round_br {
		background: url(http://northernexposureinc.com/test/img/round_grn_br.png) right bottom no-repeat;
	}

div.round_whitebox { /* WHITE */
	background: #FFF;
}
	div.round_whitebox div.round_tl {
		background: url(http://northernexposureinc.com/test/img/round_grn_tl.png) left top no-repeat;
	}
	div.round_whitebox div.round_tr {
		background: url(http://northernexposureinc.com/test/img/round_grn_tr.png) right top no-repeat;
	}
	div.round_whitebox div.round_bl {
		background: url(http://northernexposureinc.com/test/img/round_grn_bl.png) left bottom no-repeat;
	}
	div.round_whitebox div.round_br {
		background: url(http://northernexposureinc.com/test/img/round_grn_br.png) right bottom no-repeat;
	}

div.round_inset_4B834B { /* grn: 4B834B */
	background: #4B834B;
}
	div.round_inset_4B834B div.round_top {
		background: url(http://northernexposureinc.com/test/img/round_inset_4B834B_top.gif) left top repeat-x;
	}
	div.round_inset_4B834B div.round_left {
		background: url(http://northernexposureinc.com/test/img/round_inset_4B834B_left.gif) left top repeat-y;
	}
	div.round_inset_4B834B div.round_tl {
		background: url(http://northernexposureinc.com/test/img/round_inset_4B834B_tl.gif) left top no-repeat;
	}
	div.round_inset_4B834B div.round_tr {
		background: url(http://northernexposureinc.com/test/img/round_inset_4B834B_tr.gif) right top no-repeat;
	}
	div.round_inset_4B834B div.round_bl {
		background: url(http://northernexposureinc.com/test/img/round_inset_4B834B_bl.gif) left bottom no-repeat;
	}
	div.round_inset_4B834B div.round_br {
		background: url(http://northernexposureinc.com/test/img/round_inset_4B834B_br.gif) right bottom no-repeat;
	}
	div.round_inset_4B834B div.round_content {
		padding: 10px;
	}

div.round_inset_f7f7fb { /* GREY: f7f7fb */
	background: #f7f7fb;
}
	div.round_inset_f7f7fb div.round_top {
		background: url(http://northernexposureinc.com/test/img/round_inset_f7f7fb_top.gif) left top repeat-x;
	}
	div.round_inset_f7f7fb div.round_left {
		background: url(http://northernexposureinc.com/test/img/round_inset_f7f7fb_left.gif) left top repeat-y;
	}
	div.round_inset_f7f7fb div.round_tl {
		background: url(http://northernexposureinc.com/test/img/round_inset_f7f7fb_tl.gif) left top no-repeat;
	}
	div.round_inset_f7f7fb div.round_tr {
		background: url(http://northernexposureinc.com/test/img/round_inset_f7f7fb_tr.gif) right top no-repeat;
	}
	div.round_inset_f7f7fb div.round_bl {
		background: url(http://northernexposureinc.com/test/img/round_inset_f7f7fb_bl.gif) left bottom no-repeat;
	}
	div.round_inset_f7f7fb div.round_br {
		background: url(http://northernexposureinc.com/test/img/round_inset_f7f7fb_br.gif) right bottom no-repeat;
	}
	div.round_inset_f7f7fb div.round_content {
		padding: 10px;
	}
	
	/* new 20px padding */
	div.hdeventsFix div.round_content {
		padding: 20px;
	}
	
	div.outreachEvents div.round_content {
		padding: 20px;
	}
	
div.round_inset_f7f7fb_float { /* GREY: f7f7fb - when round div needs to be floated */
	float:left;
	background: #f7f7fb;
}
	div.round_inset_f7f7fb_float div.round_top {
		float:left;
		background: url(http://northernexposureinc.com/test/img/round_inset_f7f7fb_top.gif) left top repeat-x;
	}
	div.round_inset_f7f7fb_float div.round_left {
		float:left;	
		background: url(http://northernexposureinc.com/test/img/round_inset_f7f7fb_left.gif) left top repeat-y;
	}
	div.round_inset_f7f7fb_float div.round_tl {
		float:left;
		background: url(http://northernexposureinc.com/test/img/round_inset_f7f7fb_tl.gif) left top no-repeat;
	}
	div.round_inset_f7f7fb_float div.round_tr {
		float:left;
		background: url(http://northernexposureinc.com/test/img/round_inset_f7f7fb_tr.gif) right top no-repeat;
	}
	div.round_inset_f7f7fb_float div.round_bl {
		float:left;	
		background: url(http://northernexposureinc.com/test/img/round_inset_f7f7fb_bl.gif) left bottom no-repeat;
	}
	div.round_inset_f7f7fb_float div.round_br {
		float:left;	
		background: url(http://northernexposureinc.com/test/img/round_inset_f7f7fb_br.gif) right bottom no-repeat;
	}
	
	div.round_inset_f7f7fb_float div.round_content {
		padding:10px;
		float:left;		
	}
div.popup_f7f7fb {
	background-color: #F7F7FB;
	margin: 0;
	padding: 12px;
	width: 100%;
	height: 100%;
}

/**
 * HOME PAGE
 */ #_SECTION #_HOME_PAGE {}
body#home div#homeSwf {
	padding:0;
	margin:0 0 10px 0;
	width:850px;
	overflow:hidden;
}
body#home div#main_content {
	float:none;
}
	body#home div#main_content div.round_content {
		/* zoom:1; */
	}
	body#home div#main_content ul#home_headlines {
		list-style:none;
		margin:0;
		padding:0;
		height:170px;
	}
		body#home div#main_content ul#home_headlines li {
			float:left;
			margin:0 23px 0 0;
			padding:0;
		}
			body#home div#main_content ul#home_headlines li.last {
				margin:0;
				margin-right:0;
			}
	body#home div#main_content ul#sponsor_links {
		list-style:none;
		margin:0;
		padding:0;
		height:22px;
		text-align:right;
	}
		body#home div#main_content ul#sponsor_links li {
			display:inline;
		}

	div#ticker {
		margin:0 0 10px 0;
	}

div#hold { 
  position:relative; overflow:hidden;
	width:800px; height:600px; z-index:100
	}
div#wn1	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:800px; height:600px; 
	clip:rect(0px, 800px, 600px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content	{ 
	position:absolute; 
	left:0px; top:0px; 
	z-index:1; 
	}
div#wn2	{ 
	position:absolute; 
	left:220px; top:0px; 
	width:180px; height:80px; 
	clip:rect(0px, 180px, 80px, 0px); 
	overflow:hidden;	
	z-index:2; 
	}
div#controls { 
  position:absolute; left:308px; top:4px; width:265px; z-index:3;
  }
div#controls2 { 
  position:absolute; left:440px; top:0;
  width:14px; height:80px; z-index:4;
  }
div#up { position:absolute; left:0; top:0; z-index:1; }  
div#down { position:absolute; left:0; bottom:0; z-index:2; }