/* -----------------------------------------------------------------------------
 * Bulldog Digital - Main stylesheet
 *
 * Version:				1.0
 * Compatibility:	IE6/7/8(Wins), Firefox2/3 (Wins/Linux), Chrome5 (Wins/Linux)
 * Copyright:			2011 Bulldog Digital
 * 
----------------------------------------------------------------------------- */

/* RESET CODE
----------------------------------------------------------------------------- */

a, abbr, acronym, address, applet, area, b, base, 
basefont, bdo, big, blockquote, body, br, button, caption,
center, cite, code, col, colgroup, dd, del, dfn, dir, div, dl, 
dt, em, fieldset, font, form, frame, frameset, h1, h2, h3,
h4, h5, h6, head, hr, html, i, iframe, img, input, ins, kbd, label, 
legend, li, link, map, menu, meta, noframes, noscript, object, ol, optgroup, option, 
p, param, pre, q, s, samp, script, select, small, span, strike, strong, style, sub, sup, 
table, tbody, td, textarea, tfoot, th, thead, title, tr, tt, u, ul, var {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: normal;
	line-height: 1;
	list-style: none;
	margin: 0;
	outline: 0;
	padding: 0;
	quotes: "" "";
	text-align: left;
}

	:after, :before, :focus {
		outline: 0;
	}

/* CANVAS
----------------------------------------------------------------------------- */

/* BUG FIX: All browsers - force vertical scroll bar */
html {
	height: 101%;
	margin: 0 0 1px 0;
}

	body {
		background: #262425 url('../images/body.gif') top left repeat;
		color: #FFFFFF;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 10px;
		margin: 0pt;
		padding: 0;
		position: relative;
		text-align: center;
	}

		div#wrapper {
			font-size: 1.0em;
			margin: 0pt auto;
			position: relative;
			text-align: left;
		}

/* GLOBAL ELEMENTS
----------------------------------------------------------------------------- */

br.clear {
	clear: both;
	display: block;
	height: 0;
}

div.clearfix {
	display: inline-block;
}

	/* BUG FIX: IE (Mac) - hides element */
	* html div.clearfix {
		height: 1%;
	}

	div.clearfix:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

/* BUG FIX: Firefox (Wins) - fixes collapse of empty div */
div.spacer {
	white-space: pre;
}

.right {
	float: right;
}

.left {
	float: left;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
	z-index: 99;
}

.hidden {
	display: none !important;
}

.unavailable {
	color: #BBBBBB;
}

/* TYPOGRAPHY (BLOCK)
----------------------------------------------------------------------------- */

h1 {
	color: #FFFFFF;
	font-size: 4.5em;
	font-weight: bold;
	letter-spacing: -0.03em;
	line-height: 1.0em;
	margin: 0 0 10px 0;
}

	h1.first_title {
		font-size: 4.0em;
		margin: 0 0 20px 0;
	}

h2 {
	color: #688BA4;
	font-family: Helvetica, Arial, sans;
	font-size: 2.0em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 10px 0;
}

h3 {
	color: #FFFFFF;
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}

h4 {
	color: #FFFFFF;
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}

h5 {
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}

h6 {
	color: #FFFFFF;
	font-size: 1.0em;
	font-style: italic;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}

address {
	color: #FFFFFF;
	font-size: 1.2em;
	font-style: normal;
	line-height: 1.4em;
	margin: 0 0 10px 0;	
}

blockquote {
	color: #FFFFFF;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 10px 0;	
}

p {
	color: #CCCCCC;
	font-size: 1.3em;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}

pre {
	color: #FFFFFF;
	font-family: Courier, "Courier New", Monospace;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}

/* TYPOGRAPHY (INLINE)
----------------------------------------------------------------------------- */

a {
	cursor: pointer;
	font-size: inherit;
	line-height: inherit;
}

	a:link, a:visited {
		color: #FFFFFF;
		text-decoration: underline;
	}

	a:active, a:hover {
		color: #7CD300;
		text-decoration: none;
	}

acronym {
	font-size: inherit;
	font-style: italic;
	line-height: inherit;
}

b {
	font-size: inherit;
	font-weight: bold;
	line-height: inherit;
}

bdo {
	font-size: inherit;
	font-style: italic;
	line-height: inherit;
}

big {
	font-size: 1.6em;
	font-weight: bold;
	line-height: inherit;	
}

cite {
	color: #CCCCCC;
	display: block;
	font-size: 1.1em;
	font-style: normal;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}

code {
	font-family: Courier, "Courier New", Monospace;
	font-size: inherit;
	line-height: inherit;	
}

del {
	color: #FF0000;
	font-size: inherit;
	font-weight: bold;
	line-height: inherit;
	text-decoration: line-through;	
}

dfn {
	font-family: Courier, "Courier New", Monospace;
	font-size: inherit;
	font-style: normal;
	line-height: inherit;	
}

em {
	font-size: inherit;
	font-style: italic;
	line-height: inherit;
}

i {
	font-size: inherit;
	font-style: italic;
	line-height: inherit;
}

ins {
	color: #00FF00;
	font-size: inherit;
	font-weight: bold;
	line-height: inherit;
	text-decoration: underline;	
}

kbd {
	font-family: Courier, "Courier New", Monospace;
	font-size: inherit;
	line-height: inherit;	
}

s {
	font-size: inherit;
	font-weight: bold;
	line-height: inherit;
	text-decoration: line-through;
}

samp {
	font-family: Courier, "Courier New", Monospace;
	font-size: inherit;
	line-height: inherit;	
}

small {
	font-size: 1.2em;
	line-height: inherit;	
}

span {
	font-size: inherit;
	line-height: inherit;
}

