/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

/* This first hack fixes IE's bug where it doesn't draw everything the first time,
	 but when you scroll down and back up your content is there.
	 This must be the first selector in this file. */
* { position: relative; } 

body {
	position: static; /* Position: static reapplies the IE y-axis scrollbar that position:relative took away. */
	margin: 0;
	padding: 0;
	background-color:#1a1a1a;
	background-image:url(../assets/OLDWOOGBG.jpg);
	font-family: Arial, Helvetica, sans-serif;
	color: #1f4a7f;
	line-height: 1.166;
	text-align: center; /* Centers the #page div in IE */
}

h1 {
	margin: 0;
	padding: 0;
	font: 800 16px Arial, Helvetica, sans-serif;
	color: #7b2030;
}
h2 {
	margin: 20px 5px;
	padding: 0;
	font: 900 26px Arial, Helvetica, sans-serif;
	color: #7b2030;
	text-align: left;
}
h3 {
	margin: 0;
	padding: 0;
	font: 800 13px Arial, Helvetica, sans-serif;
	color: #7b2030;
}


/***********************************************/
/* Behaviors                                   */
/***********************************************/

/***** Add transparent PNG support for IE6- *****/
img, div { behavior: url(iepngfix.htc); }


/***********************************************/
/* Forms                                       */
/***********************************************/

.button {
	padding: 2px 1px;
	background: #333 url(../assets/button-bg.jpg) top left repeat-x;
	border: none;
	color: white;
	font: 100 10px Arial, Helvetica, sans-serif;
	text-align: center;
}
.validation-advice {
	font-size: 11px;
	font-style: italic;
	color: #C00;
}
.validation-failed {
	padding: 1px;
	background-color: #FFF6F6;
	border: 1px solid red;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#pageShadowBottom {
	width: 790px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	background: transparent url(../assets/pageShadowB.png) bottom left no-repeat;
	}
	#pageShadowRight {
		width: 780px;
		padding: 0 10px 0 0;
		background: transparent url(../assets/pageShadowR.png) top right repeat-y;
		}
		* html #pageShadowRight {
			width: 790px;
			w\idth: 780px;
		}
		#pageShadowLeft {
			width: 770px;
			padding: 0 0 0 10px;
			background: transparent url(../assets/pageShadowL.png) top left repeat-y;
			}
			* html #pageShadowLeft {
				width: 780px;
				w\idth: 770px;
			}
			#pageShadowTop {
				width: 770px;
				padding: 10px 0 0 0;
				background: transparent url(../assets/pageShadowT.png) top left no-repeat;
				}
				#page {
					width: 770px;
					margin: 0;
					padding: 0;
					background-image:url(../assets/BURLAPBG.jpg);
					background-color:transparent;
					text-align: left;
}


/***********************************************/
/* Banner                                      */
/***********************************************/

#banner {
	width: 770px;
	height: 175px;
	margin: 0 auto -10px auto;
	background: transparent url(../assets/banner-yellow.jpg) top left;
	text-align: right;
	}
	#banner #graphs {
		float: left;
		height: 175px;
		margin: 0;
		padding: 0;
		line-height: 175px;
		}
		/* Apply font-size hack to get IE to use vertical-align properly. */
		* html #banner #graphs {
			font-size: 140px;
		}
		#banner #graphs img {
			margin: 0;
			padding: 0 0 0 10px;
			font-size: 15px;
			vertical-align: middle;
}


/***********************************************/
/* Navigation                                  */
/***********************************************/

#navigation {
	width: 100%;
	height: 80px;
	margin: 0;
	padding: 0;
	background: transparent url(../assets/navigation-bg.jpg) top left;
	text-align: center;
	}
	
	/**** Navigation Links ****/
	
	#navigation ul {
		float: left;
		height: 80px;
		margin: 0;
		padding: 0;
		list-style: none;
		}
		#navigation ul li {
			float: left;
			height: 80px;
			margin: 0;
			padding: 0;
			font: 600 15px Arial, Helvetica, sans-serif;
			color: white;
			line-height: 80px;
			}
			/* Apply font-size hack to get IE to use vertical-align properly. */
			* html #navigation ul li {
				font-size: 80px; /* I don't know why vertical-align is working without this */
			}
			#navigation ul li a {
				display: inline;
				padding: 0 10px;
				border-left: 2px solid white;
				font-size: 14px;
				color: white;
				text-decoration: none;
				vertical-align: middle;
				text-shadow: #666666 1px 1px;
				}
				#navigation ul li a:hover {
					color: white;
					text-decoration: underline;
				}
				#navigation ul li a.firstLink {
					padding: 0 10px 0 20px;
					border-left: none;
	}
	
	/**** Search Field ****/
	
	#search {
		float: right;
		width: 200px;
		height: 80px;
	}
	#search form {
		width: 190px;
		height: 80px;
		margin: 0;
		padding: 0 10px 0 0;
		line-height: 80px;
		}
		/* Adjust for IE5's odd box model. */
		* html #search form {
			width: 200px;
			w\idth: 190px; /* This resets the width for WinIE6 and MacIE5, which are standards-compliant. */
			font-size: 80px;
		}
		#search form input {
			width: 135px;
			margin: 0;
			padding: 1px 0;
			font: 100 10px Arial, Helvetica, sans-serif;
			vertical-align: middle;
			}
			#search form input.button {
				width: 50px;
				padding: 2px 1px;
				}
				/* Adjust for IE7 only */
				*:first-child+html #search form input.button {
					margin: 1px 0 -1px 0;
		}
		#search form .validation-failed {
			padding: 2px 1px;
}


