/* Snowbomb Default Page Style Sheet v1.0
 * Chris Hardy: August 18, 2007
 * www.kiwichris.net
 *
 * (c) Snowbomb.com 2007
 */

body, #content, #outerFrame, #frameFooter
{
	behavior: url(ieFix.htc);
}

/* height defaults */
html
{
	min-height: 100%;
	height: auto;		
}

/* body defaults */
body
{
	background-position: center bottom; 
	background-color: #666666;
	background-repeat: repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Verdana, Sans-Serif;
	font-size: 12px;
	line-height: 16px;
	color: #222222;	
	background-image: url(Images/backgroundGradient.jpg);	
}

/* turn off image borders */
img
{
	border: 0px;
}

/* default link behaviour */
a:hover
{
	text-decoration: unerline;
}
a:active
{
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
	color: Blue;
}
a:link
{
	text-decoration: none;	
	color: Blue;
}

h2, h4
{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 2px;
	margin-top: 0px;
}

ul
{
	list-style:none;
	margin: 0;
	padding-left: 25px;
}

/* centered frame with fading edges */
#outerFrame
{
	text-align: left;
	margin: 0 auto;
	width: 859px;
	height: 100%;
	background-image: url(Images/contentShadow2.png);	
	background-repeat: repeat-y;		
}

/* frame within the fading edges */
#innerFrame
{
	margin-left: 4px;
	margin-right: 4px;
	width: 851px;
	background-color: #ffffff;
}

/* the bottom of the frame */
#frameFooter
{
	margin: 0 auto;
	height: 12px;
	width: 859px;
	background-image: url(Images/contentFooter.png);
	background-repeat: no-repeat;
}

/* top band of snowbomb header */
#headerTop
{
	float: left;	
	height: 4px;
	background-color: #222222;
	text-align: right;
	width: 851px;
	font-size: 0px;
}

/* main band of snowbomb header */
#headerMain
{
	float: left;
	width: 851px;
	height: 100px;
	background-image: url(Images/header2.jpg);
}

/* click region in header that takes you to home page */
#goHome
{
	float: left;
	height: 100%;
	width: 350px;
}

/* rotating banner advertisment */
#banner
{
	float: left;
	margin-top: 16px; 
	border: 2px white solid; 
	width: 468px; 
	height: 60px; 
	background-color: #333333;
	font-size: 0px;
}
#banner a
{
	float: left;
	display: block;
	color: White;
	font-size: 20px;
	text-align: center;	
	width: 448px; 
	height: 40px;
	padding: 0px;
	
}

/* main snowbomb navigation menu */
#headerMenu
{
	float: left;
	width: 851px;
	height: 22px;
	background-color: #222222;
	clear: right;
}



#menuLayers
{
	display: none;
}

/* grey bar underneath main nav menu
   should contain breadcrumbs and search */
#headerBottom
{
	float: left;
	width: 831px;
	height: 22px;
	background-color: #e6e6e6;
	border-bottom: solid 1px #c6c6c6;
	padding-left: 10px;
	padding-right: 10px;		
}

#breadcrumbs
{
	line-height: 22px;
	float: left;	
	height: 22px;
}

#search
{
	float: right;	
}


/* main flowable content of page */
#content
{		
	padding: 10px 20px 10px 20px;
	/*background-color: #EEEEEE;*/
	/*background-image: url(Images/fadedContentBackground.png);*/
	background-image: url(Images/fadedContentBackground2.png);	
	background-repeat: no-repeat;
	text-align:left;
}

/* goes underneath main frame */
#footer
{
	float: left;	
	height: 22px;
	background-color: #222222;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	width: 831px;
	padding-left: 10px;
	padding-right: 10px;
}
#footer a:link
{
	color: White;
}
#footer a:visited
{
	color: White;
}

/* used to clear div floats for formatting */
.clear
{
	clear: both;
	height: 0px;
}

/* used to hide elements that we only want to
 * show when stylesheet is not being used 
 * (ie mobile device)
 */
.hidden
{
	display: none;
}



/* header of a box */
.menuHeader
{	
	width: 174px;
	height: 19px;
	padding: 10px 5px 0px 10px;
	background-image: url(Images/menuHeader.png);
	font-weight: bold;
	color: white;
}

/* content of a box */
.menuContent
{
	width: 179px; 
	padding: 5px 0px 5px 10px;
	background-image: url(Images/menuShadow.png);
	background-repeat: repeat-y;
	height: 100%;
	list-style-image: url(Images/bulletStar.png);	
	text-align:justify;
}
.menuContent ul
{	
	padding-left: 20px;
	margin: 0px;
}

/* footer of a box */
.menuFooter
{
	width: 189px;
	height: 6px;
	background-image: url(Images/menuBottom.png);
	margin-bottom: 10px;
}


/* header of a box */
.menuHeaderWide
{	
	width: 205px;
	height: 19px;
	padding: 10px 10px 0px 10px;
	background-image: url(Images/menuHeaderWide.png);
	font-weight: bold;
	color: white;
}

/* content of a box */
.menuContentWide
{
	width: 205px;
	padding: 10px 10px 10px 10px;
	background-image: url(Images/menuShadowWide.png);
	background-repeat: repeat-y;
	text-align:left;
}
.menuContentWide ul
{	
	padding-left: 10px;
	margin: 10px;
	list-style-image: url('Images/menuStar.png');
}

/* footer of a box */
.menuFooterWide
{
	width: 225px;
	height: 6px;
	background-image: url(Images/menuBottomWide.png);
	margin-bottom: 10px;
	font-size: 1px; /* ie6 */
}




/*------------------------------------------------------------------------------
--- Twitter/Facebook bar at the very top of the page ---
Changes in the vertical dimension will likely affect the navigation sub-menus;
see variable, "verticalOffset," in function, "alignLayers()," in /menu.js for
adjusting.
------------------------------------------------------------------------------*/
#tweethead
{
	color: #fff;
	font-size: 10px;
	height: 20px;
	margin: 5px auto;
	position: relative;
	text-align: right;
	width: 851px;
	z-index: 3;
}
#tweethead a img
{
	text-decoration: none;
}
#tweethead img {
	float: right;
	margin-left: 5px;
	margin-right: 0;
}
#tweethead a:link
{
	color: #dcdcdc;
}
#tweethead a:link:hover
{
	text-decoration: underline;
}
ul.twitterlist
{
	float: right;
	list-style: none outside none;
	overflow: hidden;
	padding: 0;
	width: 791px;
}
ul.twitterlist li
{
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}