/*----------Header Styles--------*/
#header {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 100px;
	background-image: url(/images/topbarShim.gif);
	background-repeat: repeat-x;
	background-color: #0d728b;
	width: 100%;
}	
#LogoLink h1 {
	height: 86px;
	margin:0;
	float: left;
	width: 165px;
	position: absolute;
	
	visibility: visible;
	z-index: 30;
}
#LogoLink {
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
	height: 86px;
	width: 165px;
	position: relative;
	top: 5px;
	margin-left: 8px;
	background-color: #0D728B;
	margin-right: 0px;
	padding-right: 5px;
	margin-top: 0px;
	z-index: 30;
}

#LogoLink h1 a {
	position: relative;
	display: block;
	top: 0px;
	left: 0px;
	width: 165px;
	height: 86px;
}

#LogoLink h1 a span {
	display: none;
}
#WhiteText {
	color: #FFFFFF;
	font-size: 180%;
	float: left;
	position: absolute;
	width: 300px;
	text-align: right;
	top: 160px;
	right: 10px;
}
#maps {
	font-size: smaller;
	padding: 5px;
	padding-left: 40px;
	float: right;
	width: 300px;
	top: 160px;
	right: 10px;
}
#SearchBox label {
	font-size: 100%;
	color: #FFFFFF;
	padding-right: 10px;
}

.ArcsHolder{
	text-align: right;
	position: absolute;
	margin: 0px;
	padding: 0px;
	height: 161px;
	overflow: visible;
	top: 0px;
	float: right;
	display: block;
	width: 100%;
}
.Arcs{
	background-repeat: no-repeat;
	background-position: right;
	height: 161px;
	width: 388px;
	margin-left: auto;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:	progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/Arcs.png', sizing Method='scale');
	overflow: hidden;
}
.Arcs[class]{

	background-image: url(/images/Arcs.png);	

}

/*--------------Search Box Stuff*/
#SearchBox {
	width: 100%;
	position: absolute;
	text-align: right;
	float: right;
	z-index: 10;
	top: 10px;
	margin: 0px;
	padding: 0px;
	right: 15px;
}
#SearchBox input {
	border: 1px solid #a0a2c6;
}
#SearchBox form {
	margin: 0px;
	padding: 0px;
}
/*--------------//Search Box Stuff*/
#SkipNav {
	position: absolute;
	left: -500px;
}

/*----------//Header Styles--------*/


html, body
	{
	margin				: 0px;
	padding				: 0px;
	background-color	: #ffffff;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif,;
	font-size: 100%;
	
		}

/*-------------------------------------LoginStuff---------------------*/
#login {
	width: 148px;
	background-image: url(/images/loginPanel_btm.gif);
	background-position: bottom;
	margin-top: 50px;
	padding-bottom: 10px;
	float: left;
	position: relative;
	left: 10px;
}
#login input {
	width: 120px;
	border: 1px solid #B9C3CF;
	font-size: 70%;
	margin-top: 2px;
	background-color: #EDF0F3;
	margin-left: 10px;
	padding: 2px;
	color: #434672;
}

#login label {
	font-size: 10px;
	color: #434672;
	line-height: 20px;
	text-indent: 10px;
	display: block;
}

#login .loginbtn {
	border: 1px none #464974;
	margin-left: 10px;
	padding: 0px;
	width: auto;
}



#login #LoginTop {
	background-image: url(/images/loginPanel_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 25px;	
}
/*-------------------------------------LoginStuff---------------------*/

/*----------Column Layouts--------*/

/* -21px is for who? Netscape 4, I would guess - er yes */
.columns
	{
	margin				: -21px 0px 0px;
	padding				: 0px;

	}
#PageWrapper {
	background-image: url(/images/navGradShim.gif);
	background-repeat: repeat-y;
	float: left;
	width: 100%;
	
}
#CPimagebar {
	background-color: #0D728B;
	background-image: url(/images/imageBarShim.gif);
	background-repeat: repeat-x;
	padding: 0px 0px 0px 20px;
	height: 71px;
	z-index: 1;
	margin-left: 160px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#CPimagebar-random {
	background-color: #0D728B;
	background-image: url(/images/imageBarShim.gif);
	background-repeat: repeat-x;
	padding: 0px 0px 0px 0px;
	height: 210px;
	z-index: 1;
	margin-left: 160px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}
