@charset "utf-8";
/* RESET CODE */
* { margin: 0; padding: 0; }

body  {
	font: 81.25% Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em; /*#789;*/  /*#555365;*/
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	background-color:#789;
}

h1, h2, h3 {font-family:Arial, Helvetica, sans-serif; color:#001280; margin:0.4em 0 /*#234b7b*/}

h1 {font-size:200%;/* border:1px solid #0f0;*/}
h2 {font-size:140%; margin: 0.8em 0 0.4em 0}
h3 {font-size:120%}

p {margin: 0.6em 0 0.8em 0;}

ul {margin: 0 0 0 3em}
ol {margin: 0 0 0 4em}

li {padding-top: 2px}
.newsbull_2 li {padding-top: 8px}

/*a {color:#29abe2}
a:hover {color:#0e2aaf}*/

/*img { display:block } *//* prevent text descender bottom space */

a {text-decoration:none;color:#29abe2;border-bottom:1px dotted #29abe2;margin-left:4px ;}
a:hover {color:#0e2aaf;border-bottom:1px solid #0e2aaf;}

td img {display:block; padding:4px; border:1px solid #ccc; margin:0 20px 0 0 } /* display block to prevent text descender bottom space */
/*img a { background-color: #f00 }*/

#spbloc img, #spbloc a, #sidebar1 img, #sidebar1 a, td a, td a:hover { border:none; margin:0;/* display:inline;*/ }

#container { 
	width: 960px;  /* using 20px less than a full width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	border:1px solid #555365;
} 
#header { background-image:url(images/Header03.gif); height:130px; } 
#header h1 { /*margin: 0; padding: 0;	*/font-size: 28px; }
#sidebar1 {
	float: right; /* floated so must have width */
	width: 190px; /* pad & border is added to width but IE width must include padding & border - see ie style sheet */
	margin: 20px 22px 20px 0;
	padding-top: 15px; /* to get top margin in firefox - see also ie stylesheet*/
	background: #e4e6f2; /*#EBEBEB;*/ /* the background color will only be displayed for the length of the content in the column */
}
#side_ads {width:160px; height:610px; margin:0 auto}	/*google sidebar ads - width required for margin auto to center*/
#side_content {margin: 8px}  /* sidebar content except the ads block */

#mainContent { 
	margin: 0 220px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 25px 20px 0 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
/*	border: 1px solid #f00;*/
} 
#footer { padding:0 0 20px 0; background:#789; } 
#footer p {	color:#c4c8cc; font-size:9px; text-align:center;}

/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
.fltrt { float: right; margin-left: 8px; }

/* this class can be used to float an element left in your page */
.fltlft { float: left; margin-right: 8px; }

/* place on a div or break as the final element before the close of a container fully containing a float */
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

.smltx { font-size:0.825em; color:#333; padding-left:5px }

/* page section blue divider line - line-heoght & font size 0 to stop ie6 increasing the 7px*/
#divline {background:url(images/rule.gif) repeat;width:100%; height:7px; margin:25px 0; line-height:0; font-size:0 }

/* points tables */
table#list_01 {background-color: #fff; width:95%;border-collapse:collapse;text-align:center}
table#list_01 th {border: 1px solid #789;background-color: #cfcac9; font-weight:normal;font-size:81.25%}
table#list_01 td {border: 1px solid #789;padding: 2px 4px 3px 4px;}

.tctr {	text-align:center; color:#DD0000; font-weight:bold; }

/* points table 2010 */
.elistdate {font-size: 9px;	color:#666; font-weight:normal;	display:block; padding-bottom:6px }

table#plist {background-color:#f5fcff; width:100%; color:#13171a; border-collapse:collapse; font-size:11px }
table#plist  td {border: 1px solid #c1beb0;	padding: 2px 4px 3px 4px }
.tc {text-align:center; width:64px }
.tct { text-align:center; width:30px }
.tcl { text-align:left; }

/* image border2 */
#slides, .frame_1 {border:1px #bbb /*#2498c9*/ solid;padding:6px;background-color:#f3f3f3; margin-bottom:2px }
.frame_2 {border: 1px #bbb solid; padding-bottom: 6px; }

.boxright /* alignment and spacing of right image container and caption */
{
	float: right;
	margin: 6px 0 5px 12px;
	display:block;
	/*font-family: Verdana, Tahoma, Helvetica, sans-serif;*/
	font-size: 9px;
	text-align:right;
	color: #003333;
	font-weight: normal;
}

.boxleft /* alignment of left quote box */
{
	float: left;
	margin: 6px 20px 5px 0;
	display:block;
	/*font-family: Verdana, Tahoma, Helvetica, sans-serif;*/
	font-size: 9px;
	text-align:right;
	color: #003333;
	font-weight: normal;
}

.boxright p, .boxleft p, .caption2 {
	font-size: 9px;
	color: #555;
	margin: 0;
	font-weight: normal;
	padding: 0px 4px 0 4px;
	line-height:1.3em;
}

/* news item */
.nb_dateline {
	font-size:11px;
	font-family:Arial, sans-serif;
	font-weight:normal;
	color:#8093a5;
	margin-bottom:2px;
}
.newsbull {margin:10px 0px 0 0px;padding-bottom:25px; border-bottom:2px dotted #666}
.newsbull_2 {margin:25px 0 0 0; padding-top:15px; border-top:2px dotted #666}
.newsbull h2, .newsbull_2 h2 {/* color:#234b7b;*/ margin: 0 0 12px 0 }

/* Playing with newsbull heading
.newsbullx {margin:0px 0px 10px 0px;padding:0 0 20px 15px;border-bottom:2px dotted #ccc; border-left:3px solid #ccc}
.newsbullx h1 {
	color:#fb2687;
	font-size:22px;
	line-height:30px;
	margin:0 0 5px -30px;
	padding: 0 0 5px 15px;
	display:block;
	background-color:#036;
	}*/

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/*******************************************************************************
 LAYOUT INFORMATION: describes box model, positioning, z-order
 *******************************************************************************/
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 101px 0 0 20px;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 140px;
	float: left;
	border-left: 1px solid #bbf;
	/*border-width: 0 1px 0 1px;*/
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 140px;
	position: absolute;
	left: -1000em;
	background-color: #EEE;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* sub menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 139px;
	background-color: #b1e7ff;
	border-bottom: 1px solid #bbb;
/*	background:url(images/buttonback.gif) repeat-x center;*/
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #bbb;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	/*background-color: #EEE;*/
	padding: 0.3em 0.75em 0.5em 0.75em;
	color: #248;
	text-decoration: none;
	border-bottom:none;  /* override global a class border */
	margin:0;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #43b4e5;
/*	background:url(images/buttonover.gif) repeat-x center;*/
	color: #FFF;
	border-bottom:none; /* override global a class border - affected IE6 */
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #43b4e5;
/*	background:url(images/buttonover.gif) repeat-x center;*/
	color: #FFF;
	border-bottom:none; /* override global a class border - affected IE6 */
}

/*******************************************************************************
 SUBMENU INDICATION: styles if there is a submenu under a given menu item
 *******************************************************************************/
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(images/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 90% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(images/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 90% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(images/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 90% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(images/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 90% 50%;
}

/*******************************************************************************
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
 *******************************************************************************/
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
/*		background: #FFF;*/
	}
}