/*	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/backgrounds/headBg.png);
	background-repeat: no-repeat;
	background-position: center top;
}

ul ul{
	margin-bottom:0;
}
div#pennonLogo {
	text-align: center;
	padding: 7px 0px;
}
div#leftCol {
	margin-top: 20px;
}
div#leftCol ul#nav {
	margin-top: 3px;
}
div#leftCol ul#nav  li {
	border-bottom: 1px solid #FFF;
}
div#leftCol ul#nav  li a {
	display: block;
	color: #31723F;
	background-color: #C3D9AB;
	text-decoration: none;
	padding: 4px 6px;
}
div#leftCol ul#nav  li a:hover, div#leftCol ul#nav  li a.on {
	background-color: #96BD6B;
	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: #96BD6B;
}
div#leftCol ul#nav  li ul li a:hover, div#leftCol ul#nav  li ul li a.on {
	background-color: #96BD6B;
}

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;
}
/*****SECOND*****/
div#leftCol ul#nav2 {
	margin-top: 3px;
}
div#leftCol ul#nav2  li {
	border-bottom: 1px solid #FFF;
}
div#leftCol ul#nav2  li a {
	display: block;
	color: #31723F;
	background-color: #C3D9AB;
	text-decoration: none;
	padding: 4px 6px;
}
div#leftCol ul#nav2  li a:hover, div#leftCol ul#nav2  li a.on {
	background-color: #96BD6B;
	color: #FFF;
}
div#leftCol ul#nav2  li ul {
	border-top: 1px solid #FFF;
}


/**********/
div#header {
	height: 130px;
}

div#header ul {
	padding: 13px 0 0 8px; 
}
div#header ul li {
	color: #FFF;
	display: inline;
	padding-right: 0.4em;
}
div#header ul li a {
	color: #FFF;
	text-decoration: none;
}
div#header ul li a:hover {
	text-decoration: underline;
}
ul#nav li.on ul li.first a.first ,ul#nav li.currentParent a.currentParent{
	font-weight: bold;
}
.boxHeading {
	background-color: #6AA12C;
	background-image: url(/imgs/backgrounds/boxHeadEdgeLeft.jpg);
	background-position: left;
	background-repeat: no-repeat;
	color: #FFF;
	text-transform: uppercase;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.boxHeading span.leftEnd {
	background-image: url(/imgs/backgrounds/boxHeadEdgeLeft.jpg);
	background-position: left;
	background-repeat: no-repeat;
	float: left;
	line-height: 25px;
	padding-left: 10px;
	height: 25px;
}
.boxHeading span.rightEnd {
	background-image: url(/imgs/backgrounds/boxHeadEdgeRight.jpg);
	background-position: right;
	background-repeat: no-repeat;
	float: right;
	width: 6px;
	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: 66px;
}
div#content p {
	line-height: 150%;
	margin: 5px 0 12px 0;
	font-size: 90%;
}

div#content p.inset {
	padding-left:11px;
}
div#content h1 {
	color: #5B953D; /*#6AA12C;*/ /* 184D7F;*/
	font-weight: bold;
	text-transform: uppercase;
	font-size: 150%;
	margin-bottom: 8px;
}
div#content h2 {
	color: #5B953D; /*#6AA12C;*/ /* 184D7F;*/
	font-weight: bold;
	text-transform: uppercase;
	font-size: 100%;
	margin: 10px 0 0 0;
	padding-bottom:0;
}

div#content h3, div#content h4 {
	color: #6AA12C ;/* 426D96;*/
	margin-bottom: 2px;
	font-size: 100%;
}

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: 90%;
}

div#content .uppercase {
	text-transform:uppercase;
}

div#content a {
	color: #6AA12C;/* 426D96;*/
	font-weight: bold;
}

div#content .darkBlue {
	color: #5B953D; /*#6AA12C;*/ /* 184D7F;*/
}

div#content .lightBlue {
	color: #4295d1; /*62B2B9;*/
}

div#content .green {
	color: #4b7520; /*45B337;*/
}

