/* 16px spacing/margins */

body {
	margin: 0px;
	background-color: #fff;
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(linia.jpg);
	background-position: center;
}

#pageAndEdge {
	width: 758px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

#page {
	width: 738px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	background-image:url(images/edgeRAndL.gif);
	background-repeat: repeat-y;

}

#pageBottom {
	width: 758px;
	margin: 0px;
	margin-bottom: 5px;
	background-image:url(images/edgeB.gif);
	background-repeat: no-repeat;

}

#utilitiesBar {
	background-color: #FF8000;
	width: 738px;
	height: 24px;
	text-align: right;
	border-bottom: 1px solid #999;
	overflow: hidden;
}

#utilities {
	text-align: right;
	padding-top: 6px;
}

#utilities .item {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	margin-left: 4px;
	margin-right: 16px;
}

#utilities .item a:link {
	color: #fff;
}

#utilities .item a:visited {
	color: #9CD8D7;
}

/* The logo area varies in size from the home page to the default (secondary) pages */

#logoAreaHome {
	clear: both;
	float: none;
	background-color: White;
	width: 738px;
	height: 109px;
	background-image: url(images/top.jpg);
}
/* Home version */

/* TODO: Maybe change back to floats with margins. Changed to relative because of IE 5.2 on Mac */
#logoHome {
	position: relative;
	top: 18px;
	left: 30px;
	width: 152px;
}

#nameHome {
	position: relative;
	top: 0px;
	left: 179px;
	width: 295px;
}

/* Default version */

#logoAreaDefault {
	clear: both;
	float: none;
	background-color: #0A1044;
	width: 738px;
	height: 75px;
	background-image: url(images/topdefault.jpg);
}

#logoDefault {
	position: relative;
	top: 14px;
	left: 30px;
	width: 109px;
}
#nameDefault {
	position: relative;
	top: 1px;
	left: 132px;
	width: 241px;
}

#tabRow {
	background-color: #0A1044;
	width: 738px;
	height: 22px; /* text-align: right; */
	background-image: url(images/top1.jpg);
}

#tabs {
	738px; /* 348 = 1 + 86 + 1 + 86 + 1 + 86 + 1 + 86 */
	margin-left: 387px;
}

#tabs .tab {
	margin-left: 1px;
	float: left;
}

.dotsBandBlue {
	float: none;
	clear: both;
	width: 738px;
	/* border-top: 1px solid #000099; */
	background-color: #000099;
}

.dotsBandWhite {
	float: none;
	clear: both;
	width: 738px;
	background-color: #fff;
}

.dotsLineBlue {
	width: 100%;
	height: 1px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	font-size: 1px;
	background-image: url(images/dotsLineBlue.gif);	
	background-repeat: repeat-x;
	clear: both;
}

.dotsLineBlueAndSpace {
	width: 100%;
	height: 1px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	font-size: 1px;
	background-image: url(images/dotsLineBlue.gif);
	background-repeat: repeat-x;
	clear: both;
	margin-bottom: 14px;
	float: none;
}


.managementList {
	margin-top: 2em;
}

.boardList .dotsLineBlueAndSpace {
	width: 66%;
}

.boardList {
	margin-top: 2em;
}

.dotsLineBlueAndSmallSpace {
	width: 100%;
	height: 1px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	font-size: 1px;
	background-image: url(images/dotsLineBlue.gif);
	background-repeat: repeat-x;
	clear: both;
	margin-bottom: 8px;
	float: none;
}

.dotsLineWhite {
	width: 100%;
	height: 1px;
	line-height: 0px;
	font-size: 1px;
	background-image: url(images/dotsLineWhite.gif);	
	background-repeat: repeat-x;
}

#pageContent {
	/* the content that varies from page to page */
	margin: 0px;
	padding: 0px;
}

#collageAndMessage {
	float: none;
	width: 738px;
	height: 221px;
}

#collageAndMessage #collage {
	float: left;
	width: 383px;
	height: 221px;
}

#collageAndMessage #message {
	width: 355px; /* had been: 354 - (15 + 15 ) */
	height: 221px; /* had been: 219 - (15 + 5 ) */
	float:left;
	text-align: center;
	background-color: #080D5D;
	background-image:url(images/homeMessageBg.jpg);
}

#messageText {
	color: #fff;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}

#messageText p {
	font-size: 11px;
	text-align: left;
	line-height: 1.4em;
	margin-top: 1em;
	margin-bottom: 1.0em;

}

#messageText p.messageIcons {
	text-align: center;
	margin-top: 3px;
}

/* advertising section */ 

.advertiserLogos {
	height: 36px;
	border-left: 1px solid #000;
	float: none;
}

.advertiserLogos div {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	float: left;
	width: 48px;
}

.advertiserLogos div.stretch {
	width: 49px;
}

h2.aboveLine {
	margin-bottom: 7px;
}

.titleLine {
	margin-bottom: 12px;
}

.contentWithMargin {
	float: none;
	margin-left: 13px;
	margin-right: 13px;
	margin-top: 13px;
	margin-bottom: 0px;
}