strike {
	font-size: inherit;
	font-weight: bold;
	line-height: inherit;
	text-decoration: line-through;
}

strong {
	font-size: inherit;
	font-weight: bold;
	line-height: inherit;
}

sub {
	font-size: inherit;
	line-height: inherit;
}

sup {
	color: #FFFFFF;
	font-size: inherit;
	line-height: inherit;
	position: relative;
	top: 4px;
}

tt {
	font-family: Courier, "Courier New", Monospace;
	font-size: inherit;
	line-height: inherit;	
}

u {
	font-size: inherit;
	line-height: inherit;
	text-decoration: underline;
}

var {
	font-family: Courier, "Courier New", Monospace;
	font-size: inherit;
	font-style: normal;
	line-height: inherit;	
}

/* LIST ELEMENTS
----------------------------------------------------------------------------- */

dl {
	margin: 0 0 10px 0;
}

	dl dt {
		color: #CCCCCC;
		font-size: 1.2em;
		line-height: 1.4em;
		list-style: none;
		vertical-align: middle;
	}

	dl dd {
		color: #CCCCCC;
		font-size: 1.2em;
		line-height: 1.4em;
		list-style: none;
		vertical-align: middle;
	}

menu {
	margin: 0 0 10px 0;
}

	menu li {
		color: #CCCCCC;
		font-size: 1.2em;
		line-height: 1.4em;
		list-style: none;
		vertical-align: middle;
	}

ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 12px;
}

	ul li {
		color: #CCCCCC;
		font-size: 1.2em;
		line-height: 1.4em;
		list-style: disc;
		padding: 0 0 5px 0;
		vertical-align: middle;
	}

ol {
	margin: 0 0 10px 5px;
	padding: 0 0 0 20px;
}

	ol li {
		color: #CCCCCC;
		font-size: 1.2em;
		line-height: 1.4em;
		list-style: decimal;
		vertical-align: middle;
	}

	/* BUG FIX: All browsers - eliminates font increase on indentation */
	li li, 
	li li li, 
	li li li li, 
	li li li li li, 
	li li li li li li,
	li li li li li li li,
	li li li li li li li li, 
	li li li li li li li li li, 
	li li li li li li li li li li {
		font-size: 1.0em;
	}

/* TABLE ELEMENTS
----------------------------------------------------------------------------- */

table {
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0 auto;
	margin-bottom: 20px;
	width: 99%;
}

	caption {
		display: none;
	}
	
	th {
		background: #BB141A;
		border-bottom: 1px solid #999999;
		border-right: 1px solid #999999;
		color: #FFFFFF;
		font-size: inherit;
		font-weight: bold;
		line-height: 1.2em;
		padding: 3px 3px 3px 3px;
		text-align: center;
	}
	
	td {
		border-bottom: 1px solid #999999;
		border-right: 1px solid #999999;
		color: #000000;
		font-size: inherit;
		line-height: 1.2em;
		padding: 3px 3px 3px 3px;
		text-align: left;
	}

/* HEADER
----------------------------------------------------------------------------- */

div#search-wrapper {
	background: #242424 url('../images/search-wrapper.gif') top left repeat;
	position: relative;
	z-index: 1;
}

	div#search {
		background: #211F20;
		display: none;
		margin: 0pt auto;
		position: relative;
		width: 960px;
	}

		form#cse-search-box {
				padding: 20px 0 20px 0;
			}

				form#cse-search-box fieldset {
					border: none;
					margin: 0 auto;
					width: 99%;
				}

					form#cse-search-box label {
						color: #FFFFFFF;
						display: block;
						float: left;
						font-size: 2.0em;
						font-weight: normal;
						height: 28px;
						line-height: 28px;
						margin: 0;
						padding: 0 20px 0 0;
					}

					form#cse-search-box input {
						background: #FFFFFF;
						color: #242424;
						display: block;
						float: left;
						font-size: 1.2em;
						margin: 0 20px 0 0;
						vertical-align: center;
					}

						form#cse-search-box input.text {
							border: 1px solid #5A5A5A;
							-moz-border-radius: 5px;
							border-radius: 5px;
							padding: 6px 5px 6px 5px !important;
							width: 218px;
						}

							form#cse-search-box input.text:focus {
								border: 1px dotted #999999;
							}

						form#cse-search-box input.submit {
							background: #242424;
							float: left;
							height: 16px;
							margin: 0 0 10px 0;
							position: relative;
							top: 7px;
							width: 16px;
						}

					form#cse-search-box br {
						clear: both;
						display: block;
						height: 0 !important;
					}

	div#rule {
		background: #565656;
		height: 2px;
		width: auto;
	}

	div#toggler {
		float: left;
		height: 24px;
		width: 61px;
	}

		a.search-toggler {
			display: block;
			font-size: 1.2em;
			font-weight: bold;
			height: 24px;
			line-height: 24px;
			text-align: center;
			width: 61px;
		}

			a.search-toggler:link,
			a.search-toggler:visited {
				background: transparent url('../images/search-toggler.png') top left no-repeat;
				color: #FFFFFF;
				text-decoration: none;
			}

			a.search-toggler:active,
			a.search-toggler:hover {
				background: transparent url('../images/search-toggler-hover.png') top left no-repeat;
				color: #FFFFFF;
				text-decoration: none;
			}