div#content .italic {
	font-style: italic;
}
div#content a {
	text-decoration: underline;
}
div#content a:hover {
	text-decoration: none;
}
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:#5B953D; /*#6AA12C;*/
}

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%;
}

/************ table styles ********/

div#content table {
	margin: 6px 0;
	width: 100%;
}
div#content table th {
	font-weight:bold;
}
div#content table tr th {
	text-align: left;
	margin: 0;
	padding: 2px 0 0 0;	
}
div#content table tr td {
	text-align: left;
	margin: 0;
	padding: 0;
}

div#content table tr th p, div#content table tr td p {
	margin: 0;
	padding: 2px 0px 2px 10px;	
}
.noPad td, .noPad p {
	margin: 0;
	padding: 0px 0px 0px 10px !important;	
}
div#content table th.rightPad p, div#content table td.rightPad p {
	padding-right: 20px !important;
	text-align: right;
}
div#content table th.leftPad p, div#content table td.leftPad p {
	padding-left: 20px !important;
	text-align: left;
}
.indent {
	text-indent:10px;
}
.bold {
	font-weight: bold;
}
.smallText  {
	font-size: 80%;	
}

div#content table tr.bottom td {
	padding: 0 0 2px 0;	
	border-bottom-width: 2px;
}
div#content table.border {
	padding: 10px;
	margin: 6px 0;
	width: 100%;
	border-top: 2px solid #666666;
	border-left: 2px solid #666666;
	border-right: 2px solid #666666;
}
div#content table.border tr.bottom td, div#content table tr.sectionEnd th, div#content table.border tr.sectionEnd td {
	border-bottom: 1px solid #666666;
}
div#content table.border tr.bottom td {
	border-bottom-width: 2px;
}
/***** Image style *******/

div#content div.headShot{
	width:115px;
	padding:5px;
	float:right;
	margin:0em 0 1em 1em;
}
div#content div.headShot img{
	margin:0em 0 0.5em 0em;
}
div#content div.headShot p{
	font-size:85%;
}
div#content div.headShot span{
	font-size:95%;
	font-style: italic;
}

div#content div.graphRight{
	float:right;
	clear:right;
	margin:1em 0 1em 1em;
	width:auto;
}

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

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

table.gloss td.leftGreen, table.gloss td.leftDarkBlue{
	width: 35%;
	text-align: left !important;
	padding: 8px 20px !important;
}

table.gloss td.rightGreen, table.gloss td.rightDarkBlue {
	width: 65%;
	text-align: left !important;
	padding: 8px 20px !important;
}
/*
lightblue : 589cd4 (heading - 4295d1 )
	lightblue-table-bg: d6e4f5
	darkblue & table bg: 005689
	greenheading: 79ad37	
	darkgreen-tablebg & text: 4b7520
	lightgreen-tablebg: dfeacf
*/
table.gloss td.leftGreen{ background-color: #dfeacf; color: #4b7520; }
table.gloss td.rightGreen{ background-color: #4b7520; color: #fff;}

table.gloss td.leftDarkBlue{ background-color: #FFFFFF; color: #5B953D; /*#6AA12C;*/}
table.gloss td.rightDarkBlue{ background-color: #5B953D; /*#6AA12C;*/ color: #fff;}
table.gloss td.rightDarkBlue a{color: white !important;}

table.gloss td.leftGreen h3 { font-weight: bold; color: #4b7520 !important;}
table.gloss td.leftDarkBlue h3 { font-weight: bold; color: #6AA12C !important; }

table.gloss td.rightGreen h3 { font-weight: bold; color: #fff !important;}
table.gloss td.rightDarkBlue h3 { font-weight: bold; color: #fff !important; }

table.gloss tr.whitebtm td {
	border-bottom: 2px solid #fff;
}

/***** 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:#6AA12C;
	width: 130px;
	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: 130px;
	padding: 0;
	display: block;
	min-height:105px;
	height:auto !important;
	height:105px;
	text-align: center;
}


/*** 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;
}

/* 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;
}