/* ================================================================================================== */
/* Generic Style Declarations */

body		{	background-color: #ffffff;
			color: #000000;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			margin: 0px;
			background-image: url(/files/images/template/page_bg.jpg);
			background-repeat: repeat-y; }

b, strong	{	font-weight: bold; }

i, em, cite	{	font-style: italic; }

u		{	text-decoration: underline; }

abbr, acronym
		{	border-bottom: 1px dotted #333333;
			cursor: help; }

hr		{	color: #000000;
			height: 1px;
			background-color: #000000; }

h1, h2, h3, h4, h5, h6, legend
		{	font-family: Century Gothic, "Century Gothic", Verdana, Arial, Geneva, Helvetica, sans-serif;
			font-weight: bold; 
			color: #000000;
			margin: 5px 0px;
			line-height: 130%; }

h1		{	font-size: 20px;
			margin-top: 0px; }

h2, legend	{	font-size: 13px; }

h3		{	font-size: 12px; }

h4, h5, h6	{	font-size: 11px; }

h5		{	margin-left: 20px; }

h6		{	margin-left: 40px; }

dt, li		{	margin-top: 7px; }

sub, super	{	font-size: 75%; }

code, pre	{	font-family: Courier, "Courier New", fixed-width, monospace;
			font-size: 9px; }

td		{	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
			font-size: 11px; }

input, select, textarea
		{	font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #000000; }

small		{	font-size: 85%; }

fieldset	{	border: 1px solid #cccccc; }

a:link, a:visited, a:hover
		{	text-decoration: underline;
			color: #0F17B2; }

a:visited	{	color: #999999; }

a:hover		{	color: #ffcc33; }

/* END Generic Style Declarations */
/* ================================================================================================== */





/* ================================================================================================== */
/* Styles for content containers */

.Content	{	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
			font-size: 11px;
			padding: 20px 25px;
			line-height: 160%;
			color: #000000;
			background-image: url(/files/images/template/content_bg.jpg);
			background-repeat: no-repeat;
			background-position: right top; }

/* END Styles for content containers */
/* ================================================================================================== */





/* ================================================================================================== */
/* Layout Styles */

#Banner, #BannerNav
		{	margin: 0px;
			border-collapse: collapse;
			background-image: url(/files/images/template/banner_bg.gif);
			width: 100%; }

#BannerNav	{	background-image: none;
			background-color: #000066; }

#Banner td, #BannerNav td
		{	padding: 0px; }

#BannerNav td#LogoPiece
		{	text-align: right;
			padding-left: 50px; }

/* END Layout Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Search Styles */

#SearchForm	{	margin: 5px 0px;
			padding: 3px; }

/* END Search Styles */
/* ================================================================================================== */





/* ================================================================================================== */			
/* Data Table Styles */

table.Data	{	border-collapse: collapse;
			border: 1px solid #666666;
			background-color: #ffffff;
			margin: 10px 0px; }

table.Data td, table.Data th
		{	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
			font-size: 10px;
			border-bottom: 1px solid #999999;
			border-left:  1px dotted #999999;
			padding: 3px 10px; }

table.Data th	{	background-color: #eeeeee;
			color: #000000;
			font-weight: bold; }

table.Data tr.NewRow td
		{	border-top: 1px solid #000000; }

table.Data .center
		{	text-align: center; }

table.Data .right
		{	text-align: right; }

table.Data .left
		{	text-align: left; }

table.Data .bold
		{	font-weight: bold; }

table.Data .nowrap
		{	white-space: nowrap; }

table.Data .HeaderCol, table.Data th.Vertical
		{	text-align: left; }

table.Data td table.Data td, table.Data td table.Data th, table.Data td table.Data
		{	border-color: #cccccc; }

table.Data tr.Divider th, table.Data tr.Divider td
		{	border-top: 4px double #000000; }

table.Data .Totals
		{	background-color: #eeeeee;
			font-weight: bold; }

table.Data .HideCol
		{	display: none; }

table.SizeChart	{	width: auto; }


/* END Data Table Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Application Error Styles */

.error          {       color: #ff0000; }

input.error, textarea.error, select.error
		{	background-image: url(/files/images/input_error.gif);
			background-position: top left;
			background-repeat: no-repeat;
			color: #000000; }

/* END Application Error Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Primary Navigation Styles */

#PriNav		{	margin: 0px;
			border: none;
			border-collapse: collapse; }

#PriNav	td	{	font-family: Arial, Geneva, Helvetica, sans-serif;
			font-size: 11px;
			color: #ffffff;
			padding: 0px; }

#PriNav a	{	display: block;
			padding: 8px 0px;
			width: 100%;
			border-bottom: 4px solid #000066; }

#PriNav a:link, #PriNav a:visited, #PriNav a:hover, #PriNav a.Sel:visited, #PriNav a.Sel:link, #PriNav a.Sel:hover
		{	text-decoration: none;
			color: #ffffff; }

#PriNav a.Sel:visited, #PriNav a.Sel:link, #PriNav a.Sel:hover
		{	border-bottom: 4px solid #CC0000; }

#PriNav a:hover
		{	border-bottom: 4px solid #7FA2B5; }


/* END Primary Navigation Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Sub-Navigation Styles */

#SubNav 	{	font-family: Arial, Geneva, Helvetica, sans-serif;
			font-size: 12px;
			padding: 0px;
			line-height: 140%; }

#SubNav div	{	background-color: #000033;
			padding: 20px 0px 40px 0px;
			margin: 0px;
			background-image: url(/files/images/template/subnav_bg.gif);
			background-repeat: repeat-y;
			background-position: right top;
			border-left: 1px solid #272752; }

#SubNav p	{	margin: 1px 0px; }

#SubNav a	{	padding: 3px 20px; }

#SubNav a:link, #SubNav a:visited, #SubNav a:hover, #SubNav a.Sel:link, #SubNav a.Sel:visited, #SubNav a.Sel:hover
		{	display: block;
			text-decoration: none;
			background-color: transparent;
			color: #ffffff;
			text-align: left; }

#SubNav a.Sel:link, #SubNav a.Sel:visited, #SubNav a.Sel:hover
		{	color: #7FA2B5; }

#SubNav a:hover, #SubNav a.Sel:hover
		{	color: #cc0000; }

/* END Sub-Navigation Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Footer Styles */

#Footer	td	{	font-family: Georgia, Times, "Times New Roman", serif;
			font-size: 11px;
			color: #000000;
			background-color: #ffcc33;
			line-height: 180%; }

#Footer	a	{	color : #000000 ; }
		
#Footer	a:link, #Footer	a:visited, #Footer a:hover
		{	text-decoration: underline;
			color: #000000; }

#Footer a:hover	{	text-decoration: none;
			color: #0000ff; }

/* END Footer Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Breadcrumb Styles */

#Bread		{	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
			font-size: 10px;
			line-height: 160%; }

#Bread a:link, #Bread a:visited, #Bread a:hover
		{	text-decoration: underline;
			color: #000000; }

/* END Breadcrumb Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Shopping Cart Styles -- Class the table tag as Cart to use */

table.Cart	{	font-size: 11px;
			border-collapse: collapse;
			margin: 5px 10px 10px 10px;
			padding: 0px; }

table.Cart td	{	border: 1px solid #C9DEF4;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			padding: 2px 4px; }

table.Cart th	{	border-right: 1px solid #ffffff;
			border-bottom: 1px solid #C9DEF4;
			background-color: #C9DEF4;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			line-height: 120%;
			padding: 2px 4px; }

table.Cart td.NoBorder, table.Cart td table td
		{	border: none; }

table.Cart td dd
		{	margin-left: 15px; }

/* END Shopping Cart Styles -- Class the table tag as Cart to use */
/* ================================================================================================== */





/* ================================================================================================== */
/* Login Form Styles */

#LoginForm	{	margin: 10px 0px;}

#LoginForm label
		{	display: block;
			float: left;
			width: 100px;
			margin-top: 5px; }

#LoginForm p	{	clear: left;
			margin: 5px 0px; }

#LoginForm p.error
		{	margin: 20px 0px; }

/* END Login Form Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Weather Table Styles */

#WeatherTable
		{	border-collapse: collapse;
			border: 1px solid #666666;
			margin: 5px;
			background-color: #efefef;
			width: 200px; }

#WeatherTable td
		{	color: #000000;
			font-size: 11px;
			padding:0px 5px; }

#WeatherTable td.Info, #WeatherTable td.Foot
		{	color: #000000;
			font-size: 9px;
			padding: 5px;
			background-color: #dddddd;
			border-top: 1px solid #666666; }

#WeatherTable td.Foot
		{	border: none;
			font-size: 8px;
			padding: 2px 5px; }

#WeatherTable td#TempF, #WeatherTable td#TempC
		{	color: #bababa;
			font-size: 48px;
			padding: 0px 5px;
			padding-right: 0px; }

#WeatherTable td#TempC
		{	font-size: 18px;
			padding: 0px;
			padding-top: 20px; }

#WeatherTable td#TempImg
		{	padding: 0px 5px;
			padding-top: 5px; }

#WeatherTable td p
		{	margin: 3px 0px; }

/* END Weather Table Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Weather Alert Styles */

#WeatherAlert	{	margin: 5px;
			padding: 0px;
			width: 200px; }

#WeatherAlert div
		{	height: 200px;
			width: 200px;
			overflow: auto;
			border: 1px solid #cc0000;
			background-color: #dddddd;
			color: #000000;
			padding: 5px; }

#WeatherAlert>div
		{	width: 188px; }

#WeatherAlert div h3
		{	color: #cc0000; }

#WeatherAlert h2
		{	background-color: #cc0000;
			color: #ffffff;
			margin: 0px;
			padding: 2px 5px; }

#WeatherAlert p.Foot
		{	margin: 0px;
			font-size: 8px;
			padding: 5px 0px; }

/* END Weather Alert Styles */
/* ================================================================================================== */