div#header-wrapper {
	background: #242424 url('../images/header-wrapper.gif') top left repeat;
	margin: 0 0 20px 0;
	position: relative;
}

	div#header {
		margin: 0pt auto;
		position: relative;
		width: 960px;
	}

		div.logo {
			float: right;
			height: 75px;
			width: 139px;
		}

		div.primary-nav {
			clear: left;
			float: left;
		}

		div.primary-nav ul {
			height: 45px;
			list-style: none;
			margin: 0;
			overflow: hidden;	
			padding: 10px 0 0 0;
		}

			div.primary-nav ul li {
				display: block;
				float: left;
				font-size: 1.8em;
				height: 45px;
				padding: 0 20px 0 0;
			}

				div.primary-nav ul li a {
					display: block;
					float: left;
					font-weight: bold;
					height: 45px;
					line-height: 45px;
				}

					div.primary-nav ul li a:link,
					div.primary-nav ul li a:visited {
						background: none;
						color: #FFFFFF;
						text-decoration: none;
					}

					div.primary-nav ul li a:active,
					div.primary-nav ul li a:hover {
						background: transparent url('../images/primary-nav-a-hover.gif') bottom left repeat-x;
						color: #7CD300;
						text-decoration: none;
					}

					div.primary-nav ul li.active a:link,
					div.primary-nav ul li.active a:visited,
					div.primary-nav ul li.active a:active,
					div.primary-nav ul li.active a:hover {
						background: transparent url('../images/primary-nav-a-active.gif') bottom left repeat-x;
						color: #FFFFFF;
						text-decoration: none;
					}

/* CONTENT
----------------------------------------------------------------------------- */

