﻿/* CSS Layout Styles: /include/css/layout.css */

/* Contains all the styles that define the layout of html pages.
It has mostly 'global' styles that apply to most if not all pages. */

/* ---------------------------------------------------------------
	Page Styles 
------------------------------------------------------------------ */
#TopBorder { background-color: #ccc; height:8px; }
#Page 
{
	margin: 6px auto 0 auto; 
	width: 800px; 
	min-height: 100%; 
	height:680px; 
}

/* ---------------------------------------------------------------
	Header Styles 
------------------------------------------------------------------ */
#Logo { width: 240px; height: 97px; text-align: right; }
#NavBack 
{ 
	width: 560px; 
	height: 97px; 
	background: transparent url(../../images/navBack.gif) no-repeat;
}
#banner 
{
	background: transparent url(../../images/banner.gif) no-repeat; 
	margin-top: 1px; 
	width: 535px; 
	height: 149px; 
}

/* ---------------------------------------------------------------
	Content Styles 
------------------------------------------------------------------ */
.contentArea { width: 734px; }

#Content {
	width: 535px;
	padding: 0 25px 6px 35px;
	font-size: 12px;
	color: #333;
	line-height: 18px;
}

#Content li {
	font-style:italic;}
	
#ctl00_body p.red {
	color:#D00012;}
	
#ctl00_body h2 {
	color:#13007C;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	padding-right: 70px;
}	

.imgborder {
		float:left;
		border:solid 3px #EFEFEF;
		margin:0px 15px 10px -25px;}

	
.PageHeader
{
	margin: -5px 0 0 -3px;
	font: normal 18px "Arial Narrow", Arial, Helvetica, sans-serif; 
	font-weight:bold;
	padding: 0 5px 5px 10px;
  color: #000;
}

.PromoBack 
{
	width: 180px;
	padding: 5px 8px 8px 10px;
	border-left: solid 3px #eae7e3; 
	border-right: solid 3px #eae7e3;
	background-color: #fff;
	-moz-opacity: 0.9; 
	opacity:.90; 
	filter:alpha(opacity=90);
}
.PromoBack p { margin-top: 5px; font-size: 11px; line-height: 13px; }
.PromoBack a:link, a:visited, a:active { font: 11px Arial; }

#HorizontalPipe { width: 800px; height:12px; background: url(../../images/hPipe1.gif) no-repeat; }
#HorizontalPipe2 { width: 800px; height:32px; background: url(../../images/hPipe2.gif) no-repeat; margin-top: -1px; }
#VerticalPipe { width: 29px; height:187px; background: url(../../images/vPipe1.gif) no-repeat; }
#VerticalPipe2 { width: 25px; height:187px; background: url(../../images/vPipe2.gif) no-repeat; }

.RepeatPipe { width: 15px; background: url(../../images/pipe1.gif) repeat-y right; }
.RepeatPipe2 { width: 15px; background: url(../../images/pipe2.gif) repeat-y; }


/* ---------------------------------------------------------------
	Forms Styles 
------------------------------------------------------------------ */
.form { width: 135px; font-weight: bold; }
.radio label { width: 75px; font-weight: normal; }


/* ---------------------------------------------------------------
	Footer Styles 
------------------------------------------------------------------ */
.TailPipe { width: 15px; height: 60px; background: url(../../images/tailPipe.gif) no-repeat right; }
#Footer table td { font: 11px Arial; color: #666; }
#Footer table td a { font: 11px Arial; font-weight: bold; color: #13007c; }
#Footer table td b { color: #13007c; }

