/**
	Template
**/
/**----------------------------------------------------------------------**/
* {
	margin: 0;
	padding: 0;
}
html, body {
	background-color: #820404;
	color: #ffffff;
}
body {
	font-size: 100%;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}
.wrapper {
	background: url('../images/fire_stripe_bg.jpg') repeat-x -72px 0;
}
	#headerWrapper {
	}
		#header {
			overflow: visible;
		}
			.logo {
				width: 368px;
				height: 109px;
				float: left;
				position: relative;
			}
				.logo a { display: block; overflow: hidden; }
				.logo a:hover { border: 0; text-decoration: none; }
				.logo a:active { border: 0; position: static; }
				
			#masthead {
				width: 592px;
				height: 109px;
				float: left;
				position: relative;
				/** background: #fbdd82 url('../images/fire_bg.jpg') repeat-x -72px 0; **/
			}
			.menu {
				position: absolute;
				top: 86px;
				left: 0;
			}
	#contentWrapper {
	}
		#content {
			padding-top: 20px;
		}
	#footerWrapper {
		background-color: #ac5030;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 100;
	}
		#footer {
			text-align: center;
		}
/**
	Homepage adjustments
**/
#logoBottom, #logoLeft {
	position: absolute;
}
	#logoBottom {
		background: url('../images/logo_home_bottom2.png') no-repeat 0 0;
		top: 109px;
		left: 0;
		width: 426px;
		height: 276px;
	}
	#logoLeft {
		background: url('../images/logo_overflow.png') no-repeat 0 0;
		left: -115px;
		top: 0;
		width: 115px;
		height: 385px;
	}
	#logoAdjustment {
		padding-top: 200px;
		text-align: center;
	}

/**
	Secondary Layout (Main Usage)

	#mainWrapper {
	}
		#main {
		}
			#masthead, #menuWrapper, #content {
				height: 100%;
				min-height: 700px;
				float: left;
				padding-top: 30px;
			}
				#masthead {
					left: 0;
					width: 305px;
					background: #000000 url('../images/left_fire_bg.jpg') no-repeat 0 100%;
					color: #fff;
				}
					#masthead p {
						font-size: 18px;
					}
				#menuWrapper {
					left: 305px;
					width: 155px;
					background-color: #820404;
				}
				#content {
					left: 460px;
					width: 500px;
				}
	
**/
	.highlight {
		color: #fbdd82;
	}
	.huge {
		font-size: 30px;
	}
	.large {
		font-size: 24px;
	}
	.medium {
		font-size: 18px;
	}
				
		
/**
	Typography
**/
/**----------------------------------------------------------------------**/
p {
	font-size: 14px;
	line-height: 1.5;
}
h1,h2,h3,h4,h5,h6 {
	line-height: 1;
	text-transform: none;
}
	h1 {
		font-size: 31px;
		font-weight: 500;
		letter-spacing: -1px;
	}
	h2 {
		font-size: 26px;
		font-weight: 500;
		letter-spacing: -1px;
	}
	h3 {
		font-size: 21px;
		font-weight: 500;
		letter-spacing: -1px;
	}
	h4 {
		font-size: 17px;
	}
	h5 {
		font-size: 13px;
		text-transform: uppercase;
	}
	h6 {
	}
	
acronym, abbr{
	border: 0;
}
		
/**
	Anchors
**/
/**----------------------------------------------------------------------**/	
a, a:link, a:visited {
	color: #fbdd82;
}
	a:hover {
		border-bottom: 4px solid #fbdd82;
		color: #fff;
		text-decoration: none;
	}
	a:active {
	}

	
/**
	Buttons
**/
/**----------------------------------------------------------------------**/		

.button, a.button, input[type="submit"], input[type="reset"], input[type="button"] {
}

/**
	Buttons
**/
.button, a.button, input[type="submit"], input[type="reset"], input[type="button"] {
  background: #e7eef5;
  border: 1px solid #becfe3;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  box-shadow: inset 0 1px 0 0 #fff;
  -moz-box-shadow: inset 0 1px 0 0 #fff;
  /**-webkit-box-shadow: inset 0 1px 0 0 #fff;**/
  color: #900;
  font-family: "lucida grande", sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  padding: 5px 0 6px 0;
  text-align: center;
  width: 150px;
}
	.button:hover, a.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	  color: #C00;
	}
	.button:active, a.button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
	  border: 1px solid #8c98a7;
	  color: #C00;
	}
	