#CPimagebar h2 {
	color: #FFFFFF;
	font-size: 150%;
	margin: 0px;
	padding: 0px;
	float: left;
	position: absolute;
	top: 110px;
}


#RightHandBGWrapper {
	
}

/* NB - OmniWeb displays the 1px space as looking somewhat thicker, but set it to 0px and there is no space */
/* IE5 gets the spacing all wrong: -18px puts it right. Then use the tantek-family hack to make everything right again */
/*/*/
.columns
	{
	margin-top			: 1px;
	margin-top			: 1px;
	border: 1px dashed #CC3300;
	}


/* */
/* empty required to get IE5 vback on track */
#empty{}

.leftcolumn
	{
	float				: none;
	width				: 162px;
	margin				: 0px 0px 0px 0px;
	padding				: 0px;
	clear: both;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0D728B;
	z-index: 10;
	left: 0px;
	position: absolute;
	background-image: url(/images/navShadowShim.gif);
	background-repeat: repeat-x;
	background-position: top;
	}
#center {
}




/*
make sure that the hack widths equals the value of .centercolumn's margin-right
the initial width is for NN4 - experiment and set to what seems best
*/
.rightcolumn
	{
	position			: static;
	width				: 220px;
	margin				: 0px 0px 0px -3px;
	padding				: 0px;
	background-color: #f6f7f8;
	clear: both;
	float: right;
	z-index: 5;
	}
.rightcolumn .CPImage {
	margin: 0px 0px 10px;
	padding: 0px;
}
.rightcolumn .CPImage img {
	margin: 0px;
	padding: 0px;
}
.rightcolumn2
	{
	position			: static;
	width				: 380px;
	margin				: 16px 0px 0px -3px;
	padding				: 0px;
	color: #666666;
	clear: both;
	float: right;
	z-index: 5;
	font-size: 90%;
	}
	
.rightcolumn2 strong
	{
	color: #0d728a;
	}	

.centercolumn
	{
	margin				: 0px 10px 0px 172px;
	padding				: 5px 5px 0px 0px;
	z-index				: 4;
	background-color: #FFFFFF;
	white-space: normal;
	border: 1px dashed #ffffff;
	font-size: 90%;
	/*border: 1px dashed #FF00FF;*/
	}
	* html .centercolumn
	{
	margin-right		: 220px;
	margin-left			: 171px;
	padding: 5px 5px 0px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 100%;
	}
	
.homeintro
	{
	margin				: 0px 400px 0px 0px;
	padding				: 0px 0px 0px 0px;
	border: 1px dashed #ffffff;
	}	

.SingleColumn {
	margin				: 0px 10px 0px 172px;
	padding				: 5px 5px 0px 0px;
	z-index				: 4;
	background-color: #FFFFFF;
	white-space: normal;
	border: 1px dashed #FFFFFF;
	float: none;
	font-size: 90%;
}
* html .SingleColumn
	{
	margin-right		: 0px;
	margin-left			: 171px;
	padding: 5px 5px 0px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 100%;
	}
#contentfloatholder {
}
	.centercolumn table, .SingleColumn table
	{
	width: 98%;
	clear: none;
	
	}
	
.centercolumn p, .SingleColumn p {
	color: #666666;
}
.centercolumn a, .SingleColumn a {
	color: #E83920;
}
.centercolumn strong, .SingleColumn strong {
	color: #0D728A;
}
.centercolumn b, .SingleColumn b {
	color: #0D728A;
}

	.centercolumn h2, .SingleColumn h2
	{
	margin: 0px;
	padding: 5px 0px 0px;
	color: #FE4110;
	font-size: 160%;
	font-weight: normal;
	}
	.centercolumn h3, .SingleColumn h3
	{
	margin: 0px;
	padding: 10px 0px 0px;
	color: #085D76;
	font-size: 150%;
	font-weight: normal;
	}
	.centercolumn ul, .SingleColumn ul
	{
	
	}
	.centercolumn li, .SingleColumn li
	{
	margin: 0px 50px 0px 0px;
	padding: 0px 0px 2px;
	color: #E83920;
	font-size: 100%;
	font-weight: normal;
	}

