/*	lightblue : 589cd4 (heading - 4295d1 )
	lightblue-table-bg: d6e4f5
	darkblue & table bg: 005689
	greenheading: 79ad37	
	darkgreen-tablebg & text: 4b7520
	lightgreen-tablebg: dfeacf
*/	
	


body {
	background-image: url(/imgs/styles/pageHeader.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

ul ul{
	margin-bottom:0;
}
div#pennonLogo {
	text-align: left;
	padding: 7px 0px;
}
div#leftCol {
	margin-top: 20px;
}
/***** < NAVIGATION > *****/
div#leftCol ul#nav {
	margin-top: 3px;
}
div#leftCol ul#nav  li {
	border-bottom: 1px solid #FFFFFF;
}
div#leftCol ul#nav  li a {
	display: block;
	color: #666666;
	background-color: #CCCCCC;
	text-decoration: none;
	padding: 4px 6px;
}
div#leftCol ul#nav  li a:hover, div#leftCol ul#nav  li a.on {
	background-color: #666666;
	color: #FFF;
}
div#leftCol ul#nav  li ul {
	border-top: 1px solid #FFF;
}
div#leftCol ul#nav  li ul li a {
	padding-left: 1.7em;
	background-color: #666666;	
}
div#leftCol ul#nav  li ul li a:hover, div#leftCol ul#nav  li ul li a.on {
	background-color: #666666;
}
div#leftCol ul#nav li ul li ul li a {
	padding-left: 2.7em;
}
ul#nav li ul li ul{
	display:none;
}
ul#nav li.on ul li.first ul, ul#nav li ul li.on ul,ul#nav li ul li.currentParent ul{
	display:block !important;
}
ul#nav li.on ul li.first a.first ,ul#nav li.currentParent a.currentParent{
	font-weight: bold;
}
div#leftCol ul#nav  li ul li.green a:hover, div#leftCol ul#nav  li ul li.green a.on, div#leftCol ul#nav  li.green a.on, div#leftCol ul#nav  li.green a:hover {
	background-color: #09A89A !important;
}
/***** </ NAVIGATION > *****/
div#header {
	height: 130px;
}

div#header ul {
	padding: 13px 0 0 8px; 
}
div#header ul li {
	color: #75C6A7;
	display: inline;
	padding-right: 0.4em;
}
div#header ul li a {
	color: #75C6A7;
	text-decoration: none;
}
div#header ul li a:hover {
	text-decoration: underline;
}


.sectionHead {
	color: #666;
	text-transform: uppercase;
	padding: 15px 0 8px 6px;
}


.boxHeading {
	background-color: #85C048;
	color: #FFF;
	text-transform: uppercase;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.boxHeading span.leftEnd {
	background-image: url(/imgs/styles/boxHeadingLeftEnd.gif);
	background-position: left;
	background-repeat: no-repeat;
	float: left;
	line-height: 25px;
	padding-left: 10px;
	height: 25px;
}
.boxHeading span.rightEnd {
	background-image: url(/imgs/styles/boxHeadingRightEnd.gif);
	background-position: right;
	background-repeat: no-repeat;
	float: right;
	width: 12px;
	height: 25px;
}

div#footer {
	text-align: right;
	border-top: 1px solid #999;
	padding-top: 5px;
	margin: 15px 0 20px 0;
}
div#footer ul li {
	color: #666;
	display: inline;
	padding-left: 0.5em;
}
div#footer ul li a {
	color: #666;
	text-decoration: none;
}
div#footer ul li a:hover {
	text-decoration: underline;
}

.alignR {
	text-align: right;
}

.alignL {
	text-align: left;
}



/************ content styles *********/
div#content {
	margin-top: 75px;
}
div#content p {
	line-height: 150%;
	margin: 5px 0 12px 0;
	font-size: 100%;
}

div#content p.inset {
	padding-left:11px;
}
div#content h1 {
	color: #85C048;
	text-transform: uppercase;
	font-size: 130%;
	margin-bottom: 8px;
	padding: 10px 0 0 15px;
	background-image: url(../imgs/styles/BulletGreenOnWhiteSmall.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
	
div#content h2 {
	color: #666666;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 100%;
	margin: 8px 0 0 0;
	padding: 4px 0 0 15px;
	background-image: url(../imgs/styles/BulletGreyOnWhiteSmall.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

div#content h3, div#content h4 {
	color: #4295d1 ;/* 426D96;*/
	margin-bottom: 2px;
	font-size: 100%;
}
/***** LISTS *****/
div#content ul {
	margin: 0px 0 20px 30px;
}
div#content ul li {
	list-style: disc;
	padding: 3px 0 3px 6px;
	margin: 0 0 0 6px;
	font-size: 100%;
}

div#content a {
	color: #333333;
	text-decoration: underline;
}
div#content .smallText a {
	color: #999999;
	text-decoration: underline;
}
dl.glossaryList {
	font-size:93%;
	display:block;
	width:630px;
	float:left;

}
dl.glossaryList dt,dl.glossaryList dd{
	display:block;
	margin-bottom:0.5em;
}

dl.glossaryList lh{
	float:left;
	clear:both;
	margin-bottom:2em;
}

