/*****************************************************************************/
/* colors                                                                     */
/******************************************************************************/
body
{
	color:#000000;
	background:#B5B5C6;
}
#content,
#contentnoscroll
{
	color:#000000;
	background:#FFFFFF;
}

#content h1
{
	background:#585B80;
	color:#FFFFFF;
}

#content h2,
#content h3
{
	background:transparent;
	color:#000000;
}

.ProgTable
{
	background:#AAAAAA;
	color:#000000;
}

#menu a.hover 
{
    background:#FFFFFF;
    color:#000000;
}

#footer,
#menu
{
    background:#585B80;
}

pre,
code
{
	color:#880000;
	background:#EEEEEE;
}

#menu a 
{
    color:#FFFF00;
}

.LogoTable
{
	color:#FFFFFF;
	background:#000000;
}

.PaintTable
{
	color:#000000;
	background:#FFFFFF;
}

.footerText
{
	color:#FFFFFF;
	background:transparent;
}

.copyrightText
{
	color:#FFFFFF;
	background:transparent;
}

.ProgCellLeftDark,
.ProgCellRightDark
{
	background:#EEEEEE;
}

.ProgCellLeftLight,
.ProgCellRightLight
{
	background:#FFFFFF;
}

/******************************************************************************/
/* fonts                                                                      */
/******************************************************************************/
#menu
{
    font-size:12px;
    font-family:arial;
    font-weight:normal;
    font-style:normal;
}

#menu a
{
    text-decoration:none;
    font-size:12px;
    font-family:arial;
    font-weight:normal;
}

body,
#content,
#contentnoscroll,
#content h1,
#content h2,
#content h3,
.ProgTable,
.LogoTable,
.PaintTable
{
	font-family:arial;
}

#content h1,
#content h2,
#content h3
{
	font-weight:bold;
	font-style:italic;
}

body,
#content,
#contentnoscroll,
.ProgTable,
.LogoTable,
.PaintTable
{
	font-size:12px;
}
#content h1
{
	font-size:18px;
}
#content h2
{
	font-size:16px;
}
#content h3
{
	font-size:14px;
}

