/* CSS Document */

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: left;
	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: #112A66;
	background-color: #DDE4EC;
	text-decoration: none;
	padding: 4px 6px;
}
div#leftCol ul#nav  li a:hover, div#leftCol ul#nav  li a.on {
	background-color: #8BA6BF;
	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: #EDF1F5;
}
div#leftCol ul#nav  li ul li a:hover, div#leftCol ul#nav  li ul li a.on {
	background-color: #B9C9D8;
}

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

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: #3D78C0;
	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: #184D7F;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 150%;
	margin-bottom: 8px;
}
div#content h2 {
	color: #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: #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 .blue, div#content a {
	color: #4D7FB6;
	font-weight: bold;
}

div#content .darkBlue {
	color: #184D7F;
}

div#content .lightBlue {
	color: #62B2B9;
}

div#content .green {
	color: #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:#000066;
}

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

.bgDarkBlue {
	background-color: #184D7F;
}

.bgLightBlue {
	background-color: #62B2B9;
}

.bgGreen {
	background-color: #45B337;
}

.bgMidBlue {
	background-color: #cc0000;
}

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

div#content table {
	margin: 6px 0;
	width: 100%;
}
div#content table td {
	padding: 4px 0;
	text-align: left;
}
div#content table td.left, div#content table tr.left td {
	text-align: left;
}
div#content table td.leftRightPad {
	padding: 0 20px;
	text-align: left;
}
div#content table td p {
	margin: 0 !important;
	padding: 0 !important;
}
div#content table tr.tableHead td, div#content table tr td.tableHead{
	background-color: #4D7FB6;
	padding: 4px;
	color: #000000;
}
.indent {
	text-indent:11px;
}

div#content table td p.marginleft{
	margin-left:11px !important;
	

}
div#content table tr.bold td, div#content table td.bold, .bold {
	font-weight: bold;
}
div#content table tr.bottom td, div#content table tr.sectionEnd td {
	border-bottom: 1px solid #4D7FB6;
}
div#content table tr.bottom td {
	border-bottom-width: 2px;
}
/***** 'rounded' table (Rob) *****/
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 td{
padding-left: 10px;
padding-right: 10px;
}
div#content table.border tr.tableHead td, div#content table.border tr td.tableHead{
	background-color: #FFFFFF;
	padding: 4px;
	color: #000000;
}
div#content table.border tr.bottom td, 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: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: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;
}

table.gloss td.leftGreen{ background-color: #66FF99; color: #006600; }
table.gloss td.rightGreen{ background-color: #006600; color: #fff;}

table.gloss td.leftDarkBlue{ background-color: #CCFFFF; color: #000066;}
table.gloss td.rightDarkBlue{ background-color: #000066; color: #fff;}

table.gloss td.leftGreen h3 { font-weight: bold; color: #006600 !important;}
table.gloss td.leftDarkBlue h3 { font-weight: bold; color: #000066 !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;
	width: 170px;
	padding: 61px 0 0 0;
	color: #fff !important;
 	float: right;
	margin: 10px 0 10px 10px !important; 
	font-size: 123.1% !important;
	line-height: 150%;
	font-weight: bold;
}

.snipBox span {
	background: transparent url(/imgs/backgrounds/snipbtm.gif) no-repeat bottom left;
	width: 160px;
	padding: 0 5px 10px 5px;
	display: block;
	min-height:99px;
	height:auto !important;
	height:99px;
	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;
}


form#pageSearchForm, #header ul, #footer ul, div#leftCol h3, div#leftCol ul#nav, #header {
	display: none;
}

div#leftCol { display: inline; }

/* SITE LAYOUT */
html {height: 100%; font-size:90%;}
body {font-family:Arial, Helvetica, sans-serif; background-image: none;}	
#container {width:100%;}

table { width: 500px; }

div#content {
margin-top:0px;
}

table.border { border: 2px solid #666666; }

div#content table.border tr.bottom td { border: none; }

.roundedHeading span, blockquote.snipBox span { color: #005689; }

.roundedHeading { background-image: none; background-color: white; }

.roundedHeading span { background-image: none; background-color: white; margin-left: 0; padding-left: 0; }

.bgDarkBlue {
background-color:none;
}

blockquote.snipBox, blockquote.snipBox span { background-color: white; }

blockquote.snipBox { background-image: none; padding: 0; }