@import url(reset-fonts-grids.css);
@import url(screen-error.css);
@import url(screen-table.css);

/*content styles */

#doc2{
	height: 100%;
}

html{
	height: 100%;
}
body {
	height:100%;
	margin: 0;
	padding: 0;
}

a {
	color: #993300;
}
	
a:hover {
	color: #5C743D;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

strong em, em strong {
	font-style: italic;
	font-weight: bold;
}

.hard {
	clear: both;
}

.hide {
	display:none;
}

h1{ 
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 26px;
	font-weight: bold;
	color: #003366;
}

h2{
	/*line-height:26px;*/
	letter-spacing:.21em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

h3 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	font-weight: bold;
	color: #003366;
	letter-spacing: normal;
	word-spacing: normal;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
}

p {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight: normal;
	word-spacing: normal;
	letter-spacing: normal;
}

p, #yui-main div.yui-b p {
	line-height: 140%;
	margin: 1em 0;
	font-size:13px;
}


strong {
	font-weight: bold;
}

strong em, em strong {
	font-style: italic;
	font-weight: bold;
}

#yui-main li {
	margin-left:2em;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
}

#yui-main ol li, {
	list-style-type:decimal;
}

#yui-main ul li {
	list-style-type:disc;
}


#bd {
	font-family: Arial, Helvetica, sans-serif;
 	height:100%;
	background: #FFFFFF;
}

#contentArea {
	font-family: Arial, Helvetica, sans-serif;
	margin:10px;
	height:100%;
}

#hd {
}
#header{
	background: url(images/bpr-header-bg.jpg) no-repeat;
	height:192px;
	width:950px;
}

#header-nosidebar{
	background: url(images/bpr-header-bg-noSidebar.jpg) no-repeat;
	height:192px;
	width:950px;
}

#maincontent {
	font-family: Arial, Helvetica, sans-serif;
	padding-top: .5em;
	margin:10px 0 10px 0;
	display: block;
}

#maincontent h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
}

#item2{
	margin-left:15px;
}
.prominent-item{
	float: left;
	margin-top:15px;
}

.story-top{
	background: url(images/bpr-story-top.jpg);
	width:562px;
	height:33px;
	text-transform: uppercase;
	font-size:20px;
	color: #FFFFFF;
	line-height:35px;
	text-indent: 10px;
}
.story-top a, .item-top a{
	color:#FFF;
	text-decoration: none;
}
.story-top a:hover, .item-top a:hover{
	color:#FFF;
	text-decoration: underline;
}
.story-body{
	background: url(images/bpr-story-bg.jpg);
	background-repeat:repeat-y;
	width:563px;
	overflow: hidden;
}
html>body .story-body {
	height: auto;
}
.story-bottom{
	background: url(images/bpr-story-bottom.jpg);
	width:563px;
	height:15px;
}
.story-image{
	margin: 0 10px;
	float:left;
}

.story-content{
	margin-right:10px;
}

.story-contentNoImg{
	margin: 0 10px;
}

.item-top {
	background: url(images/bpr-item-top.jpg);
	width:274px;
	height:32px;
	text-transform: uppercase;
	font-size:17px;
	color: #FFFFFF;
	line-height:35px;
	text-indent: 10px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
}

.item-body{
/*	border: 1px solid red;
	background: url(images/bpr-item-bg.jpg);
	width:274px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; */
border: 1px solid green;
	width:274px;
}

.item-td {
	margin-right: 8px;
	padding-top: 0px;
}


.item-table {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 274px;
	background: url(images/bpr-item-bg.jpg);
}

.story-body td, .item-table td {
	padding-top: 10px;
}

.story-body td h2 {
	color:#338000;
	font-weight: 600;
}

.item-bottom{

	background: url(images/bpr-item-bottom.jpg);
	width:274px;
	height:12px;
}

.viewshow{
	width:563px;
	margin: 0;
	padding: 0;
}

.viewshow h2 {
	color:#338000;
	font-weight: 600;
}


ul {
	list-style: disc;
	margin-left: 24px;
}

ul li {
	list-style: disc;
	margin-bottom: 8px;
	margin-right: 10px;
}



#sidebar{
	width:198px;
	margin-left: -12px;
	background: url(images/bpr-sidebar-bg.jpg) repeat-y;
	height:100%;	
}

#sidebar-top{
	background: url(images/bpr-sidebar-top.jpg) top;
	width:198px;
	height:16px;
}

#sidebar-content{
	width:155px;
	margin:auto;
	position:relative;
	margin-bottom:12px;
}
div.sidebarItem {
	border: 1px solid #455A79;
	margin-top: 10px;
	padding: 10px;
	margin-right: 5px;
	width: 140px;
	height: 100%;
}

div.yui-b{
	height:100%;
}
div.yui-u{
	height:100%;
}
div.yui-ge{
	height:100%;
}
div#yui-main{
	height:100%;
}
       

/*------------------------------
	Navigation Styles
-------------------------------*/
#nav {
	background: #154072;
	margin:0;
	color: #003366;
	width: 160px;
	height: 100%;
}


ul#navigation {
	margin: 0px 0px 0px 0px;
}

ul#navigation li {
	width: 160px;
	list-style: none;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #F4FFE4;
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
}

ul#navigation li a {
	color: #FFFFFF;
	line-height:16px;
	text-decoration: none;
	display:block;
	padding:8px 6px 8px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	vertical-align: bottom;
}

ul#navigation li a:hover {
	color:#009933;
	background-color: #99CCCC;
}

dl.archive{
	margin: 20px 0;
}

.archive dt{
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.archive dd{
	margin-top: -7px;
	margin-bottom: 21px;
}
div#signinmessage{
	background-image: url(images/green-check.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	height: 30px;
}
div#signinmessage p {
	color:#338000 !important;
	font-weight: bold;
	padding-left:35px;
	vertical-align: text-top;
}