.txtTitle,
.txtSubtitle
{
	font-family: arial,tahoma,helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

.txtTitle
{
	font-family: times new roman,arial,tahoma,helvetica,sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:48px;
}

.txtSubtitle
{
	font-size:11px;
	font-weight:bold;
	font-family:arial;
	font-style:normal;
}

.quoteText,
.creditText
{
	font-size:11px;
	font-family:arial;
	font-weight:bold;
	font-style:normal;
}

.footerText,
.StdTable
{
	font-family:arial;
	font-weight:normal;
	font-size:12px;
}

.copyrightText
{
	font-family:arial;
	font-weight:normal;
	font-size:9px;
}

.txtTitle,
.txtSubtitle
{
	font-family: arial,tahoma,helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
.txtTitle,
.quoteText
{
	font-family: times new roman,arial,tahoma,helvetica,sans-serif;
}
.txtTitle
{
	font-weight:bold;
	font-style:italic;
}
.txtTitle
{
	font-size:48px;
	padding-left:5px;
	padding-right:0px;
}

.txtSubtitle
{
	font-size:11px;
	font-weight:bold;
	font-family:arial;
}

.quoteText
{
	font-size:11px;
	font-family:arial;
	font-weight:bold;
}

.creditText
{
	font-size:11px;
	font-weight:bold;
	font-family:arial;
}

/*============================================================================*/
/* component styles
/*============================================================================*/

body 
{
	height:100%;
	padding:0;
	margin:0;
}

/* 
   IE and Firefox set the width differently (doesn't that figure) for scrolling 
   overflows.  To fix this, I created a javascript file that checks for IE, and 
   uses a width of 943 instead of FireFox's 932px.
*/


#content
{
	overflow:scroll;
/*	overflow:auto;*/
	height:500px;
    border:1px solid #000000;
	width:932px;
	padding:5px;
}

#contentnoscroll
{
	padding:0px;
}

#content ul
{
	list-style-image:url(images/bluebullet.jpg);
	margin-right:10px;  
}

#content h1
{
	padding:2px 2px 2px 10px;
	margin:0 0 10px 0;
	border:1px solid #000000;
}

#content h2
{
	padding:0;
	margin:0 0 10px 0;
	border-bottom:2px solid #000000;
}

#content h3
{
	padding:0;
	margin:0 0 10px 0;
	border-bottom:1px solid #000000;
}

#content img
{
	border: 1px solid #000000;
}

#footer,
#menu
{
    border:1px solid #000000;
}

#footer
{
	height:16px;
}

#menu 
{
    padding:4px 0;
    width:942px;
}

#menu a 
{
    padding:4px 10px;
}


#menu span 
{
    display:none;
}

#img 
{
    vertical-align:bottom;
}

#subnav 
{
    font-size:10px;
    margin-bottom:2em;
}

#subnav a 
{
    color:#FB3B00;
    margin-right:1em;
}

#subnav span 
{
    color:silver;
    margin-right:1em;
}

/******************************************************************************/
/* STYLES                                                                     */
/******************************************************************************/

.LogoTable
{
	width:100%;
	border:0px;
	margin:0px; 
	padding:0px;
}

.HeaderTable,
.MenuTable,
.ContentTable,
.FooterTable
{
	width:950px;
	border:0px;
	vertical-align:top;
	margin:0px;
}


.HeaderSubTableLeft
{
	width:403px;
	border:0px;
	vertical-align:top;
	margin-left:5px;
	padding:0px;
}

.HeaderSubTableRight
{
	width:542px;
	border:0px;
	vertical-align:top;
	margin:0px;
	padding:0px;
}

.HeaderSubTableLeft,
.HeaderSubTableRight,
.HeaderTable
{
	height:115px;
}

.MenuTable
{
	height:25px;
}

.ContentTable
{
	vertical-align:top;
	/* height determined by screen resolution */
}

.FooterTable
{
	height:18px;
}

.CellStandard
{
	border:0;
	width:100%;
	height:100%;
	vertical-align:top;
}

.CellHeader
{
	border:0;
	width:100%;
	height:115px;
	vertical-align:top;
}

.footerText
{
	float:left;
	padding-left:5px;
}

.copyrightText
{
	float:right;
	padding-top:2px;
	padding-right:5px;
}


/*============================================================================*/
/* Header, left side                                                          */
/*============================================================================*/
#quoteBox,
#creditBox
{
	position: static;
	float: left;
	z-index: 200;
	width: 402px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#quoteBox
{
	height: 96px;
}

#creditBox
{
	height: 14px;
}

.quoteText,
.creditText
{
	z-index: 200;
}

.quoteText
{
	margin-top: 3px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
}

.creditText
{
	float: right;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 3px;
}

/*============================================================================*/
/* Header, right side                                                         */
/*============================================================================*/
#titleBox,
#subtitleBox
{
	position: static;
	float: right;
	z-index: 225;
	width: 512px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

#titleBox
{
	height: 65px;
	margin-top: 0px;
	margin-right: 10px;
}

#subtitleBox
{
	height: 45px;
	margin-top: -10px;
	margin-right: 10px;
}

.txtTitle
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: right;
	vertical-align: bottom;
}

.txtSubtitle
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: right;
	vertical-align: top;
}

.imgRight
{
	float: right;
	padding: 0px;
	margin: 5px;
}

.imgLeft 
{
	float: left;
	padding: 0px;
	margin: 5px;
}

.ProgTable
{
	width:100%;
}

.ProgCellLeftDark,
.ProgCellLeftLight,
.ProgCellRightDark,
.ProgCellRightLight
{
	vertical-align:top;
	padding:5px;
}

.ProgCellLeftDark,
.ProgCellLeftLight
{
	width:33%;
}

.ProgCellRightDark,
.ProgCellRightLight
{
	width:67%;
}