dl.glossaryList dt{
	float:left;
	width:220px;
	clear:left;
	margin-bottom: 1em;
	color:#005689;
}

dl.glossaryList dd{
	width:400px;
	clear:right;
	margin-bottom: 1em;
	float:left;
	*float:none;
}

ol.alpha li{
	list-style-type:lower-alpha;
	margin-left:2em;
	margin-bottom:1em;
	font-size:90%;
}
/***** rounded headings *****/

/*
	Note, if amending, be aware span width (inc padding) must equal parent width.
*/

.roundedHeading {
	background: transparent url(/imgs/backgrounds/roundedbox270top.gif) no-repeat top left;
	width: 270px;
	padding: 5px 0 0 0;
	color: #fff !important;
}

.roundedHeading span {
	background: transparent url(/imgs/backgrounds/roundedbox270btm.gif) no-repeat bottom left;
	width: 250px;
	padding: 0 10px 5px 10px;
	display: block;
}

.vTop {
	margin-top: 2px !important;
}


/***** 'rounded' container *****/
div#content div.border {
	padding: 0 0 10px 0;
	margin: 6px 0;
	width: auto;
	border: 2px solid #666666;
}
div#content div.border div.borderEnd {
	margin:10px 0 0 0;
	padding:0;
	height:0;
	clear:both;
	line-height:0;
	font-size:0;
	width:100%;
	border-bottom: 2px solid #666666;
}
div#content div.border p {
	line-height: 150%;
	margin: 5px 0 0 22px;
	padding: 0 22px 0 0;
	font-size: 90%;
}
div#content div.border ul {
	margin: 0 0 12px 30px;
	padding: 0 22px 0 0;
}
div#content div.border ul li {
	list-style: disc;
	padding: 3px 0 3px 6px;
	margin: 0 0 0 6px;
	font-size: 90%;
}

.graphRight .smallText  {
	font-size: 80%!important;	
}

/***** Image style *******/

div#content div.headShot{
	width:100px;
	padding:5px;
	float:right;
	margin:0em 0 1em 2em;
	clear:right;
}
div#content div.headShot p{
	font-size:85%;
}

div#content div.graphRight{
	float:right;
	clear:right;
	margin:1em 0 1em 1em;
	width:240px;
}
div#content div.graphRight p{
	float: right;
	display: block;
	color:#75C6A7;
}

div#content div.graphLeft{
	float:left;
	clear:left;
	margin:1em 1em 1em 0em;
	width:auto;
	
	background-color: none;
}

div#content div.graphInline{
	/*style to add if neccessary*/
}


/***** snippet box *****/

/*
	Note, if amending, be aware span width (inc padding) must equal parent width.
*/

.snipBox {
	background-image: url(/imgs/backgrounds/sniptop.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color:#75C6A7;
	width: 180px;
	padding: 25px 0 0 0;
	color: #fff !important;
 	float: right;
	margin: 0 0 1em 1em !important; 
	font-size: 100% !important;
	line-height: 150%;
	font-weight: bold;
	
	float: right;
	clear: right;
}

.snipBox span {
	background: transparent url(/imgs/backgrounds/snipbtm.gif) no-repeat bottom left;
	width: 160px;
	padding: 0;
	display: block;
	min-height:5px;
	padding: 0 10px 25px 10px;
	height:auto !important;
	height:5px;
	text-align: center;
}


.introBox .end {
	background: transparent url(/imgs/backgrounds/introbtm.gif) no-repeat bottom left;
	width: 640px;
	padding: 0;
	display: block;
	min-height:15px;
	height:auto !important;
	height:15px;
	text-align: center;
}
div#content .introBox h1 {
	color: #FFF; /* 184D7F;*/
	margin-left: 1em;
	margin-bottom: 1em;
}
div#content .introBox h2 {
	color: #FFF; /* 184D7F;*/
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}
div#content .introBox p {
	color: #FFF; /* 184D7F;*/
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}
	
ul.blockHyph li {
	list-style:url(/imgs/backgrounds/blockHyph.gif)!important;	
}
/*** Images floated right in a div ***/

.imageInDiv {
	width: auto;
	border: 2px solid #666;
}

.imageInDiv img {
	float: right;
	margin: 10px;
}
.imageInDiv div {
	padding-left: 10px;
}

.rightFloatedImageWrap {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}


/* Search Form */

form#pageSearchForm {
	float: right;
	margin: 2px 0 0 0; 
	padding: 0;
}

input#submit { position: relative; top: 5px; }

form#pageSearchForm input#query {
	width: 100px;
	border: 1px solid #DDE4EC;
	padding-top: 1px;
	padding-bottom: 1px;
}

form#pageSearchForm p {
	margin: 0; 
	padding: 0;
}

/***** GLOBAL CLASSES *****/
.textBlue {
	color: #4295D1;
}
.textGreen {
	color: #85C048;
}

