/* CSS Document */
/* =================================
STYLE SHEET FOR COMPETITION INSURANCE
Created by: Jan Sielski, Banana Graphics: February 2006
================================= */

body {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.3em;
	font-size: 12px;
	color: #000000;
	margin-left: 0px;
	margin-right: 10px;
	background-repeat: repeat-y;
	margin-top: 4px;
	background-color: #6D7C8F;
}

a { text-decoration: none; color: #435065; background-color: transparent; }

table { line-height: 1.3em; }

img { border: none; }

p { text-align: left; }
p a {
	color: #6B7D8C;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 1px 0px 1px;
}
p a:visited {
	text-decoration: none;
	padding: 2px 1px 0px 1px;
	color: #6B7D8C;
}
p  a:active {
	text-decoration: none;
	padding: 2px 1px 0px 1px;
	color: #6B7D8C;
}
p  a:hover {
	text-decoration: none;
	padding: 2px 1px 0px 1px;
	color: #A9120A;
}
p img {
	border: 1px solid #FFFFFF;
/*	float: left;*/
	padding-bottom: 4px;
}

p, blockquote, address, table, tr, td, th, sub, h1,h2,h3,h4,h5,h6
{
	font-family: Verdana,arial,sans-serif;
	font-size: 12px;
}

ul, ol, li { font-family: Verdana,arial,sans-serif; font-size: 12px; margin-bottom: 10px;}
li a { color: #435065; text-decoration: none; }
li a:visited { color: #435065; text-decoration: none;}
li a:active { color: #435065; text-decoration: underline; }
li a:hover { color: #435065; text-decoration: underline; }

select, input, textarea { font-family: Verdana,Arial,sans-serif; font-size: 12px; text-decoration: none; } 
button { font-family: Verdana,Arial,sans-serif; font-size: 11px; text-decoration: none; }

/* HEADINGS */
h1,h2,h3,h4,h5,h6 { color: #000000; font-family: Verdana,Arial,sans-serif; }
h1 { font-size: 22px; } 
h2 { font-size: 20px; } 
h3 { font-size: 18px; } 
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

hr {color: #3B3B3B; }

/* ============================
  CUSTOM FONT CLASSES
============================ */

/* LEFT NAVIGATION */
p.ciLeftNav         {
	color: #CCCCCC;
	font-size: 11px;
	line-height: 1.4em;
	margin: 4px;
}
p.ciLeftNav em      { color: #E1D11A; font-style: normal; }
a.ciLeftNav         {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
a.ciLeftNav:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
a.ciLeftNav:hover   {
	color: #FF0000;
	font-weight: bold;
}
a.ciLeftNav:active  {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

TD.LeftNav			{
	background-color: #3B3B3B;
	border-top-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
TD.Content			{
	background-color: #FFFFFF;
	border-bottom-width: 1pt;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-right-width: 1pt;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

TR.LeftNav			{	background-color: #3B3B3B; text-align: left;}

.ciTopNav			{
	font-size: 10px;
	font-color: #CCCCCC;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #485471;
	border: 1 solid #FFFFFF;
	padding: 2;}

a.ciTopNavLink			{ color: #CCCCCC; text-decoration: none;}
a.ciTopNavLink:visited	{ color: #CCCCCC; text-decoration: none;}
a.ciTopNavLink:hover	{ color: #CCCCCC; text-decoration: none;}
a.ciTopNavLink:active	{ color: #CCCCCC; text-decoration: none;}

p.ciTiny				{
	font-size: 9px;
	font-weight: bold;
}
TR.ciTiny				{font-size: 9px;}				
p.ciFooter				{text-align: center; font-size: 9px; color: #CCCCCC;}

TD.ciTitleHeading		{
	COLOR: #485471;
	padding:10px;
	border: 1pt dotted #485471;
	horz-align: middle;
}
p.ciTitleHeading		{
	font-size: 24px;
	color: #485471;
	FONT-FAMILY: Times New Roman,TimesRoman,Serif;
	line-height: 1.1em;
}


P.PGMPHASEHEADING     { FONT-SIZE: 20px; COLOR: #FFFFFF; FONT-FAMILY: Times New Roman,TimesRoman,Serif; margin-left:8px; margin-bottom:8px;}
P.PGMPHASE            { text-indent:0px; margin-left: -15px; margin-top:5px; margin-bottom: 5px; }

.cdeTinySerif			{font-size: 9px; }
a.cdeTinySerif			{ color: #435065; text-decoration: none; }
a.cdeTinySerif:visited	{ color: #435065; text-decoration: none; }
a.cdeTinySerif:hover	{ color: #435065; text-decoration: underline; }
a.cdeTinySerif:active	{ color: #435065; text-decoration: none; }

.cdeMedSerif	{ font-size: 14px; }
.cdeLargeSerif	{ font-size: 18px; }
.cdeBlueHeader	{ font-size: 20px; color: #54647E; font-weight: bold; }
.cdeOrgeHeader	{ font-size: 20px; color: #D3922B; font-weight: bold; }

/* USED FOR THE TOP HORIZONTAL NAVIGATION BAR */
a.topnavlink         { color: #435065; text-decoration: none; }
a.topnavlink:visited { color: #435065; text-decoration: none; }
a.topnavlink:hover   { color: #435065; text-decoration: underline; }
a.topnavlink:active  { color: #435065; text-decoration: none; }

/* =================================================
    LAYER STYLES IN ORDER OF APPEARANCE FROM THE TOP 
	Make any changes to the layers in this stylesheet
   =================================================*/

#LOGO {
	width: 500px;
	height: auto;
	left: 0px;
	top: 10px;
	position: absolute;
	visibility: visible;
	z-index: 2;
	padding-right: 10px; }

#PRINTPAGE {
	width: 121px;
	height: 18px;
	left: 620px;
	top: 47px;
	position: absolute;
	visibility: visible;
	z-index: 6;
	text-align: right;
	color: #666666;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; }

#TOPBANNER { /* The first layer below the logo */
	width: 750px;
	height: 20px;
	left: 0px;
	top: 83px;
	position: absolute;
	visibility: visible;
	z-index: 2;
	text-align: right;
	color: #666666;
	padding-right: 10px;}
	
a.TOPBANNER			{ text-decoration: none; }
a.TOPBANNER:visited	{ text-decoration: none; }
a.TOPBANNER:hover	{ text-decoration: underline; }
a.TOPBANNER:active	{ text-decoration: none; }

#URHERE {
	width: 750px;
	height: 20px;
	left: 0px;
	top: 102px;
	position: absolute;
	visibility: visible;
	z-index: 7;
	text-align: left;
	border-top: 1pt solid #999999;
	border-bottom: 1pt solid #54647E;
	background-color: #FFFFFF;
	color: #666666;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; }
	
#TITLEBOXBACK {
	width: 750px;
	height: 26px;
	left: 0px;
	top: 128px;
	position: absolute;
	visibility: visible;
	z-index: 2;
	border-bottom: 1pt solid #54647E;
	visibility: visible; }
	
#TITLEBOX {
	width: 578px;
	height: 24px;
	left: 157px;
	top: 129px;
	position: absolute;
	visibility: visible;
	z-index: 2;
	color: #54647E;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold; }
	
#CONTENTBOX {
	width: 578px;
	height: auto;
	left: 157px;
	top: 173px;
	position: absolute;
	visibility: visible;
	z-index: 4;
	clear: right;
	text-align: justify;
	padding: 0px;
	overflow: visible; }
	
/* THESE ALL CONTROL THE LOOK OF THE LEFT NAVIGATION BOX */
#NAVBOX {
	/*width: 140px;
	height: 100%;
	left: 0px;
	top: 122px;
	position: absolute;
	visibility: visible;
	z-index: 3;*/
	border-right: 1pt solid #999999;
	border-bottom: 1pt solid #999999;
/*	background-color: #E4E4E4;
	padding-bottom: 0px;
	padding-top: 4px;*/}
	
#NAVBOX a {
	/*background-color: #E4E4E4;
	width: 100%;*/
	text-decoration: none;
	text-color: #E1D11A;
	/*border-width: 100%;
	border-bottom: 1pt solid #999999;
	line-height: 1.8em;
	padding-left: 18px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;*/ }
#NAVBOX a:hover {
	/*background-color: #C5C5C5;*/ 
	text-decoration: underline;
	text-color: #E1D11A;
	/*border-bottom: 1pt solid #999999;*/ }
#NAVBOX a:active {
	/*background-color: #C5C5C5;*/
	text-decoration: none;
	text-color: #E1D11A;
	/*border-bottom: 1pt solid #999999;*/ }
#NAVBOX a:visited {
	text-decoration: none;
	text-color: #E1D11A;
	/*border-bottom: 1pt solid #999999;*/}

.NavBoxPara { /* Used for the headers in the left navigation */
    width: 100%;
    line-height: 1.5em;
	padding-bottom: 3px;
/*	padding-top: 3px;*/
	padding-left: 8px;
	font-weight: bold;
	color: #54647E;
	clear: both; }

#TOTOP {
	width: 578px;
	height: 20px;
	left: 0px;
	position: relative;
	text-align: right;
	clear: both;
	z-index: 2;
	visibility: visible; }

#BOTTOM {
	width: 750px;
	height: 20px;
	left: -157px;
	position: relative;
	background-color: #FFFFFF; 
	clear: both;
	text-align: right;
	border-top: 1pt solid #999999;
	border-bottom: 1pt solid #54647E;
	z-index: 4;
	visibility: visible; }

#Modified{
	width: 578px;
	height: 20px;
	left: 0px;
	position: relative;
	visibility: visible;
	z-index: 2;
	text-align: right;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 9px; }

#FOOTER {
	width: 578px;
	height: 20px;
	left: 0px;
	top: 600px;
	position: absolute;
	visibility: visible;
	z-index: 2;
	text-align: right;
	border-top: 1pt solid #999999;
	border-bottom: 1pt solid #54647E;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif; }

/* ======================================
CUSTOM TABLE STYLES
====================================== */
.cdeBorderGREEN {
	background-color: #CDE2A7;
	padding: 5px;
	border: 1pt solid #999999;
	text-align: center;
	margin: 10px;
	vertical-align: top; }

.cdeBorder { padding: 5px; border: 1pt solid #999999; text-align: left; vertical-align: top;}

.cdeBorderBLUE { border-top: 1pt solid #999999; border-bottom: 1pt solid #54647E; }
.HeadingBlue {
	width: 100%;
	line-height: 1.5em;
	padding-bottom: 3px;
	color: #424D66;
	clear: both;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.style2 {
	color: #990000
}