#empty{}
/*  */


#imagebar {
	background-color: #0D728B;
	background-image: url(/images/imageBarShim.gif);
	background-repeat: repeat-x;
	margin: 0px 0px 0px 162px;
	padding: 0px;
	height: 210px;
	z-index: 1;
}




/*----------Footer Styles--------*/
.footer
	{
	clear				: both;
	margin-top			: 0px;
	padding				: 5px;
	color				: #FFFFFF;
	background-color	: #0d728b;
	margin-left: 0px;
	font-size: 60%;
	background-image: url(/images/footershim.gif);
	background-repeat: repeat-x;
	margin-bottom: 0px;
	}
#RightHandCTAs {
	width: 200px;
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}

	.footer ul
	{
	margin: 0px;
	padding: 0px;	
	
	}
	.footer li
	{
	display: inline;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	
	}
	.footer li a
	{
	color: #FFFFFF;
	text-decoration: none;	
	}
	.footer li a:hover
	{
	text-decoration: underline;	
	}
					/*----------Alienation Link Styles--------*/
				.OurLink a, .OurLink a:hover, .OurLink a:visited{
					text-decoration: none;
					text-align: right;
					padding: 5px;
					color: #FFFFFF;
				}
				.OurLink {
					float: right;
					width: 200px;
					color: #FFFFFF;
					position: relative;
					top: 5px;
					font-size: 10px;
					text-align: right;
				}
				/*----------//Alienation Link Styles--------*/

/*----------//Footer Styles--------*/


.clear { clear : both; font-size: 1px; line-height: 0px; }


.headerpadding, .leftpadding, .centerpadding, .rightpadding
	{
	margin				: 0px;
	padding				: 0px;
	}
#breadcrumb {
	color: #033E59;
	margin: 0px;
	padding: 0px;
	font-size: 80%;
}
#breadcrumb .YouAreHere {
	color: #333333;
}

*html #breadcrumb {
	padding: 0px;
	margin: 0px;
}
#breadcrumb .BC1 a {
	color: #999999;
	padding-right: 2px;
	padding-left: 2px;
	text-decoration: none;
}
#breadcrumb .BC2 a {
	color: #666666;
	padding-right: 2px;
	padding-left: 2px;
	text-decoration: none;
}
#breadcrumb .BC3 a {
	color: #E83920;
	padding-right: 2px;
	padding-left: 2px;
	text-decoration: none;
}
#breadcrumb .current {
	color: #E83920;
	padding-right: 2px;
	padding-left: 2px;
}
#LinksBar {
	background-repeat: repeat-x;
	width: 98%;
	margin: 0px;
	padding: 0px;
	z-index: auto;
	text-align: right;
	position: absolute;
	top: 55px;
}
#chkout-LoginContainer {
	float: right;
	background-color: #FFFFFF;
	width: 216px;
	background-image: url(/images/topbarShim2.gif);
	background-repeat: repeat-x;
	height: 77px;
	padding: 0px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#LinksBar li {
	display: inline;
	list-style-type: none;
	padding-left: 10px;
}
#LinksBar li a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 80%;
	padding-top: 0px;
	margin-top: 0px;
}

#LinksBar ul {
	margin: 0px;
	padding: 0px;

}
#LinksBar li a:hover {
	text-decoration: underline;
}
#TopRedCol {
	margin				: 0px 216px 0px 0px;
	padding				: 0px 0px 0px 181px;
	z-index				: 4;
	border: thin solid #009966;
}
* html #TopRedCol {

	margin				: 0px 216px 0px 0px;
	padding				: 0;
	z-index				: 4;
	border: thin solid #009966;
}
#800Wrapper {
	width: 800px;
}

#caption {
	color: #E83920;
	font-size: 80%
}

