﻿/* CSS built using samples + techniques described by Rachel Andrew in her book: "The CSS Anthology: 101 Essential Tips, Tricks & Hacks" */

/***** overall page *****/
body {
	margin:0px;
	background-image:url(images/backgroundgold.jpg);
	background-color:#FFFFFF;
	color:#000000;
	font-family:Trebuchet MS, Verdana, Tahoma, Arial;
	font-size:11pt;
}

a:link, a:visited  {color:#660000;}
a:hover {color:#ff6600;}

h1 {
	font-size:20pt;
	font-weight:bold;
}

h2 {
	font-size:16pt;
	font-weight:bold;
}

h3 {
	font-size:12pt;
	font-weight:bold;
	font-style:italic;
}

marquee {
	 background-color:#dd7a04;
	 font-family:Trebuchet MS;/*HelveticaRounded Bold;*/
	 font-size:16pt;
	 font-weight:bold;
	 color:white;
	 border-style:inset;
	 border-color:#c16b03;
	 border-width:thin;
	 
}

p {text-align:justify;}

table {
	text-align:justify;
}

td {
	vertical-align:top;
}

.LinksBold {
	font-family:Arial;
	color:Black;
	font-size:small;
	font-weight:bold;
	text-align:center;
}

.ChairmanMsgTtl {
	font-family:HelveticaRounded Bold;
	font-size:16pt;
}	
.ChairmanMsgTxt {
	font-family:HelveticaRounded Bold;
	font-size:12pt; 
	font-weight:normal;
}
.NewsHeadlineTitle {
	font-family:Trebuchet MS, Verdana, Tahoma, Arial;
	font-size:10pt;
	font-weight:bold;
	line-height:15pt;
	text-align:left;
}
.NewsHeadlineText {
	font-family:Trebuchet MS, Verdana, Tahoma, Arial;
	font-size:8pt;		
	text-align:left;
}

/***** top page header section *****/
#pageheader, #pageheader td{
	background-color:#da8207;
	background-image:url(nrfnpimages/bro_bgk.gif);
	white-space:nowrap;
}
#pageheader a {
	color: #FFFFFF;
	text-decoration: none;
} 
#pageheader a:hover {
	text-decoration: underline;
} 

/***** top menu section *****/
#topmenubar {
	position: relative;
	height: 30px;
	width: 100%;
	background-color:#da8207;
	background-image:url(nrfnpimages/bro_bgk.gif);
	color: #34096D;
	font-size: 0.8em;
}
#topmenubar tr {
	bottom:0.5em;
	left:1em;
	position:absolute;
}
#topmenubar td{
	white-space: nowrap;
}
#topmenubar a {
	color: #34096D;
	text-decoration: none;
}
#topmenubar a:hover {
	text-decoration:underline;
}

/***** content header section *****/
#contentheader {
	height: 3em;
	position:relative;
	border-top: 1px solid #34096D;
	border-bottom: 1px solid #34096D;
	color: #34096D;
	font-size: 1.2em;
	font-weight: bold;
	white-space: nowrap;
}
#contentheader div {
	left: 3em;
	position: absolute;
}
#contentheader a:link, #contentheader a:visited  {
	color: #34096D;
}

/***** navigation *****/
#navigation {
	position: absolute;
	left: 0;
	margin-top: 1em;
	width: 10em;
}
#navigation ul {
	margin-left: 0;
}
#navigation ul li {
	margin-left: 1em;
	padding-bottom: 0.2em;
	list-style-type: none;
	font-size: 1em;
	font-weight: bold;
}
#navigation ul li ul li {
	margin-left: 1em;
	padding-bottom: 0.2em;
	list-style-type: none;
	font-size: 1em;
	font-weight:normal;
}
#navigation ul li a, #navigation ul li ul li a {
	text-decoration: none;
	color: #34096D;
}
#navigation ul li a:hover, #navigation ul li ul li a:hover  {
	text-decoration: underline;
	color: #B7D31D;
}

/***** right menu *****/
#rightmenu {
	position: absolute;
	right: 0;
	width: 10em;
}


/*
#navigation {
	left: 0;
	position: absolute;
	margin-top: 1em;
	width: 10em;
}
#navigation li {
	border-bottom: 1px solid #34096D;
	font-size: 0.9em;
	font-weight: bold;
}
#navigation li a  {
	display: block;
	padding: .5em;
	border-left: 5px solid #34096D;
	border-right: 1px solid #34096D;
	background-color: #715299;
	color: #B7D31D;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #34096D;
	color: #FFFFFF;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation ul ul {
	margin-left: 1em;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #D6CEE2;
	color: #34096D;
	font-weight: normal;
}
#navigation ul ul a:hover {
	background-color: #34096D;
	color: #FFFFFF;
}
#navigation ul ul li {
	border-bottom: 1px solid #34096D;
	margin: 0;
	background-color: #D6CEE2;
	color: #34096D;
}
*/

/***** main content *****/
#content {
	left: 10em;
	position: absolute;
	padding-top : 1em;
	padding-left: 1em;
	padding-right: 1em;
}

/***** deal search & deal edit sections hyperlinks' style *****/
#dealsearchsection a:link, #dealsearchsection a:visited, #dealeditsection a:link, #dealeditsection a:visited  {
	color: #34096D;
}
#dealsearchsection a:hover, #dealeditsection a:hover {
	color: #B7D31D;
}

/***** deal edit page tables cells' styles *****/
#dealeditsection table td {
	vertical-align: top;
}
#dealeditsection table table td {
	color: #34096D;
	font-weight: bold;
}
 
/***** web control styles *****/
.WebControlStyle {
    /*CellPadding and CellSpacing specified on grid skin*/
    border-color: #B7D31D;
    border-style: groove;
    border-width: 0;
    font-size: 0.9em;
}
.WebControlStyle a:link, .WebControlStyle a:visited {
	color: #34096D;
}
.WebControlStyle a:hover {
	color: #B7D31D;
}
.WebControlHeaderStyle {
    background-color: #34096D;
    color: #B7D31D;
	font-weight: bold;
	white-space: nowrap;
	Wrap: "false";
}
.WebControlHeaderStyle a:link, .WebControlHeaderStyle a:visited {
	color: #B7D31D;
}
.WebControlHeaderStyle a:hover {
	color: #FFFFFF;
}
.WebControlAlternatingRowStyle {
    background-color: #D6CEE2;
}
.WebControlRowStyle {
    background-color: #DBE98D;
}

/***** purple header bar <div> styles *****/
.SectionHeaderBar {
	left: 0em;
	height: 1.5em;
	width: 60em;
	margin-top: 1em;
	padding-top: 0.5em;
	text-indent: 0.5em;
	position: relative;
	background:#34096D;
	color: #B7D31D;
	font-weight: bold;
}
.DialogHeaderBar {
	left: 0em;
	height: 1.5em;
	width: 35em;
	margin-top: 1em;
	padding-top: 0.5em;
	text-indent: 0.5em;
	position: relative;
	background:#34096D;
	color: #B7D31D;
	font-weight: bold;
}