/***********************************************/
/* leftBar                                     */
/***********************************************/

#leftBar {
	float: left; /* floating both the content div and the leftbar div eliminates the IE 3px jog bug. */
	width: 200px;
	padding: 0;
	background: url(../assets/leftbar-bg.jpg) top left repeat-y;
	text-align: center;
	color: white;
	font-size:12px;
	}
	
	/***** our quotes *****/
	
	#leftBar #ourQuotes {
		width: 180px;
		margin: 0 auto 30px auto;
		padding: 0;
		background-color: transparent;
		text-align: center;
		}
		#leftBar #ourQuotes iframe {
			margin: 0 auto;
	}
	
	/***** featured media *****/
	
	#leftBar #featuredMedia {
		width: 180px;
		height: 180px;
		margin: 0 auto 30px auto;
		padding: 0;
		background: url(../assets/banner-bg.jpg) top left repeat-x;
		color: #FFF;
		line-height: 180px;
		}
		/* Apply font-size hack to get IE to use vertical-align properly. */
		* html #leftBar #featuredMedia {
			font-size: 180px;
		}
		#leftBar #featuredMedia img, #leftBar #featuredMedia span {
			margin: 0;
			padding: 0;
			vertical-align: middle;
			font-size: 12px;
	}
	
	/***** newsletter subscription *****/
	
	#leftBar #newsletterSubscription {
		width: 180px;
		margin: 0 auto 20px auto;
		padding: 0;
		font: 200 12px Arial, Helvetica, sans-serif;
		text-align: left;
		}
		#leftBar #newsletterSubscription form {
			width: 180px;
			margin: 5px 0;
			}
			#leftBar #newsletterSubscription form input {
				width: 135px;
				margin: 0;
				padding: 1px 0;
				font: 100 10px Arial, Helvetica, sans-serif;
				}
				#leftBar #newsletterSubscription form input.button {
					width: 34px;
					padding: 2px 1px;
			}
			#leftBar #newsletterSubscription form .validation-advice {
				float: right;
			}
			#leftBar #newsletterSubscription form .validation-failed {
				padding: 2px 1px;
}


/***********************************************/
/* Main Content                                */
/***********************************************/

#content {
	float: left;
	width: 530px; /* 530px = 770px #page width - 200px leftBar - 20px right and 20px left padding. */
	margin: 0;
	padding: 0 20px 30px 20px;
	font-size: 80%;
	background-color: transparent;
	line-height: 1.4em;
	text-align: left;
	}
	/* Adjust for IE5's odd box model. */
	* html #content {
		width: 570px;
		w\idth: 530px; /* This resets the width for WinIE6 and MacIE5, which are standards-compliant. */
	}
	#content h2 {
		margin: 20px 0;
	}
	/***** Bully exclamation *****/
	#content .bully {
		margin: 0 8px 0 0;
		padding: 0 0 1px 18px;
		background: transparent;
		font: 800 13px Arial, Helvetica, sans-serif;
		color: white;
		text-align: left;
		font-style: italic;
}

/***********************************************/
/* Footer                                      */
/***********************************************/

#footer {
	width: 770px;
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	text-align: center;
	}
	#footer ul {
		margin: 10px auto 20px auto;
		padding: 0;
		list-style: none;
		}
		#footer ul li {
			display: inline;
			padding: 0 6px;
			color: white;
			}
			/* IE does something different with the padding so we have to adjust. */
			* html #footer ul li {
				padding: 0 3px 0 6px;
			}
			#footer ul li#lastItem {
				border: none;
			}
			#footer ul li a {
				color: white;
				text-decoration: none;
			}
			#footer ul li a:hover {
				text-decoration: underline;
			}
			#footer ul li a.htmlValid, #footer ul li a.cssValid, #footer ul li a.delicious, #footer ul li a.bookmark {
				padding: 1px 0 0 20px;
				color: white;
				}
				#footer ul li a.htmlValid {
					background: transparent url(../assets/icon-htmlValid.gif) top left no-repeat;
				}
				#footer ul li a.cssValid {
					background: transparent url(../assets/icon-cssValid.gif) top left no-repeat;
				}
				#footer ul li a.bookmark {
					background: transparent url(../assets/icon-star.gif) bottom left no-repeat;
				}
				#footer ul li a.delicious {
					background: transparent url(../assets/icon-delicious.gif) bottom left no-repeat;
}