div#content-wrapper {
	overflow: hidden;
	position: relative;
}

	div#content {
		margin: 0pt auto;
		position: relative;
		width: 960px;
	}

		div.content_one {
			float: left;
			position: relative;
			width: 230px;
		}

			body.contact_us div.content_one {
				width: 710px;
			}

			body.search div.content_one {
				width: 960px;
			}

		div.content_two {
			float: right;
			width: 710px;
		}

			body.contact_us div.content_two {
				width: 230px;
			}

			div.content_two div#project {
				display: block;
				overflow: hidden;
				width: 710px;
			}

				div.content_two div#project div.left {
					width: 210px;
				}

				div.content_two div#project div.right {
					width: 480px;
				}

			div.content_two div#staff1,
			div.content_two div#staff2,
			div.content_two div#staff3,
			div.content_two div#staff4,
			div.content_two div#staff5,
			div.content_two div#staff6 {
				display: none;
			}

			div.content_two div.toggler {
				background: transparent url('../images/project-toggler.png') top left no-repeat;
				height: 25px;
				margin: 20px 0 20px 0;
				position: relative;
				width: 710px;
			}

				div.content_two div.toggler a#project-toggler-open {
					display: block;
					font-size: 1.2em;
					font-weight: bold;
					height: 25px;
					left: 295px;
					line-height: 25px;
					position: absolute;
					text-align: center;
					width: 83px;
				}

					div.content_two div.toggler a#project-toggler-open:link,
					div.content_two div.toggler a#project-toggler-open:visited {
						color: #FFFFFF;
						text-decoration: none;
					}

					div.content_two div.toggler a#project-toggler-open:active,
					div.content_two div.toggler a#project-toggler-open:hover {
						color: #FFFFFF;
						text-decoration: none;
					}

			body.about_us div.content_two div.toggler {
				background: transparent url('../images/staff-toggler.png') top left no-repeat;
				width: 335px;
			}

				body.about_us div.content_two div.toggler a {
					display: block;
					font-size: 1.2em;
					font-weight: bold;
					height: 25px;
					left: 121px;
					line-height: 25px;
					position: absolute;
					text-align: center;
					width: 83px;
				}

					body.about_us div.content_two div.toggler a:link,
					body.about_us div.content_two div.toggler a:visited {
						color: #FFFFFF;
						text-decoration: none;
					}

					body.about_us div.content_two div.toggler a:active,
					body.about_us div.content_two div.toggler a:hover {
						color: #FFFFFF;
						text-decoration: none;
					}

		div.content_three {
			float: left;
			min-height: 0px;
			height: auto !important;
			height: 0px;
			width: 335px;
		}

		div.content_four {
			float: right;
			min-height: 0px;
			height: auto !important;
			height: 0px;
			width: 335px;
		}

		div.content_five {
			float: left;
			min-height: 0px;
			height: auto !important;
			height: 0px;
			width: 225px;
		}

		div.content_six {
			float: left;
			margin: 0 0 0 17.5px;
			min-height: 0px;
			height: auto !important;
			height: 0px;
			width: 225px;
		}

		div.content_seven {
			float: right;
			min-height: 0px;
			height: auto !important;
			height: 0px;
			width: 225px;
		}

		div.content img {
			border: 0;
			display: block;
			margin: 0;
			padding: 0;
		}

			div.content .content_image {
				line-height: 0;
			}

			div.content .content_image.right {
				margin: 0 0 10px 10px;
			}

				body.home div.content .content_image.right {
					margin-bottom: 0;
				}

			div.content .content_image.left {
				margin: 0 10px 10px 0;
			}

				body.home div.content .content_image.left {
					margin-bottom: 0;
				}

			div.content .content_image.full {
				border: none;
				clear: both;
				margin-bottom: 20px;
				padding: 0;
			}

		div.banner {
			min-height: 0px;
			height: auto !important;
			height: 0px;
			position: relative;
		}

			div.banner h1,
			div.banner img {
				margin: 0 0 20px 0;
				padding: 0;
			}

			div.banner h1 {
				font-size: 5.0em;
			}

				body.home div.banner h1 {
					font-size: 4.5em;
				}

		div.spotlight {
			height: 450px;
			left: -10px;
			margin: 0 0 20px 0;
			position: relative;
			width: 980px;
		}

			div.spacer {
				height: 450px;
				width: 10px;
			}

				div.spacer.left {
					background: transparent url('../images/spotlight-left.png') top left no-repeat;
				}

				div.spacer.right {
					background: transparent url('../images/spotlight-right.png') top right no-repeat;
				}

			div#tabs {
				background: #999999;
				float: left;
				position: relative;
				width: 960px;
			}

				div#tabs div.content h1 {
					font-size: 4.0em;
					padding: 20px 0 10px 10px;
				}

				div#tabs div.content h2 {
					padding: 0 0 0 10px;
				}

				div#tabs div.content p {
					padding: 0 0 0 10px;
				}

				div#tab_1,
				div#tab_2,
				div#tab_3,
				div#tab_4,
				div#tab_5,
				div#tab_6 {
					background: #262425;
					height: 430px;
					margin: 10px 10px 10px 10px;
					overflow: hidden;
					width: 940px;
				}

				div.ui-tabs-panel {
					display: block !important;
				}

				div.ui-tabs-panel.ui-tabs-hide {
					display: none !important;
				}

				div#tabs ul {
					display: none;
				}

					div.ui-tabs ul {
						clear: both;
						display: inline-block !important;
						height: 45px;
						left: 10px;
						margin: 0 !important;
						padding: 0 !important;
						position: absolute;
						bottom: 10px;
						width: auto;
					}

						div.ui-tabs ul li {
							display: block;
							float: left;
							font-size: 1.0em !important;
							height: 45px;
							margin: 0 0 0 7px !important;
							padding: 0;
						}

							div.ui-tabs ul li a {
								background: red;
								color: #FFFFFF;
								display: block;
								font-size: 1.4em;
								font-weight: bold;
								line-height: 45px;
								padding: 0 10px 0 10px;
								text-decoration: none;
							}

								div.ui-tabs ul li a:link,
								div.ui-tabs ul li a:visited {
									background: none;
									color: #FFFFFF;
									text-decoration: none;
								}

								div.ui-tabs ul li a:active,
								div.ui-tabs ul li a:hover {
									background: transparent url('../images/primary-nav-a-hover.gif') bottom left repeat-x;
									color: #7CD300;
									text-decoration: none;
								}

								div.ui-tabs ul li.ui-tabs-selected a:link,
								div.ui-tabs ul li.ui-tabs-selected a:visited,
								div.ui-tabs ul li.ui-tabs-selected a:active,
								div.ui-tabs ul li.ui-tabs-selected a:hover {
									background: transparent url('../images/primary-nav-a-active.gif') bottom left repeat-x;
									color: #FFFFFF;
									text-decoration: none;
								}

			div.sidenav {
				padding: 0;
			}

				div.sidenav ul.level0 {
					margin: 0;
					padding: 0;
				}

					div.sidenav ul.level0 li {
						clear: both;
						font-size: 1.0em;
						list-style: none;
					}

						div.sidenav ul.level0 li span.admin {
							display: block;
							float: right;
						}

							div.sidenav ul.level0 li span.admin a {
								color: #BB141A;
								display: inline;
								font-weight: normal;
								margin: 0;
								padding: 0;
							}
					
						div.sidenav ul.level0 li a {
							display: block;
							float: left;
							font-weight: bold;
							min-height: 20px;
							height: auto !important;
							height: 20px;
							line-height: 16px;
							padding: 0 0 15px 0;
						}

						div.sidenav ul.level0 li.admin a {
							color: #BB141A !important;
							display: block;
							font-size: 12px;
							font-weight: normal;
							min-height: 20px;
							height: auto !important;
							height: 20px;
							line-height: 20px;
							padding: 0;
						}

							div.sidenav ul.level0 li.admin a:link,
							div.sidenav ul.level0 li.admin a:visited,
							div.sidenav ul.level0 li.admin a:active,
							div.sidenav ul.level0 li.admin a:hover {
								color: #BB141A !important;
								text-decoration: none !important;
							}

							div.sidenav ul.level0 li.admin a span {
								display: inline;
							}

							div.sidenav ul.level0 li.admin a img {
								display: inline;
								margin: 0 5px 0 0;
								padding: 0;
								position: relative;
								top: 3px;
							}

						div.sidenav ul.level0 li.last a {
							padding-bottom: 10px;
						}

							div.sidenav ul.level0 li a:link,
							div.sidenav ul.level0 li a:visited {
								color: #FFFFFF;
								text-decoration: none;
							}

							div.sidenav ul.level0 li a:active,
							div.sidenav ul.level0 li a:hover {
								color: #7CD300;
								text-decoration: none;
							}

						div.sidenav ul.level0 li a.active {
							color: #FFFFFF !important;
							text-decoration: underline;
						}

						div.sidenav ul.level0 li a.expanded {
							color: #FFFFFF !important;
							text-decoration: underline;
						}

						div.sidenav ul.level0 li span {
							display: block;
							height: 16px;
						}

						div.sidenav ul.level1 {
							margin: 0;
							padding: 0;
						}

							div.sidenav ul.level1 li {
								font-size: 16px;
							}

								div.sidenav ul.level1 li a {
									font-weight: bold;
									padding: 0 0 10px 0;
								}

								div.sidenav ul.level2 {
									margin-left: 10px;
									padding: 0;
								}

									div.sidenav ul.level2 li {
										font-size: 12px;
									}

										div.sidenav ul.level2 li a {
											font-weight: normal;
											padding: 0 0 3px 0;
										}

										div.sidenav ul.level3 {
											margin-left: 10px;
											padding: 0;
										}

											div.sidenav ul.level3 li {
												font-size: 12px;
											}

												div.sidenav ul.level3 li a {
													font-weight: normal;
													padding: 0 0 10px 0;
												}

			div.pagination {
				border-bottom: 1px solid #474546;
				border-top: 1px solid #474546;
				margin: 20px 0 20px 0;
				position: relative;
				width: 710px;
			}

				div.pagination p {
					color: #999999;
					font-size: 1.3em;
					font-weight: normal;
					line-height: 40px;
					margin: 0;
				}

					div.pagination p.prev_next {
						float: left;
						text-align: left;
						width: 40%;
					}

					div.pagination p.back_to_top {
						float: right;
						text-align: right;
						width: 40%;
					}

			div#cse-search-results {
				background: #999999;
				margin: 0 0 20px 0;
			}

				div#cse-search-results iframe {
					background: #262425;
					margin: 10px 10px 10px 10px;
					padding: 10px 10px 10px 10px;
				}

