@import url("/style/custom.css");

/*
-----------HTML Elements---------
*/
body {
	background: #fff url('/themes/grassland/images/body-bg.gif') top center repeat-x;
}
body, td, th, p {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.4em;
}
strong {
	color: #0c468f;
}
h1 {
	margin: 0 0 .8em 0;
	color: #0088D9;
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	line-height: 1em;
}
.inner_page h1 {
	display: none;
}
.contact_page h1 {
	display: block !important;
}
h2 {
	color: #005B93;
	font-family: "Times New Roman",Times,serif;
	font-size: 21px;
}
h3, h3 a {
	color: #8bb850;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: underline;
	text-transform: uppercase;
}
.news_page h3 {
	text-decoration: none;
	text-transform: none;
}
h4 {
	color: #0088d9;
}
h5 {
	color: #005b93;
}
.inner_page h1 {
	display: none;
}
.inner_page h2 {
	margin: 0 0 .8em 0;
	color: #0088D9;
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	line-height: 1em;
}

blockquote {
	margin: 0 0 0 20px;
}

/*
-----------Site-wide Tags-----------
*/

/*
-----------Page Layout-----------
*/
#pageWrap {
	width: 960px;
	margin: 0 auto 60px auto;
	background: #fff;
}
#pageContent {
	padding: 55px 50px;
}
.inner_page #pageContent {
	padding-top: 35px;
}

/*
-----------Header-----------
*/
#header {
	height: 134px;
	background: url('/themes/grassland/images/header-bg.jpg') top left;
}
#header .logo {
	top: auto;
	right: 75px;
	bottom: -12px;
	left: auto;
	z-index: 2;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/grassland/images/logo.png');
	_cursor: pointer;
}
#header .logo img {
	_filter: alpha(opacity=0);
	_cursor: pointer;
}
/*
----------subNav Design-----------
*/
#subNav {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-bottom: 6px;
	background: url('/themes/grassland/images/nav-bg.gif') bottom center repeat-x;
}
#subNav ul {
	margin-left: 48px;
}

/*
----------Nav Design-----------
*/
#navWrap {
	margin: 0;
	padding-bottom: 6px;
	background: #759d40 url('/themes/grassland/images/nav-bg.gif') bottom center repeat-x;
	text-align: center;
}
#navWrap ul {
	display: inline-block;
	*display: inline;
	zoom: 1;
}
#navWrap li a {
	padding: 12px 18px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 14px;
}
#navWrap li a:hover, #navWrap li.sfhover a {
	color: #4E682B;
	background: #82AD47;
}
#navWrap li ul {
	width: 176px;
	border: solid #82AD47;
	border-width: 3px 3px 1px 3px;
	background: #93BC5A;
}
#navWrap li ul li a, #navWrap li.sfhover ul li a {
	width: 160px;
	border-bottom: 2px solid #82AD47;
	padding: 5px 8px;
	color: #fff;
	font-size: 11px;
	font-family: Verdana, Arial, Times, serif;
	font-weight: normal;
	text-transform: none;
	background: none;
}
#navWrap li ul li a:hover {
	color: #4E682B;
}
#navWrap li ul ul {
	margin: -17px 0 0 176px;
}

/*
-----------Bread Crumb-----------
*/
#breadCrumb {
	padding: 10px 55px 0 55px;
}
#breadCrumb li, #breadCrumb li a {
	color: #3B73B9;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	line-height: normal;
}
#breadCrumb li a {
	margin: 0 7px 0 0;
	padding: 0 13px 0 0;
	background: url('/themes/grassland/images/breadcrumb.gif') right center no-repeat;
	text-decoration: underline;
}

/*
-----------General Column Formatting-----------
*/
.col {
	padding: 0;
}
.twoCol .col {
	width: 50%;
	_width: 49.9%;
}
.threeCol .col {
	width: 33.3%;
	_width: 33.2%;
}
.fourCol .col {
	padding: 0;
	width: 25%;
	_width: 24.9%
}
.listing {
	margin: 0 15px 15px 0;
}
.listingLt {
	margin: 0 10px 15px 0;
}
.listingRt {
	margin: 0 0 15px 10px;
}
.oneCol .listing {
	margin: 0 0 15px 0;
}
.twoCol .second .listing {
	margin: 0 0 15px 15px;
}
.threeCol .listing {
	margin: 0 7px;
}
.fourCol .listing {
	margin: 0 5px;
}

/*
----------Footer----------
*/
#footer {
	position: relative;
}
#footer, #footer strong {
	font-size: 12px;
	color: #231f20;
}
#footer .winLogo {
	position: absolute;
	bottom: 10px;
	right: 40px;
}