.homeLeftColumn {
	margin-right: 26px;
	width: 357px;
	float: left;
}

.homeRightColumn {
	width: 329px;
	float: left;
}

.leftHalfColumn {
	margin-right: 25px;
	width: 343px;
	float: left;
}

.rightHalfColumn {
	width: 343px;
	float: left;
}

.allColumns {
	float: none;
	clear: both; /* BUG: IE Mac inherits this to children; then, none float */
}

div.clearFloat {
	float: none;
	clear: both;
	height: 0px;
}

.boxColumn {
	float: left;
	width: 160px;
	margin-right: 20px;
	margin-bottom: 16px;
}

.smallBoxColumn {
	float: left;
	width: 95px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.textColumnNextToBox {
	float: left;
	/* width: auto; */
	width: 510px;
}

.narrowTextColumnNextToBox {
	float: left;
	width: 340px;
}

.narrowTextColumnNextToBoxAndSidebar {
	float: left;
	width: 348px;
	margin-right: 20px;
}

.textColumnNextToSmallBox {
	float: left;
	/* width: auto; */
	width: 410px;
}

.imageWithCaption {
	margin-bottom: 20px;
}

.imageWithCaption .caption {
	text-align: center;
	font-size: .9em;
	margin-top: .2em;
}

.programmingFloorPlanWithCaption {
	margin-top: 10px;
	margin-bottom: 14px;
}

.programmingFloorPlanWithCaption .programmingFloorPlan {
	float: left;
	width: 341px;
	/* margin-right: 14px; */
	margin-bottom: 14px;
}

.programmingFloorPlanWithCaption .caption {
	float: left;
	margin-top: 30px;
	width: 150px;
}

.caption li {
	margin-bottom: 1em;
}

div.multiColumnLists {
	margin-bottom: 0px;
}

div.multiColumnLists div {
	float: left;
	width: 200px;
	margin-bottom: 12px;
}

div.multiColumnLists div ul {
	margin-bottom: 0px;
}

/* layout */


.standardTextColumn, .pressRelease, .job, .article {
	float: left;
	width: 528px;
	margin-right: 20px;
}

.sidebar {
	float: left;
	width: 160px;
}

/* boxes */
/* based on ThrashBox */

.imageBox {
	font-size: 100%;
	margin-bottom: 10px;
}

.box {
	font-size: 100%;
	background: url(images/boxBodyR.gif) no-repeat right bottom;
	margin-bottom: 20px;
}

/* boxhead can be either Green or Gray */

.boxheadGray {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #666;
	background:  url(images/boxHeadGrayR.gif) no-repeat right top;
	height: 21px;
}

.boxheadGray h2 {
	margin: 0px;
	padding-top: 3px;
	padding-right: 13px;
	padding-left: 13px;
	padding-bottom: 1px;
	font-size: 11px; /* liguid on all if 1.1em */
	font-weight: bold;
	background:  url(images/boxHeadGrayL.gif) no-repeat left top;
}


.boxheadGreen {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #fff;
	background:  url(images/boxHeadGreenR.gif) no-repeat right top;
	height: 21px;
}

.boxheadGreen h2 {
	margin: 0px;
	padding-top: 3px;
	padding-right: 13px;
	padding-left: 13px;
	padding-bottom: 1px;
	font-size: 11px; /* liguid on all if 1.1em */
	font-weight: bold;
	background:  url(images/boxHeadGreenL.gif) no-repeat left top;
}
.boxbody {
	margin: 0px;
	padding-top: 3px;
	padding-right: 13px;
	padding-left: 13px;
	padding-bottom: 11px;
	background: url(images/boxBodyL.gif) no-repeat left bottom;
}

.boxbody p {
	margin-top: 0px;
}

/* 
.boxbody div.item {
	margin-top: .4em;
	padding-bottom: .4em;
	margin-bottom: .4em;
	clear: both;
	float: none;
	
}*/

.boxbody p.item, .sidebar p.item  {
	margin-top: .5em;
	margin-bottom: .4em;
	text-indent: -10px;
	margin-left: 10px;
	line-height: 1.3em;
	
}

p.item .fileInfo {
	font-size: 0.9em;
	display: block;
	text-indent: 0px;
}


/*
div.item .bullet {
	background: url(images/linkBulletBlue.gif) no-repeat left bottom;
	height: 9px;
	width: 6px;
	float: left;
	position: relative;
	top: .3em;
}

div.item .text {
	float: left;
	margin-left: 0.4em;
}
*/

.boxSet {
	margin-top: .5em;
	padding-top: .5em;
	padding-bottom: .5em;
	margin-bottom: .5em;
	height: 80px;
	/* overflow: hidden; */
	
}

.boxSet div {
	float: left;
	margin-right: 21px;
	margin-bottom: 8px;
}

.boxSet div.last {
	margin-right: 0px;
}


#footerNav {
	text-align: center;
	padding-top: 35px;
	padding-left: 13px;
	padding-right: 13px;
	width: 712px; /* 738 - (13 + 13 ) */
	clear: both;
	float: none;
}