/* CONTACT FORM
----------------------------------------------------------------------------- */

form.contact {
	padding: 20px 0 20px 0;
}

	form.contact div.left,
	form.contact div.right {
		background: none;
	}

	form.contact p {
		line-height: 18px;
		margin: 0 0 20px 0;
		padding: 0;
	}

		form.contact p.error_message {
			background: transparent url('../images/error.png') top left no-repeat;
			font-weight: bold;
			padding: 0 0 0 25px;
		}

		form.contact p.error {
			color: #BE1E2D;
			font-weight: bold;
			margin: 0;
		}

	form.contact span {
		color: #999999;
		font-weight: bold;
	}

	form.contact fieldset {
		border: none;
		margin: 0 auto;
		width: 99%;
	}

		form.contact legend {
			color: #999999;
			display: none;
			font-size: 1.4em;
			font-weight: bold;
			line-height: 1.8em;
			margin: 10px 0 10px 0;
			padding: 0 10px 0 10px;
		}

		form.contact label {
			color: #999999;
			display: block;
			font-size: 1.6em;
			font-weight: bold;
			height: 18px;
			line-height: 18px;
			margin: 0 0 10px 0;
			padding: 0;
			width: 230px;
		}

		form.contact input {
			background: #242424;
			color: #FFFFFF;
			display: block;
			font-size: 1.2em;
			margin: 0 0 20px 0;
			vertical-align: center;
		}

			form.contact input.text {
				border: 1px solid #5A5A5A;
				-moz-border-radius: 5px;
				border-radius: 5px;
				padding: 6px 5px 6px 5px !important;
				width: 218px;
			}

				form.contact input.text:focus {
					border: 1px dotted #999999;
				}

			form.contact input.text.error {
				border: 1px solid #BE1E2D;
			}

				form.contact input.text.error:focus {
					border: 1px dotted #BE1E2D;
				}

			form.contact input.checkbox {
				height: 16px;
				position: relative;
				top: 3px;
				width: 18px;
			}

			form.contact input.submit {
				float: left;
				height: 24px;
				margin: 0 0 10px 0;
				width: 61px;
			}

		form.contact textarea {
			background: #242424;
			border: 1px solid #5A5A5A;
			color: #FFFFFF;
			-moz-border-radius: 5px;
			border-radius: 5px;
			display: block;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 1.2em;
			height: 175px;
			line-height: 1.4em;
			margin: 0 0 10px 0;
			padding: 6px 5px 6px 5px !important;
			width: 440px;
		}

			form.contact textarea:focus {
				border: 1px dotted #999999;
			}

		form.contact br {
			clear: both;
			display: block;
			height: 0 !important;
		}

/* NAVIGATION GRID
----------------------------------------------------------------------------- */

div.navigationGrid {
	margin: 20px 0 20px 0;
	padding: 0;
	position: relative;
}

	div.navigationGrid div.navigation {
		float: left;
		height: 150px;
		margin: 0 25px 30px 0;
		overflow: hidden;
		position: relative;
		width: 220px;
	}

	div.navigationGrid div.rowEnd {
		margin-right: 0;
	}

		div.navigationGrid div.navigation a.hotspot,
		div.navigationGrid div.navigation div.info p a {
			display: block;
			height: 130px;
			width: 200px;
		}

			div.navigationGrid div.navigation a.hotspot img {
				margin: 0;
			}

		div.navigationGrid div.navigation div.info {
			/*background: transparent url('../images/navigation-bg.png') top left no-repeat;*/
			background: #7CD300;
			display: none;
			height: 150px;
			left: 0;
			padding: 10px 10px 0 10px;
			position: absolute;
			top: 0;
			width: 220px;
		}

			div.navigationGrid div.navigation div.info h2 {
				color: #FFFFFF;
				display: block;
				width: 200px;
			}


				div.navigationGrid div.navigation div.info a:link,
				div.navigationGrid div.navigation div.info a:visited {
					color: #FFFFFF;
				}

				div.navigationGrid div.navigation div.info a:active,
				div.navigationGrid div.navigation div.info a:hover {
					color: #FFFFFF;
				}

			div.navigationGrid div.navigation div.info p {
				color: #FFFFFF;
				display: block;
				width: 200px;
				height: 130px;
			}

				div.navigationGrid div.navigation div.info p a:link,
				div.navigationGrid div.navigation div.info p a:visited,
				div.navigationGrid div.navigation div.info p a:active,
				div.navigationGrid div.navigation div.info p a:hover {
					color: #FFFFFF;
					text-decoration: none;
				}

/* IMAGE BANDS
----------------------------------------------------------------------------- */