/**
	Main Menu
**/
/**----------------------------------------------------------------------**/
.menu {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 23px;
}
	.menu li {
		float: left;
		position: relative;
		list-style: none inside none;
		height: auto;
		margin: 0;
		border-left: 1px solid #000;
	}
		.menu li:first-child { border-left: 0; }
		.menu li a, 
		.menu li a:link, 
		.menu li a:visited {
			display: block;
			width: auto;
			height: 23px;
			width: auto;
			padding: 0 10px;
			margin: 0;
			overflow: hidden;
			background-color: #fbdd82;
						
			font-size: 14px;
			line-height: 23px;
			color: #000;
			text-align: left;
			text-decoration: none;
			text-transform: uppercase;
		}
		.ie6 .menu li {
			width: 70px;
		}
		.ie6 .menu li a, 
		.ie6 .menu li a:link, 
		.ie6 .menu li a:visited {
			width: 70px;
		}
		.ie6 .menu #assignment { width: 170px; }
		.ie6 .menu #assignment a { width: 160px; }
		
		.menu li:hover a, .menu li a:hover {
			color: #000;
			background-color: #bbb;
			text-decoration: none;
			border: 0;
		}
		.menu li a:active {
			color: #000;
			background-color: #bbb;
			text-decoration: none;
			border: 0;
		}
		.menu li ul {
			display: none;
			margin: 0;
			padding: 0;
		}
		.menu li:hover a {
		}
		.menu li:hover ul {
			display: block;
			position: absolute;
			top: 23px;
			left: 0;
			margin: 0;
			padding: 0;
			z-index: 9999;
		}
		.menu li.alternate:hover ul {
		}
			.menu li:hover ul li {
				width: 100%;
				margin: 0;
			}
				.menu li:hover ul li a, 
				.menu li:hover ul li a:link, 
				.menu li:hover ul li a:visited {
					font-size: 12px;
					text-transform: none;
				}
				.menu li:hover ul li:hover a, .menu li:hover ul li a:hover {
					background-color: #777;
					color: #fff;
				}
					.menu li:hover ul li ul {
						display: none;
					}
						.menu li:hover ul li:hover ul {
							display: block;
							position: absolute;
							left: -132px;
							width: 150px;
							top: 0;
						}
							.menu li:hover ul li:hover ul a { text-align: right; }
							.menu li:hover ul li:hover ul li:hover a, .menu li:hover ul li:hover ul li a:hover {
								background-color: #444;
							}
		
ul.menu li a, ul.menu li a:visited {
}

	/* IE Fixes
	+---------------------------------------*/
	* html .menu li a, * html .menu li a:visited {
		width:140px;
		float:left;
	}
	* html .menu li {
		width:140px;
		padding:0;
		margin:0;
	}
	
	* html .menu li a:hover ul {
		display:block; 
		position:absolute; 
		top:18px; 
		left:0; 
		width:135px;
	}
	* html .menu li a:hover ul li a {
		display:block; 
	}
	* html .menu li a:hover ul li a ul {
		visibility:hidden;
	}
	* html .menu li a:hover ul li a:hover {}
	* html .menu li a:hover ul li a:hover ul {
		visibility:visible; 
		position:absolute; 
		left:105px; 
		top:0; 
	}
	* html .menu li a:hover ul li a:hover ul.left {left:-135px;}

/**
	Forms
**/
/**----------------------------------------------------------------------**/
form { 
	display: block;
	overflow: hidden;
}
form ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 10px 0;
	overflow: hidden;
	clear: both;
}
	form li {
		float: left;
		width: 47%; 
		margin: 0;
		padding: 6px 1% 14px;
		overflow: hidden;
	}
	form li.clear { padding: 0; }
	form li em {
		font-size: 80%;
	}
		form li span {
			float: left;
			margin: 0 10px 0 0;
			display: block;
			overflow: hidden;
		}
		form li label {
			display: block;
			font-size: 14px;
			font-weight: bold;
			margin: 0;
			padding: 0 0 2px;
		}
		form li input, form li select, form li textarea {
			/** border-color: #7C7C7C #C3C3C3 #DDDDDD;
			border-style: solid;
			border-width: 1px; **/
			margin: 0;
			padding: 2px 0;
			height: auto;
		}
			form li select {
				padding: 0;
			}
		form li span label { 
			color: #efefef;
			clear: both;
			font-size: 11px;
			font-weight: normal;
		}
		form li .address {
			width: 98%;
		}
		form li span.left, form li span.right {
			width: 48%;
		}
		form .full { 
			width: 98%;
			clear: both;
		}
		form span.full {
			margin: 0;
			clear: both;
		}
			form .full input, form .full select, form .full textarea { 
				width: 98%; 
			}
		form li.complex {
			padding-bottom: 2px;
		}
			form li.complex span {
				margin: 0 2% 0 0;
				padding-bottom: 12px;
			}
		form li span.symbol {
			margin-right: 3px;
		}
	form .leftHalf, form .rightHalf {
		width: 47%; 
	}
		form .leftHalf {
			float: left;
			clear: left;
		}
		form .rightHalf {
			float: right;
			clear: right;
		}
			.leftHalf input, .rightHalf input, .leftThird input, .middleThird input, .rightThird input,
			.leftHalf select, .rightHalf select, .leftThird select, .middleThird select, .rightThird select {
				width: 98%;
			}
	form .leftThird, form .middleThird, form .rightThird {
		width: 31%;
	}
		form .leftThird {
			float: left;
			clear: left;
		}
		form .middleThird {
			float: left;
			clear: none;
			width: 32%;
		}
		form .rightThird {
			float: right;
			clear: right;
		}
	form span.req {
		font-weight: bold;
		float: none;
		color: #F00;
		display: inline;
	}
	form li.buttons input {
		padding: 5px 10px;
		margin: 0 10px 0 0;
		float: left;
		width: auto;
	}
	form label.error {
		font-size: 11px;
		color: #F00;
		font-weight: bold;
	}
	form ul .phone input {
		width: 40px;
	}
	form ul .phone span {
		display: block;
		float: left;
		width: 45px;
		clear: none;
		margin: 0;
		padding: 0;
	}
	form ul .phone .req {
		display: inline;
		float: none;
		width: auto;
	}
	form ul .phone .symbol {
		display: block;
		float: left;
		width: 3px;
		margin: 0 4px 0;
	}
/**
	Miscellanious
**/
/**----------------------------------------------------------------------**/
#ui-datepicker-div { display: none; }