#footerNavItems {
	padding-top: 5px;
	padding-bottom: 5px;
}

#footerFinePrint {
	width: 738px;
	text-align: center;
	color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
}

#footerDate {
	width: 738px;
	text-align: center;
	color: #999;
	padding-top: 1px;
	padding-bottom: 10px;
}

/*
.boxbody p.item2 {
	display: list-item;
	border-bottom: 1px dashed #0061BA;
	list-style-image: url(images/linkBullet.gif);
	list-style-position: outside;
	margin-left:16px;
} */


/* development */ 

.revisions {
	border: 1px solid #999999;
	overflow: auto;
	height: 4em;

}

.revisions li {
	color: #555;
	font-family: Arial, Helvetica, sans-serif;


}
.desNote {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
.desToDo {
	font-family: Arial, Helvetica, sans-serif;
	color: #CC0000;
}

.directions {
	font-style: italic;
}

/* links */


a, a img {
	text-decoration: none; /* set to "none" to hide underlines on links */
	border: none;
}

a:link {
	color: #0066CC;
}

a:visited {
	color: #4373A3;
}

/* Note: hover selector should be last in order to take precedence in :visited AND :hover situation */
a:hover {
	text-decoration: underline;
}

a:active {
	color: #FF3300;
}

/* tables */

table {
	font-size: 1em; /* Added for IE 5.5 */
	margin-top: 10px;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
}

tr.heading {
	background-color: #ccc;
}

tr.even {
	background-color: #ffc;
}

tr.heading td {
	vertical-align: top;
	font-weight: bold;
	background-color: #ccc;
}

td.numbers, td.numbers div {
	text-align: right;
}

td {
	border-top: 1px dotted #0061BA;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 4px;
}


.headingSubtitle {
	font-weight: normal;
}

span.footnoteRef {
	color:#666666;
	font-size: .8em;
	/* position: relative;
	top: -0.2em; */
}	

tr.total {
	background-color: #ccc;
	font-weight: bold;
}


div.sources {
	margin-top: 8px;
	font-size: .9em;
}

div.sources p.heading {
	font-weight: bold;
}

div.sources p {
	margin-bottom: 0.1em;
}


/* news */

.newsNav {
	margin-top: 20px;
	margin-bottom: 20px;
}

.newsNav .title {
	font-weight: bold;
	font-size: 1em;
	margin-right: 1em;
}

.years .year {
	margin-right: .5em;
	margin-left: .5em;
	font-weight: bold;
}



.newsItem, .newsHeading {
	float: none;
	background-image: url(images/dotsLineBlue.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: auto;
	padding-top: 0.6em;
	padding-bottom: 0.4em;
	width: 100%; /* BUG: This is needed to fix problem in IE 6 where backgrounds disappear sometimes when scrolling. */
}

.newsHeading {
	font-weight: bold;
	float: none;
}

.newsTitle {
	float: left;
	width: 400px;
}
.newsSource {
	float: left;
	width: 160px;
}
.newsDate {
	float: left;
	width: 150px;
}

.pressRelease .summary {
	font-style: italic;
	margin-top: 1em;
}

.pressRelease {
	line-height: 1.7em;
}

.pressRelease li {
	margin-bottom: .5em;
	line-height: 1.3em;
}

.article .header .source {
	font-size: 1.5em;
}

/* jobs */

.jobCatgory, .job h2, .article h2 {
	float: none;
	background-image: url(images/dotsLineBlue.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: auto;
	padding-top: 0.5em;
	padding-bottom: 0.8em;
	margin-bottom: .5em;
}


.jobCatgory  .item {
	margin-top: .4em;
}

.job li {
	margin-bottom: .2em;
}

.job h1, .job h2, .job h3 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

.job .header .label {
	text-transform: uppercase;
	font-weight: plain;
}

.job .header .value {
	font-weight: bold;
	
}

/* standard text headlines and body */ 

h1 {
	font-size: 1.6em; 
	margin-top: 0px;
}

h2, h3{
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 0em;
	margin-top: 0px;
}

.pullQuote {
	margin-bottom: 14px;
	text-align: center;
	color: #6666CC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}


.pullQuote h2 {
	font-size: 1.7em;
	padding-right: 15%;
	padding-left: 15%;	
	margin-bottom: 8px;
	line-height: 1.3em;
		
}
.pullQuote h3 {
	font-size: 1.5em;
	padding-right: 5%;
	padding-left: 5%;	
	margin-bottom: 8px;
	line-height: 1.3em;
}



/* also see .boxhead h2 above */

h4 {
	font-size: 1.0em;
	margin-top: 0px;
}

p {
	font-size: 1em;
	margin-bottom: 1em;
	line-height: 1.3em;
	margin-top: 0px;
}

/* lists - some above as well */

ul {
	margin-top: 0px;
	margin-bottom: 10px;
}

li {
	/* margin-top: 0px; */
	margin-bottom: 0px; 
}
.smallBody {
	font-size: 0.9em;
	color: #000000;
	line-height: 1em;
	font-style: italic;
}