div.imageBands {
	position: relative;
}

	div.imageBand p {
		line-height: 17px;
		margin: 0 0 10px 0;
		padding: 0 20px 0 0;
	}

		div.imageBand p a {
			display: inline-block;
			text-decoration: none;
		}

			div.imageBand p a:link span,
			div.imageBand p a:visited span {
				color: #FFFFFF;
				text-decoration: underline;
			}

			div.imageBand p a:active span,
			div.imageBand p a:hover span {
				color: #7CD300;
				text-decoration: none;
			}

		div.imageBand p img {
			display: inline;
			margin: 0 5px 0 0;
			padding: 0;
			position: relative;
			top: 4px;
		}

		div.imageBand p span {
			display: inline;
		}

/* WIDGETS
----------------------------------------------------------------------------- */

div#widget-wrapper {
	background: #242424 url('../images/footer-wrapper.gif') top left repeat-x;
	min-height: 240px;
	height: auto !important;
	height: 240px;
	margin: 20px 0 0 0;
	overflow: hidden;
	position: relative;
}

	div#widgets {
		margin: 0pt auto;
		position: relative;
		width: 960px;
	}

		div.widget {
			border-top: 2px solid #474546;
			float: left;
			min-height: 238px;
			height: auto !important;
			height: 238px;
			width: 245px;
		}

		div#widgets div.firstWidget {
			width: 250px;
		}

		div#widgets div.lastWidget {
			width: 220px;
		}

			div.widget h1,
			div.widget h2,
			div.widget h3,
			div.widget h4,
			div.widget h5,
			div.widget h6,
			div.widget p {
				padding: 0 20px 0 0;
			}

			div.widget h2.first_title {
				border-bottom: 2px solid #474546;
				line-height: 38px;
				margin: 0 0 20px 0;
			}

			div.tweet {
				padding: 0 20px 0 0;
			}

				ul.tweet_list {
					margin: 0;
					padding: 0;
				}

					ul.tweet_list li {
						list-style: none;
						margin: 0;
						padding: 0 0 10px 0;
					}

						ul.tweet_list li a.tweet_avatar,
						ul.tweet_list li span.tweet_time,
						ul.tweet_list li span.tweet_join {
							display: none;
						}

/* ARTICLES
----------------------------------------------------------------------------- */

div.article_summary {
	float: left;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	margin: 0 17.5px 20px 0;
	width: 225px;
}

	div.article_summary h2 {
		margin: 0 0 5#999999px 0;
	}

	div.endRow {
		margin: 0;
	}

/* CALENDAR
----------------------------------------------------------------------------- */

div.calendar {
	width: 220px;
}

	div.calendar table {
		border-left: 1px solid #1d1b1c;
		border-top: 1px solid #1d1b1c;
		font-size: 1.2em;
		line-height: 1.8em;
		margin: 0 auto 40px auto;
		width: 100%;
	}

		div.calendar tr.header {
			background: #1d1b1c;
		}

		div.calendar th {
			background: none;
			border-bottom: 1px solid #1d1b1c;
			border-right: 1px solid #1d1b1c;
			color: #CCCCCC;
			font-size: inherit;
			font-weight: bold;
			line-height: 1.6em;
			padding: 3px 3px 3px 3px;
			text-align: center;
		}

			div.calendar th.current a {
				font-weight: bold !important;
				text-decoration: none !important;
			}

			div.calendar th.next a,
			div.calendar th.previous a {
				display: block;
				text-align: center;
			}

		div.calendar td {
			background: none;
			border-bottom: 1px solid #1d1b1c;
			border-right: 1px solid #1d1b1c;
			color: #666666;
			font-size: inherit;
			line-height: 1.6em;
			padding: 3px 3px 3px 3px;
			text-align: center;
		}

			div.calendar td.today,
			div.calendar td.today a {
				background: #999999;
				color: #222222 !important;
			}

/* FEATURES
----------------------------------------------------------------------------- */

div.featured_article {}

	div.featured_article h3 {
		font-style: normal;
		font-size: 1.2em;
	}

		div.featured_article h3 a {
			font-weight: bold;
		}

/* CONTENT GRID
----------------------------------------------------------------------------- */

div.content_grids {}

	div.content_grids div.content_grid {
		float: left;
		margin: 0 17.5px 10px 0;
		width: 225px;
	}

	div.content_grids div.rowEnd {
		margin-right: 0;
	}

/* COMPETITION FORM
----------------------------------------------------------------------------- */

form.competition {
	padding: 20px 0 20px 0;
}

	form.competition div.left,
	form.competition div.right {
		background: none;
	}

	form.competition p {
		line-height: 18px;
		margin: 0 0 20px 0;
		padding: 0;
	}

		form.competition p.error_message {
			background: transparent url('../images/error.png') top left no-repeat;
			font-weight: bold;
			padding: 0 0 0 25px;
		}

		form.competition p.error {
			color: #BE1E2D;
			font-weight: bold;
			margin: 0;
		}

	form.competition span {
		color: #999999;
		font-weight: bold;
	}

	form.competition fieldset {
		border: none;
		margin: 0 auto;
		width: 99%;
	}

		form.competition legend {
			color: #999999;
			display: none;
			font-size: 1.4em;
			font-weight: bold;
			line-height: 1.8em;
			margin: 10px 0 10px 0;
			padding: 0 10px 0 10px;
		}

		form.competition label {
			color: #688BA4;
			display: block;
			font-size: 1.6em;
			font-weight: bold;
			line-height: 24px;
			margin: 0 0 10px 0;
			padding: 10px 0 0 0;
			width: 700px;
		}

		form.competition input {
			background: #242424;
			color: #FFFFFF;
			display: block;
			font-size: 1.2em;
			margin: 0 0 10px 0;
			vertical-align: center;
		}

			form.competition input.text {
				border: 1px solid #5A5A5A;
				-moz-border-radius: 5px;
				border-radius: 5px;
				padding: 6px 5px 6px 5px !important;
				width: 340px;
			}

				form.competition input.text:focus {
					border: 1px dotted #999999;
				}

			form.competition input.text.error {
				border: 1px solid #BE1E2D;
			}

				form.competition input.text.error:focus {
					border: 1px dotted #BE1E2D;
				}

			form.competition input.checkbox {
				height: 16px;
				position: relative;
				top: 3px;
				width: 18px;
			}

			form.competition input.submit {
				float: left;
				height: 24px;
				margin: 10px 0 10px 0;
				width: 61px;
			}

		form.competition textarea {
			background: #242424;
			border: 1px solid #5A5A5A;
			color: #FFFFFF;
			-moz-border-radius: 5px;
			border-radius: 5px;
			display: block;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 1.2em;
			height: 75px;
			line-height: 1.4em;
			margin: 0 0 10px 0;
			padding: 6px 5px 6px 5px !important;
			width: 690px;
		}

			form.competition textarea:focus {
				border: 1px dotted #999999;
			}

		form.competition br {
			clear: both;
			display: block;
			height: 0 !important;
		}

