/*
custom.css is to define custom styles within your document.  We import previous framework items here.
This should be the first editable CSS doc.
*/
@import "grid.css";
@import "lists.css";
@import "navigation.css";
@import "fonts.css";
@import "forms.css";

/*
initial-test is ONLY for the initial layout of the page.  it should be removed from this document
when custom development begins in earnest.
*/
/*@import "initial-test.css";*/

/* ------------------------------------------------- */
/* - main site width and background styles --------- */
/* ------------------------------------------------- */

#body_wrap	{ width: 818px; }

body		{ background: #000 url(../../images/bg.jpg) 50% top no-repeat; }
#all_wrap 	{ }
#body_wrap	{ background: none; }

/* ------------------------------------------------- */

/* ------------------------------------------------- */
/* - default font settings / colors / backgrounds -- */
/* ------------------------------------------------- */

h1, h2, h3, h4, h5, h6, a:link, a:visited, a:hover, a:active, blockquote { color: #8c0000; }
p, ul li, ol li { color: #333; }
p.disclaimer { color: #777; }

h1, h2, h3, h4, h5, h6, p, blockquote, a, ul li, ol li, p.disclaimer,
fieldset label, fieldset input, fieldset textarea, fieldset select,
fieldset .form-radio label, fieldset .form-radio-error label,
fieldset .form-radio p, fieldset .form-radio-error p,
fieldset p.form-radio-label, fieldset p.form-radio-label-error,
table tr td, table tr th
{ font-family: tahoma, verdana, sans-serif; }

h1	{ font-size: 30px; line-height: 32px; font-weight: normal; }
h2	{ font-size: 26px; line-height: 28px; font-weight: normal; }
h3	{ font-size: 20px; line-height: 22px; font-weight: normal; }
h4	{ font-size: 12px; line-height: 18px; font-weight: bold; }
h5	{ font-size: 12px; line-height: 18px; font-weight: bold; }
h6	{ font-size: 12px; line-height: 18px; font-weight: bold; }

p, blockquote, a, ul li, ol li			{ font-size: 12px; line-height: 18px; font-weight: normal; }
p.disclaimer, ul.pipe li, ul.pipe li a	{ font-size: 11px; line-height: 13px; font-weight: normal; }
th										{ font-size: 11px; line-height: 13px; font-weight: bold; }
td										{ font-size: 11px; line-height: 13px; font-weight: normal; }		

.quote_lt		{ background: url(../images/ui_framework/bg_quoteleft.gif) left top no-repeat; }
ul li			{ background: url(../images/ui_framework/bullet_doublearrow.jpg) 5px 6px no-repeat; }
ul li ol li		{ background: none; }
ul.arrow1 li	{ background: url(../images/ui_framework/arrow1.gif) 0 6px no-repeat; }
ul.arrow2 li	{ background: url(../images/ui_framework/arrow2.gif) 1px 7px no-repeat; }
ul.arrow3 li	{ background: url(../images/ui_framework/arrow3.gif) 0 7px no-repeat; }
ul.arrow4 li	{ background: url(../images/ui_framework/arrow4.gif) 0 7px no-repeat; }

/* ------------------------------------------------- */

/* ------------------------------------------------- */
/* - default pipe settings ------------------------- */
/* ------------------------------------------------- */

ul.pipe li		{ background: url(../../images/ui_framework/bullet_pipe.gif) left 2px no-repeat; }
ul.pipelight li	{ background: url(../../images/ui_framework/bullet_pipelight.gif) left 2px no-repeat; }

ul.pipe li, ul.pipe li a:link, ul.pipe li a:visited, ul.pipe li a:hover, ul.pipe li a:active { color: #333; }
ul.pipelight li, ul.pipelight li a:link, ul.pipelight li a:visited,	ul.pipelight li a:hover, ul.pipelight li a:active { color: #fff; }

/* "current page" styles */
ul.pipe li.current a:link, ul.pipe li.current a:visited, ul.pipe li.current a:hover, ul.pipe li.current a:active { color: #8c0000; }
ul.pipelight li.current a:link, ul.pipelight li.current a:visited, ul.pipelight li.current a:hover, ul.pipelight li.current a:active { color: #669966; }

/* ------------------------------------------------- */

/* ------------------------------------------------- */
/* - default nav-tabs settings --------------------- */
/* ------------------------------------------------- */

ul.nav-tabs-noimage li	{ background: none; }
ul.nav-tabs-noimage li a:link, ul.nav-tabs-noimage li a:visited	{ border: 1px solid #333; border-bottom: none; background-color: #666; color: #fff; }
ul.nav-tabs-noimage li a:hover, ul.nav-tabs-noimage li a:active { background-color: #888; }

/* "current page" styles */
ul.nav-tabs-noimage li.current a { background: #888; }

ul.nav-tabs-noimage li#nav1a a { width: auto; }
ul.nav-tabs-noimage li#nav2a a { width: auto; }
ul.nav-tabs-noimage li#nav3a a { width: auto; }
ul.nav-tabs-noimage li#nav4a a { width: auto; }
ul.nav-tabs-noimage li#nav5a a { width: auto; }

/* ------------------------------------------------- */

/* ------------------------------------------------- */
/* - default nav-main settings --------------------- */
/* ------------------------------------------------- */

/* edit this value if you want to change the menu from horizontal to vertical */
ul.nav-main
{
	position: absolute;
	top: 104px;
	left: 190px;
	width: 622px;
	height: 42px;
}

ul.nav-main	#nav1, ul.nav-main li#nav1_hover { width: 172px; }
ul.nav-main	#nav2, ul.nav-main li#nav2_hover { width: 175px; }
ul.nav-main	#nav3, ul.nav-main li#nav3_hover { width: 134px; }
ul.nav-main	#nav4, ul.nav-main li#nav4_hover { width: 140px; }

ul.nav-main li a:link, ul.nav-main li a:visited
{
	padding: 42px 0 0 0;
	height: 0;
	background: #fff url(../../images/navigation.jpg) left top no-repeat;
}

ul.nav-main	#nav1 a:link, ul.nav-main #nav1 a:visited { background-position: left top; }
ul.nav-main	#nav2 a:link, ul.nav-main #nav2 a:visited { background-position: -172px 0; }
ul.nav-main	#nav3 a:link, ul.nav-main #nav3 a:visited { background-position: -347px 0; }
ul.nav-main	#nav4 a:link, ul.nav-main #nav4 a:visited { background-position: -481px 0; }

ul.nav-main	#nav1 a:hover, ul.nav-main #nav1 a:active { background-position: left -42px; }
ul.nav-main	#nav2 a:hover, ul.nav-main #nav2 a:active { background-position: -172px -42px; }
ul.nav-main	#nav3 a:hover, ul.nav-main #nav3 a:active { background-position: -347px -42px; }
ul.nav-main	#nav4 a:hover, ul.nav-main #nav4 a:active { background-position: -481px -42px; }

/* "current page" background positions */
ul.nav-main li#nav1.current a:link, ul.nav-main li#nav1.current a:visited	{ background-position: left -42px; }
ul.nav-main li#nav2.current a:link, ul.nav-main li#nav2.current a:visited	{ background-position: -172px -42px; }
ul.nav-main li#nav3.current a:link, ul.nav-main li#nav3.current a:visited	{ background-position: -347px -42px; }
ul.nav-main li#nav4.current a:link, ul.nav-main li#nav4.current a:visited	{ background-position: -481px -42px; }

/* parent hover effects when mousing over tier 2 */
ul.nav-main li#nav1_hover a:link, ul.nav-main li#nav1_hover a:visited	{ background-position: left -42px; }
ul.nav-main li#nav2_hover a:link, ul.nav-main li#nav2_hover a:visited	{ background-position: -172px -42px; }
ul.nav-main li#nav3_hover a:link, ul.nav-main li#nav3_hover a:visited	{ background-position: -347px -42px; }
ul.nav-main li#nav4_hover a:link, ul.nav-main li#nav4_hover a:visited	{ background-position: -481px -42px; }

/* tier-2 main navigation styles */
ul.nav-main li ul
{
	width: 109px;
	border-bottom: 1px solid #333;
}

	/* tier 2 positioning, taking whether or not the menu is horizontal into account. */
	ul.nav-main li#nav1 ul, ul.nav-main li#nav1_hover ul { left: 3px; top: 42px; width: 167px; }
	ul.nav-main li#nav2 ul, ul.nav-main li#nav2_hover ul { left: 3px; top: 42px; }
	ul.nav-main li#nav3 ul, ul.nav-main li#nav3_hover ul { left: 3px; top: 42px; }
	ul.nav-main li#nav4 ul, ul.nav-main li#nav4_hover ul { left: 2px; top: 42px; width: 136px; }

/*  take the comments off of these lines to see a vertical nav in action.
ul.nav-main
{
	width: 109px;
}

	ul.nav-main li#nav1 ul, ul.nav-main li#nav1_hover ul { left: 109px; top: 0px; }
	ul.nav-main li#nav2 ul, ul.nav-main li#nav2_hover ul { left: 109px; top: 0px; }
	ul.nav-main li#nav3 ul, ul.nav-main li#nav3_hover ul { left: 109px; top: 0px; }
	ul.nav-main li#nav4 ul, ul.nav-main li#nav4_hover ul { left: 109px; top: 0px; }
	ul.nav-main li#nav5 ul, ul.nav-main li#nav5_hover ul { left: 109px; top: 0px; } */
	
	
	ul.nav-main li ul li
	{
		background: none;
		height: 25px;		
	}
	
		ul.nav-main li ul li a:link, ul.nav-main li ul li a:visited
		{
			height: 20px;
			padding: 3px 0 1px 5px;
			text-align: left;
			text-decoration: none;
			border: 1px solid #8c0000;
			border-bottom: none;
			background: none;
			background-color: #8c0000;
			color: #fff;
			font-size: 11px;
		}
		
			ul.nav-main li ul li a:hover, ul.nav-main li ul li a:active
			{
				text-decoration: none;
				background-color: #fff;
				color: #8c0000;
			}
			
/* ------------------------------------------------- */

/* ------------------------------------------------ */
/* - default header and company logo styles ------- */
/* ------------------------------------------------ */

.header
{
	position: relative;
	height: 147px;
	background: #fff url(../../images/bg_header.jpg) left top no-repeat;	
}

	.header h1
	{
		position: absolute;
		left: 15px;
		top: 10px;
		padding: 0;
		width: 163px;
		height: 85px;
	}
	
		.header h1 a
		{
			display: block;
			padding: 110px 0 0 0;
			width: 575px;
			height: 0;
			overflow: hidden;
		}

/* ------------------------------------------------ */

/* ------------------------------------------------ */
/* - default notification styles ------------------ */
/* ------------------------------------------------ */

.notify-error, .notify-notice
{
	margin-top: 7px;
	padding: 10px 5px 0 65px;
}

	.notify-error	{ background: #fff url(../images/ui_framework/message_error.jpg) -12px top no-repeat; }
	.notify-notice	{ background: #fff url(../images/ui_framework/message_check.jpg) -12px top no-repeat; }

	.notify-notice p.note span, .notify-notice ul.arrow1 li a	{ color: #406228; }
	.notify-error p.note span, .notify-error ul.arrow1 li a		{ color: #8c0000; }
	.notify-error ul.arrow1 li, .notify-notice ul.arrow1 li,
	.notify-error p.note_sub, .notify-notice p.note_sub			{ color: #666; }
	
	.notify-error p.note, .notify-notice p.note
	{
		padding-bottom: 3px;
		font-size: 12px;
		line-height: 14px;
	}
	
		.notify-notice p.note span, .notify-error p.note span
		{
			font-weight: bold;
		}
		
	.notify-error p.note_sub, .notify-notice p.note_sub
	{
		font-size: 11px;
		line-height: 13px;
		padding-bottom: 4px;
	}

	.notify-error ul, .notify-notice ul
	{
		margin-bottom: 8px;
	}

	.notify-error ul.arrow1 li, .notify-notice ul.arrow1 li
	{
		background-position: 3px 5px;
	}
	
		.notify-error ul.arrow1 li, .notify-notice ul.arrow1 li,
		.notify-error ul.arrow1 li a:link, .notify-error ul.arrow1 li a:visited,
		.notify-error ul.arrow1 li a:hover, .notify-error ul.arrow1 li a:active,
		.notify-notice ul.arrow1 li a:link, .notify-notice ul.arrow1 li a:visited,
		.notify-notice ul.arrow1 li a:hover, .notify-notice ul.arrow1 li a:active
		{
			margin: 0;
			font-size: 11px;
			line-height: 14px;
		}

/* ------------------------------------------------ */

/* ------------------------------------------------ */
/* - form colors ---------------------------------- */
/* ------------------------------------------------ */

fieldset label, fieldset input, fieldset textarea, fieldset select,
fieldset .form-radio label, fieldset .form-radio-error label,
fieldset .form-radio p, fieldset .form-radio-error p, fieldset p.form-radio-label,
fieldset p.form-radio-label-error
{
	font-size: 11px;
	line-height: 13px;
}

fieldset label, fieldset .form-radio p, fieldset input, fieldset textarea, 
fieldset.form1 select.active, fieldset.form2 select.active, fieldset.form3 select.active,
fieldset select option, fieldset .form-button,
fieldset.form1 .form-radio label.current, fieldset.form1 .form-radio-error label.current,
fieldset.form2 .form-radio label.current, fieldset.form2 .form-radio-error label.current,
fieldset.form3 .form-radio label.current, fieldset.form3 .form-radio-error label.current,
fieldset p.form-radio-label
{
	color: #333333;
}

fieldset.form1 .form-radio label, fieldset.form1 select, fieldset.form1 select option.first,
fieldset.form1 .form-radio-error label,

fieldset.form2 label, fieldset.form2 select, fieldset.form2 select option.first, fieldset.form2 .form-radio p,
fieldset.form2 .form-radio label, fieldset.form2 .form-radio-error label,
fieldset.form2 label.overlabel, fieldset.form2 label.overlabel-apply,

fieldset.form3 .form-radio label, fieldset.form3 .form-radio-error label, fieldset.form3 select, fieldset.form3 select option.first
{
	color: #333;
}

fieldset div.error input, fieldset div.error textarea, fieldset div.error select,
fieldset.form1 div.error select.active, fieldset.form2 div.error select.active, fieldset.form3 div.error select.active,
fieldset .form-radio-error p, fieldset div.error label, fieldset div.error label.overlabel-apply,
fieldset p.form-radio-label-error, fieldset div.error p.note, fieldset div.form-radio-error p.note
{
	color: #8c0000;
}

fieldset div p.note, fieldset div.form-radio p.note
{
	color: #666;
}

fieldset input, fieldset textarea, fieldset select
{
	border: 1px solid #333;
}

fieldset div.error input, fieldset div.error textarea, fieldset div.error select
{
	border: 1px solid #8c0000;
}

fieldset input.focused, fieldset textarea.focused
{
	background-color: #e9e9e9;
}

fieldset input.default
{
	background-color: #fff;
}

fieldset.form1 .form-radio-error p, fieldset.form1 div.error label,
fieldset.form2 div.error label.overlabel-apply, fieldset.form2 .form-radio-error p
{
	padding-left: 13px;
	background: url(../images/ui_framework/label_errorbg.gif) left 3px no-repeat;
}

/* ------------------------------------------------ */

/* ------------------------------------------------ */
/* - table styles --------------------------------- */
/* ------------------------------------------------ */

table
{
	width: 750px;
	margin: 0 0 11px 0;
	padding: 0;
}

	table tr th
	{
		font-size: 11px;
		font-weight: bold;
		padding: 7px 5px;
		color: #8c0000;
		background: url(../images/ui_framework/table_th_bg.jpg) right bottom no-repeat;
	}
	
	table tr td
	{
		font-size: 11px;
		padding: 5px;
		color: #555;
		background: url(../images/ui_framework/table_bg.jpg) right bottom no-repeat;
	}
	
	table tr.even td
	{
		background: url(../images/ui_framework/table_bg_even.jpg) right bottom no-repeat;
	}
	
		table tr td a
		{
			font-size: 11px;
		}

/* ------------------------------------------------ */


.header ul.pipe
{
	position: absolute;
	left: 715px;
	top: 10px;
}

.container
{
	background-color: #fff;
	padding: 15px;
	width: 788px;
	min-height: 740px;
}

/* testing custom widths, bg colors */
/* everything beyond this point is just to have an example.  delete as needed. */
/*
.navigation-pipe
{
	background-color: #ccc;
	border-bottom: 1px solid #333;
}

	.navigation-pipe .col1
	{
		width: 480px;
		background-color: #333;
	}
	
		.navigation-pipe .col1 p
		{
			color: #fff;
		}
	
	.navigation-pipe .col2
	{
		width: 480px;
	}
	
.navigation-tabs
{
	background-color: #ccc;
	border-bottom: 1px solid #333;
}

	.navigation-tabs .col1
	{
		width: 410px;
		background-color: #ccc;
	}
	
	.navigation-tabs .col2
	{
		width: 550px;
		background-color: #bbb;
	}

.row1 .col1
{
	background-color: #336699;
}

	.row1 .col1 p
	{
		color: #fff;
	}

.row2 .col1
{
	width: 400px;
	background-color: #8c0000;
}

	.row2 .col1 p
	{
		color: #fff;
	}

.row2 .col2
{
	width: 560px;
	background-color: #ccc;
}

.forms
{
	background-color: #8c0000;
}

	.forms .col1, .forms .col2
	{
		width: 270px;
	}
	
	.forms .col3
	{
		width: 420px;
	}
	
	.forms .col1, .forms .col3
	{
		background-color: #e6e6e6;
	}
	
		.forms .col1 fieldset, .forms .col2 fieldset, .forms .col3 fieldset
		{
			padding: 10px;
		}

.testlinks .col1
{
	background-color: #ddd;
}

.swfobject .col1
{
	background-color: #efefef;
}

.notifications
{
	background-color: #fff;
}

	.notifications .col1, .notifications .col2
	{
		width: 480px;
		background-color: #fff;
	}*/