.backgroundGreen {
	background-color: #85C048 !important;
}
.backgroundOrange {
	background-color: #F4A52E !important;
}
.uppercase {
	text-transform:uppercase;
}
.indent {
	margin:5px 0 0 10px;
	display: inline-block;
}
.bold {
	font-weight: bold;
}
.smallText  {
	font-size: 80%!important;
	color: #999;
}
.enlarge {
	font-weight: normal;
	font-size: 150%;
	
}
.italic {
	font-style: italic;
}

div#content table {
	margin:0;
	padding:0;
	margin: 5px 5px 3px 2px;
}
div#content table.fullWidth {
	width: 100%!important;
}
div#content table tr{
	text-align: left;
	color: #FFF;
	border-collapse:collapse;
	font-size: 90%;
	line-height: 130%;
}
div#content table tr th{
	text-transform: uppercase;
	vertical-align:middle;
	font-weight: bold;
}
div#content table tr .textCenter {
	text-align:center;
}
div#content table tr th, div#content table tr td{
	
	background-color:#5093CF;
	border-bottom: 2px solid #FFF;
	border-right: 2px solid #FFF;
	padding: 3px;
}
div#content table tr td ol li{
	list-style-type: lower-roman!important;
	margin: 0 0 0 25px;
	padding: 3px 0;
}
div#content .KPI {
	clear:both;
	background-color: #D0D1D3;
	background-image: url(../imgs/styles/KPI.gif);
	background-position: right top;
	background-repeat: no-repeat;
	
	margin:0;
	padding:2px 0 0 2px;
}
div#content .KPI table {
	margin: 0!important;
}
div#content .KPI table tr{
	border-collapse:collapse;
}
div#content .KPI table tr th, div#content .KPI table tr td{
	border-bottom: 2px solid #D0D1D3;
	border-right: 2px solid #D0D1D3;
}

div#content .KPI p{
	color: #666;
	margin: 0;
	padding:0 0 5px 5px;
	width: 70%;
	font-size: 90%;
}
div#content .YSS {
	clear:both;
	background-color: #DBDCDD;
	background-image: url(../imgs/styles/YSS.gif);
	background-position: right top;
	background-repeat: no-repeat;
	min-height:250px;
	
	margin:0;
	padding:0 0 10px 0;
}
div#content .YSS img{
	margin: 10px 0 10px 10px;
}
div#content .YSS ul {
	width: 40%;
	float: left;
	display: inline;
}
div#content .YSS ul li {
	padding: 3px 0 5px 15px;
	list-style: none;
	background-position: left top;
	background-repeat: no-repeat;
}
div#content .YSS ul li.B01{background-image: url(../imgs/styles/BulletYSS01.gif)!important;}
div#content .YSS ul li.B02{background-image: url(../imgs/styles/BulletYSS02.gif)!important;}
div#content .YSS ul li.B03{background-image: url(../imgs/styles/BulletYSS03.gif)!important;}
div#content .YSS ul li.B04{background-image: url(../imgs/styles/BulletYSS04.gif)!important;}
div#content .YSS ul li.B05{background-image: url(../imgs/styles/BulletYSS05.gif)!important;}
div#content .YSS ul li.B06{background-image: url(../imgs/styles/BulletYSS06.gif)!important;}
div#content .YSS ul li.B07{background-image: url(../imgs/styles/BulletYSS07.gif)!important;}
div#content .YSS ul li.B08{background-image: url(../imgs/styles/BulletYSS08.gif)!important;}
div#content .YSS ul li.B09{background-image: url(../imgs/styles/BulletYSS09.gif)!important;}
div#content .YSS ul li.B10{background-image: url(../imgs/styles/BulletYSS10.gif)!important;}
/***** PAGE SPECIFIC: VISION *****/
div#content #vision h2 {
	text-transform: none!important;
	font-size: 100%!important;
	line-height: 120%;
	background-image: none!important;
	color: #999!important;
	margin: 0;
	padding: 10px 0 20px 0;
}
div#content #vision ul {
	background-color: #666666;
	width: 640px;
	margin: 0!important; 
	padding: 25px 0 15px 0!important;
	
	
	display: inline;
	float: left;
	clear: right;
}
div#content #vision ul li {
	margin: 0 0 0 170px!important;
	padding: 10px 25px 10px 20px!important;
	
	list-style-type: none!important;
	text-align: left;
	text-indent: none!important;
	display: block;
	
	
	font-size: 130%;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 110%;
	background-image: url(../imgs/styles/BulletGreenOnGreyLarge.gif)!important;
	background-position: left top;
	background-repeat: no-repeat;
	min-height:44px;
}
/***** PAGE SPECIFIC BULLETS *****/
div#content ul.grey li {
	padding: 3px 0 5px 15px;
	list-style: none;
	background-image: url(../imgs/styles/BulletLightGreyOnWhiteSmall.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
div#content ul.blue li {
	padding: 3px 0 5px 15px;
	list-style: none;
	background-image: url(../imgs/styles/BulletBlueOnWhiteSmall.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color:#5093CF;
	line-height: 140%;
}
div#content ul.green li {
	padding: 3px 0 5px 15px;
	list-style: none;
	background-image: url(../imgs/styles/BulletDarkBlueOnWhiteSmall.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color:#85C048;
	font-weight:bold;
}
sub {
	vertical-align:bottom!important;
}