/* EVENT REGISTRATION FORM
----------------------------------------------------------------------------- */

form.event_registration {
	padding: 20px 0 20px 0;
}

	form.event_registration div.left,
	form.event_registration div.right {
		background: none;
	}

	form.event_registration span {
		color: #999999;
		font-weight: bold;
	}

	form.event_registration fieldset {
		border: none;
		margin: 0 auto;
		width: 99%;
	}

		form.event_registration legend {
			color: #999999;
			display: none;
			font-size: 1.4em;
			font-weight: bold;
			line-height: 1.8em;
			margin: 10px 0 10px 0;
			padding: 0 10px 0 10px;
		}

		form.event_registration label {
			color: #999999;
			display: block;
			font-size: 1.6em;
			font-weight: bold;
			line-height: 24px;
			margin: 0 0 10px 0;
			padding: 10px 0 0 0;
			width: 700px;
		}

			form.event_registration label.auto {
				color: #CCCCCC;
				display: inline-block;
				float: left;
				font-family: Helvetica, Arial, sans-serif;
				font-size: 1.3em;
				font-style: normal;
				line-height: 1.4em;
				margin: 0 0 10px 0;
				padding: 0;
				width: auto;
			}

			form.event_registration label.highlight {
				color: #688BA4;
			}

		form.event_registration input {
			background: #242424;
			color: #FFFFFF;
			display: block;
			font-size: 1.2em;
			margin: 0 0 10px 0;
			vertical-align: center;
		}

			form.event_registration input.text {
				border: 1px solid #5A5A5A;
				-moz-border-radius: 5px;
				border-radius: 5px;
				padding: 6px 5px 6px 5px !important;
				width: 340px;
			}

				form.event_registration input.text:focus {
					border: 1px dotted #999999;
				}

			form.event_registration input.checkbox {
				float: left;
				height: 16px;
				margin: 4px 10px 0 0;
				width: 18px;
			}

			form.event_registration input.submit {
				background: #555555;
				border: 1px solid #555555;
				-moz-border-radius: 5px;
				border-radius: 5px;
				float: left;
				font-weight: bold;
				margin: 10px 0 10px 0;
				padding: 2px 3px 2px 3px;
			}

		form.event_registration br {
			clear: both;
			display: block;
			height: 0 !important;
		}

/* FOOTER
----------------------------------------------------------------------------- */

div#footer-wrapper {
	background: #242424 url('../images/footer-wrapper.gif') bottom left repeat-x;
	min-height: 80px;
	height: auto !important;
	height: 80px;
	margin: 0;
	overflow: hidden;
	position: relative;
}

	div#footer {
		margin: 0pt auto;
		position: relative;
		width: 960px;
	}

		small.copyright {
			display: block;
			float: left;
			height: 80px;
			line-height: 80px;
			width: 480px;
		}

		ul.footer-nav {
			display: block;
			float: right;
			margin: 0;
			overflow: hidden;
			padding: 0;
		}

			ul.footer-nav li {
				display: block;
				float: right;
				height: 80px;
			}

				ul.footer-nav li a {
					display: block;
					font-weight: bold;
					line-height: 80px;
					padding: 0 0 0 20px;
				}

					ul.footer-nav li a:link,
					ul.footer-nav li a:visited {
						color: #FFFFFF;
						text-decoration: underline;
					}

					ul.footer-nav li a:active,
					ul.footer-nav li a:hover {
						color: #7CD300;
						text-decoration: none;
					}

/* ADMIN CONTROLS
----------------------------------------------------------------------------- */

div.admin {
	background: none;
	min-height: 20px;
	height: auto !important;
	height: 20px;
}

div.admin.absolute {
	left: 0;
	position: absolute;
	top: 0;
}

	p.admin {
		font-size: 1.2em;
		line-height: 20px;
		margin: 0;
		padding: 0;
	}

		p.admin a {
			display: inline-block;
			font-weight: normal;
			padding: 0 5px 0 0;
		}

			p.admin a:link,
			p.admin a:link span,
			p.admin a:visited,
			p.admin a:visited span {
				color: #BB141A !important;
				text-decoration: none !important;
			}

			p.admin a:active,
			p.admin a:active span,
			p.admin a:hover,
			p.admin a:hover span {
				color: #BB141A !important;
				text-decoration: none !important;
			}

		p.admin img {
			display: inline;
			margin: 0 5px 0 0;
			padding: 0;
			position: relative;
			top: 3px;
		}

	p.admin.absolute {
		left: 0;
		position: absolute;
		top: 0;
	}

