/*
**
** CSS centering:
**
** http://www.w3.org/Style/Examples/007/center
** http://www.simplebits.com/notebook/2004/09/08/centering.html
**
** ISSUE: (dropshadow moves us to 1010px which is enough to generate horizontal scroll)
** RESOLVED: Move to tables with backgrounds - no scroll
**
**
** http://ejohn.org/blog/sub-pixel-problems-in-css/
**
** ISSUE: "Lines" appear in design depending on browser width.  Line on right side for IE7 and left side for FF 3.x.
**        IE - line appears at width of 1039 pixels (total browser width) or greater and an even browser width (ie. 1040, 1042, 1272, etc.)
**        FF - line appears all the time on an odd browser size (total browser width) (ie. 1003, 1029, 1135, etc.)
**
** IE CSS expression support notes...
**        http://developer.yahoo.net/blog/archives/2007/07/high_performanc_6.html  - performance issues
**        http://forums.microsoft.com/MSDN/ShowPost.aspx?PostID=4161942&SiteID=1   - can be performant, but deprecated in IE8
**
*/

html
{
	height: 100%;
	margin: 0;
	padding: 0;
}

body
{
	font-family: Arial, Helvetica, sans-serif;

	height: 100%;
	margin: 0;
	padding: 0;

	/* NOTE: Override in DNN styles for popups, etc. */
	background: repeat-x #082e71 url(images/background-gradient.jpg);
	
	text-align: center;
}

.header
{
	background: no-repeat center url(images/bkg-header.png); 	
	height: 110px;
}
	
.content
{
	background: repeat-y center url(images/bkg-body.png);	
	text-align: left;
}

	.content .content-area
	{
		background: repeat-x #ffffff url(images/content-background.jpg);

		height: 488px;
	}

	.content .content-area h1
	{
		margin: 0;
		padding: 0;
	}

.managed-region
{
	font-family: Arial, Helvetica, sans-serif;
	
	color: #082e71;
	
	margin: 0;
	padding: 0;
	
	width: 912px;

	margin-top: 15px;
	padding-left: 30px;
	padding-right: 10px;
	
	text-align: left;
}
	
.content-pane
{
	color: #ffffff;
	
	padding-top: 15px;
	padding-bottom: 15px;
}

	.content-pane h2
	{
		font-size: 12px;	

		margin: 0;
		padding: 0;
		
		color: #ffcc00;
	}
	
	.content-pane h3
	{
		font-size: 11px;	
		font-style: italic;

		margin: 0;
		padding: 0;
		
		color: #ffcc00;
	}
	
	.content-pane a, .content-pane a:link, .content-pane a:active, .content-pane a:visited
	{
		color: #ffcc00;
		text-decoration: none;
	}
	
	.content-pane a:hover
	{
		color: #ff0000;
		text-decoration: none;
	}

	.content-pane p, .content-pane td, .content-pane li
	{
		font-size: 11px;
		line-height:14px;
	}
	
	.content-pane p, .content-pane ul, .content-pane ol, .content-pane blockquote
	{
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 10px;
	}
	
.end-cap /* to cap off .content */
{
	background: no-repeat center url(images/bkg-footer.png); 
	height: 41px;
}

.footer
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	color: #99a8c4;
	
	text-align: left;
}

	.footer td
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		
		color: #99a8c4;
	}

	.footer a, .footer a:link, .footer a:active, .footer a:visited,
	.footer .SkinObject
	{
		font-size: 11px;
		font-weight: normal;
		
		color: #99a8c4;
		
		text-decoration: none;
	}
	
	.footer a:hover
	{
		font-size: 11px;
		
		color: #ffffff;
		
		text-decoration: none;
	}

	
/* 
** Navigation 
*/

.navigation
{
	background: repeat-x center url(images/bkg-menu.jpg); 
	height: 30px;

	padding-left: 15px;
	padding-right: 15px;
}

.MainMenu
{
	background: repeat-x center url(images/bkg-menu.jpg); 
	height: 30px;	
}

.MainMenuItem
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	color: #ffffff;

	height: 30px;
	line-height: 30px;	
	
	padding-left: 5px;
	padding-right: 5px;	
}

		/* HACK: For menu separators */
		td[title="Home"],
		td[title="Napanee and Area"],
		td[title="Location"],
		td[title="Schedule"],
		td[title="Sponsors"],
		td[title="Accommodation"],
		td[title="News"],
		td[title="Lounge"],
		td[title="The Ice Hut"]
		{
			border-right: 1px solid #ffffff !important;
		}
		
		.MainMenuItem a,
		.MainMenuItem a:link,
		.MainMenuItem a:visited,
		.MainMenuItem a:active
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			
			color: #ffffff;
			
			text-decoration: none;

			display: block;
		}
		
		.MainMenuItem a:hover
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			
			color: #cccccc;
			
			text-decoration: none;

			display: block;
		}
		
.ChildMenu
{
	background-color: #e5e5e5;
}

.ChildMenuItem
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

	background-color: #eeeeee;
}

		.ChildMenuItem img
		{
			padding-right: 5px;
		}
		
		.ChildMenuItem a,
		.ChildMenuItem a:link,
		.ChildMenuItem a:visited,
		.ChildMenuItem a:active
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;

			display: block;

			background-color: #eeeeee;
			color: #082e71;

			padding: 3px;

			text-decoration: none;
		}
		
		.ChildMenuItem a:hover
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;

			display: block;

			background-color: #082e71;
			color: #ffffff;

			padding: 3px;

			text-decoration: none;
		}

a.purchase-button,
a.purchase-button:link,
a.purchase-button:visited,
a.purchase-button:active
{
	background: no-repeat url(images/button.jpg); 

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
	color: #000000 !important;
	
	text-decoration: none;
	
	display: block;
	width: 120px;
	height: 30px;
	line-height: 28px;

	text-align: center;
}

a.purchase-button:hover
{
	background: no-repeat url(images/button.jpg); 

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
	color: #ffffff !important;
	
	text-decoration: none;

	display: block;
	width: 120px;
	height: 30px;
	line-height: 28px;

	text-align: center;
}
	
/* DNN overrides */

.content-pane .SubHead
{
	color: #ffffff !important;
}