/*
--------Sidebar--------
*/
.incSidebarRight .content	{
	width: 588px;
	padding: 0 30px 0 0;
	float: left;
}
.sidebar {
	width: 200px;
	padding: 20px;
	background: #EBEFE7;
	float: left;
}
.sidebar .heading {
	color: #7A9952;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
}
.sidebar .listing {
	margin: 0;
}
.sidebar, .sidebar p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.sidebar a {
	color: #7A9952;
	font-style: italic;
	text-decoration: none;
}

/*
--------Butter Bits Sidebar--------
*/
#butterBitsSidebar h3, #butterBitsSidebar h3 a {
	color: #7A9952;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 13px;
	text-decoration: none;
	line-height: normal;
}

/*
--------News Styles--------
*/
.news_page .twoCol .col {
	width: 100%;
}
.news_page .twoCol .col .listing {
	width: 47%;
	float: left;
	margin: 0 3% 1em 0;
}

/*
--------Web Pages--------
*/
.web_page .twoCol .first {
	width: 35%;
	_width: 34%;
}
.web_page .twoCol .second {
	width: 65%;
	width: _64%;
}

/*
------------Market Report------------
*/
.marketReportTbl {
	width: 275px;
	border: 1px solid #DFE8EC;
}

.marketReportTbl th {
	background: #5A92C7;
	color: #fff !important;
	text-align: center;
}

.marketReportTbl td {
	border-right: 1px solid #DCE7F8;
	text-align: center;
}

.marketReportTbl .altItem {
	background-color:#EEF3FC;
	border-bottom:1px solid #DCE7F8;
	border-top:1px solid #DCE7F8;
}

.marketReportTbl .altItem  td{
	border-bottom:1px solid #DCE7F8;
	border-top:1px solid #DCE7F8;
}

/*
------------Homepage------------
*/
#homepage h1 {
	display: none;
}
#homepage .col h1 {
	display: block;
}

/*
------------Employment System------------
*/
.employment {
	background: #fff;
	width: 860px;
}

/*
-----------Form-----------
*/
.employment .formDisplay {
	border-bottom: 1px solid #f2f3f2;
	width: 100%;
	background: #fff;
}
.employment .formDisplay .altRow {
	background: #FAFDFE;
}
.employment .formDisplay .altRow .formDisplay{
	background: #fff;
}
.employment .formDisplay .note {
	display: block;
	padding: 4px 0 0 10px;
	color: #666;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.2em;
}
.employment .formDisplay td, .employment .formDisplay th {
	border-top: 1px solid #E4F4FA;
	padding: 7px;
	color: #444;
	vertical-align: top;
}
.employment .formDisplay th {
	width: 220px;
	text-align: right;
	padding-top: 11px;
}
.employment .formDisplay thead td, .employment .formDisplay thead th {
	background: #f6f6f6;
	padding: 7px;
	color: #444;
}
.employment .formDisplay .noBorder, .employment .formDisplay .noBorder td, .employment .formDisplay .noBorder th {
	border: none;
}
.employment .formDisplay label {
	font-size: 14px;
	color: #333;
}
.employment .formDisplay input, .employment .formDisplay textarea {
	/*width: 375px;*/
	border: 1px solid #9f9f9f;
	padding: 4px;
	color: #000;
	font-size: 15px;
}
.employment .rblDisplay, .employment .cblDisplay {
	background: none;
}
.employment .rblDisplay input, .employment .cblDisplay input {
	border: none 0;
	width: auto;
}
.employment .rblDisplay label, .employment .cblDisplay label {
	display: inline-block;
	*display: inline;
	padding: 0 10px;
	zoom: 1;
	font-size: 13px;
	width: 130px;
}
.employment .txtOtherLearn {
	margin-left: -90px;
}

.employment .checkbox input { width: 40px; border: none; }
.employment .cbSingle input { text-align: left; width: auto; margin-left: 5px; margin-right: 3px; border: none; }
.employment .rbl input, .employment .cbl input { width: 30px; border: none; }
.employment .formDisplay .date { width: 80px; }
.employment .formDisplay .btnSubmit { background: #278536; color: #fff; border: solid 3px #639e6c; width: 165px;}
.employment .formDisplay .btnSubmit:hover { cursor: pointer; opacity: 0.90; filter: alpha(opacity=90); }
.employment .required {
    color: #BE0000 !important;
    font-weight:bold;
    font-size: 12px;
}
.employment .validator {
    color: #8B0000 !important;
    margin: 3px 5px 3px 0;
    border: solid 1px #8B0000;
    display: block;
    padding: 3px 8px;
    width: 250px;
    background: #fff url(/employment/maintenance/images/bkgd-grad-red.gif) 0 0 repeat-x;
    text-align: center;
}