/* LOGIN FORM
----------------------------------------------------------------------------- */

form.login {
	padding: 20px 0 20px 0;
}

	form.login p {
		line-height: 18px;
		margin: 0 0 20px 0;
		padding: 0;
	}

		form.login p.error_message {
			background: transparent url('../images/error.png') top left no-repeat;
			font-weight: bold;
			padding: 0 0 0 25px;
		}

		form.login p.error {
			color: #BE1E2D;
			font-weight: bold;
			margin: 0 0 5px 0;
		}

	form.login span {
		color: #999999;
		font-weight: bold;
	}

	form.login fieldset {
		border: 1px solid #999999;
		margin: 0 auto;
		padding: 10px 20px 10px 20px;
		width: 50%;
	}

		form.login legend {
			color: #688BA4;
			display: inline;
			font-size: 1.6em;
			font-weight: bold;
			line-height: 1.2em;
			margin: 10px 0 10px 0;
			padding: 0 10px 0 10px;
			width: auto !important;
		}

		form.login label {
			color: #999999;
			display: block;
			font-size: 1.6em;
			font-weight: bold;
			height: 18px;
			line-height: 18px;
			margin: 0 0 10px 0;
			padding: 0;
			width: 230px;
		}

		form.login input {
			background: #242424;
			color: #FFFFFF;
			display: block;
			font-size: 1.2em;
			margin: 0 0 20px 0;
			vertical-align: center;
		}

			form.login input.text {
				border: 1px solid #5A5A5A;
				-moz-border-radius: 5px;
				border-radius: 5px;
				padding: 6px 5px 6px 5px !important;
				width: 218px;
			}

				form.login input.text:focus {
					border: 1px dotted #999999;
				}

			form.login input.text.error {
				border: 1px solid #BE1E2D;
			}

				form.login input.text.error:focus {
					border: 1px dotted #BE1E2D;
				}

			form.login input.submit {
				background: #555555;
				border: 1px solid #5A5A5A;
				-moz-border-radius: 5px;
				border-radius: 5px;
				float: left;
				height: 24px;
				margin: 0 0 10px 0;
				text-align: center;
				width: 61px;
			}

		form.login br {
			clear: both;
			display: block;
			height: 0 !important;
		}

/* ADMIN FORM
----------------------------------------------------------------------------- */

form.admin {
	padding: 0 0 15px 0;
}

	form.admin p {
		display: block;
		float: left;
		margin: 0 0 15px 0;
		padding: 3px 0 0 0;
		width: 495px;
	}

	form.admin p.error_message {
		background: transparent url('../images/error.png') top left no-repeat;
		font-weight: bold;
		margin: 0;
		padding: 0 0 0 25px;
	}

	form.admin p.error {
		color: #BE1E2D;
		float: none;
		font-weight: bold;
		margin: 0 0 5px 0;
		width: auto;
	}

	form.admin label.empty {
		line-height: 20px;
	}

	form.admin label.auto {
		font-weight: normal;
		width: auto;
	}

	form.admin small {
		font-size: 1.0em;
		line-height: 1.4em;
	}

	form.admin fieldset {
		border: 1px solid #999999;
		margin: 0 auto;
		padding: 10px 10px 10px 10px;
		width: 95%;
	}

		form.admin legend {
			color: #688BA4;
			display: inline;
			font-size: 1.6em;
			font-weight: bold;
			line-height: 1.2em;
			margin: 10px 0 10px 0;
			padding: 0 10px 0 10px;
			width: auto !important;
		}

		form.admin label {
			display: block;
			float: left;
			font-size: 1.2em;
			font-weight: bold;
			line-height: 1.8em;
			margin: 0 10px 10px 0;
			text-align: left;
			width: 150px;
		}

		form.admin input {
			float: left;
			font-size: 1.2em;
			line-height: 1.0em;
			margin: 0 10px 10px 0;
		}

			form.admin input.text {
				border: 1px solid #999999;
				padding: 2px 3px 2px 3px;
				width: 200px;
			}

				form.admin input.text:focus {
					border: 1px dotted #999999;
				}

				form.admin input.text.small {
					width: 55px;
				}

			form.admin input.radio {
				height: 16px;
				position: relative;
				top: 4px;
				width: 18px;
			}

			form.admin input.checkbox {
				height: 16px;
				position: relative;
				top: 4px;
				width: 18px;
			}

			form.admin input.file {
				border: 1px solid #999999;
				padding: 2px 3px 2px 3px;
			}

			form.admin input.submit,
			form.admin input.reset {
				background: #CCCCCC;
				border: 2px outset #999999;
				float: left;
				line-height: 1.0em;
				margin: 0 10px 10px 0;
				padding: 3px 0 3px 0 !important;
				text-align: center;
			}

		form.admin select {
			border: 1px solid #999999;
			float: left;
			font-size: 1.2em;
			line-height: 1.0em;
			margin: 0 10px 10px 0;
			padding: 2px 3px 2px 3px;
			width: 125px;
		}

		form.admin textarea {
			border: 1px solid #999999;
			float: left;
			font-size: 1.2em;
			height: 120px;
			line-height: 1.0em;
			margin: 0 10px 10px 0;
			padding: 2px 3px 2px 3px;
			width: 500px;
		}

			form.admin textarea:focus {
				border: 1px dotted #999999;
			}

		form.admin form p.error.summary {
			background: transparent url('../images/error.png') top left no-repeat;
			display: block !important;
			font-weight: bold;
			line-height: 18px !important;
			padding-left: 25px !important;
		}

		form.admin br {
			clear: both;
		}