/*

	BLJC - CSS Definitions

*/
html{
    overflow-y: scroll;
}
body {
	width: 920px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #00549A;

	font-family: verdana,arial;
	font-size: 0.8em;
	color: #555;
	
}

td {
	background-color: #fff;
}

#logo {
	height: 116px;
	padding-top: 27px;
	padding-left: 29px;
}


#searchBox {
	 border-style: hidden;
     border-width: 0px;
     width: 74px; 
     height: 16px;
     color: #555;
     padding-left:7px;
     padding-right:7px;
     font-size:8pt;
     background-color: #CCCCCC;
     /* background-image: url(/images/searchField.GIF);
     background-repeat: no-repeat; */

}


#pageArea {
	width: 854px;
	padding-left: 22px;
	padding-right: 22px;
	padding-bottom: 30px;
	background-image: url(/images/common/background.gif);
	background-color: #fff;
	background-repeat: repeat-y;
}

#mainNav {
	width: 875px;
	height: 34px;
	background-color: #88BA38;
}

.mainNavItem {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	z-index: 1;
}

#menuCatch1 {
	position: absolute;
	margin-top: 93px;
	width: 875px;
	height: 50px;
	/* background-color: none; */
	z-index: 0;
}

#menuCatch2 {
	position: absolute;
	margin-top: 177px;
	width: 875px;
	height: 500px;
	/* background-color: none; */
	z-index: 0;
}

.dropdown {
	background-color: #fff;
	border: 1px solid #88BA38;
	position: absolute;
}
	.dropdown ul {
		width: 200px;
		margin: 0px;
		padding: 0px;
	}

	.dropdown ul li {
		padding: 5px;
		list-style-type: none;
		border-bottom: 1px solid #88BA38;
	}

	.dropdown li:hover {
		background-color: #88BA38;
	}

	.dropdown li:hover a {
		text-decoration: none;
		color: #fff;
	}

	.dropdown a {
		text-decoration: none;
		color: #88BA38;
	}

#subNav {
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	width: 200px;
	font-size: 0.8em;
}

#subSubNav {
	margin-top: 0px;
	padding-bottom: 10px;
	margin-left: 10px;
	padding-left: 10px;
	width: 190px;
	font-size: 0.8em;
	/* background-color: #88BA38; */
}

	#subSubNav li a {
		color: #555;
	}

	#subNav li a {
		color: #555;
	}

	#subSubNav li a {
		/* color: black; */
		font-size: 1.1em;
	}

	.subNavItem {
		border-bottom: 2px solid #88BA38;
		list-style: none;
		padding-left: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 200px;
	}
	
	.subSubNavItem {
		border-bottom: 2px solid #88BA38;
		list-style: none;
		padding-left: 20px;
		padding-top: 0px;
		padding-bottom: 10px;
		width: 160px;
	}	

	li.subNavItemSelected {
		background-color: #88BA38;
		font-weight: bold;
	}
		.subNavItemSelected a {
			color: #fff !important;
		}

	.subSubNavItemSelected {
		background-color: #88BA38;
		font-weight: bold;
	}
		.subSubNavItemSelected a {
			color: #fff !important;
		}

	.subSubNavItem {
		padding-top: 5px;
	}
	

#breadcrumb {
	width: 850px;
	border-bottom: 1px solid #88BA38;
	padding-left: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 0px;
	background-color: #fff;
}

#breadcrumbs {
	top                    : 0px;
	text-align             : left;
	display                : inline;
	list-style             : none;
	font-size              : 11px;
	font-family            : Arial, Verdana, Tahoma, sans-serif;
}
#breadcrumb li
{
	margin-left            : 3px;
	float                  : left;
}

#breadcrumb li a
{
	color: #88BA38;
	text-decoration        : none;
}
#breadcrumb li a:hover
{
	text-decoration        : underline;
}

#globalnavlinks{
}

#globalnavlinks a
{
    color: #555;
    text-decoration: none;
}

#globalnavlinks a:active
{
    color: #555;
    text-decoration: none;
}

#globalnavlinks a:visited
{
    color: #555;
    text-decoration: none;
}
#globalnavlinks a:hover
{
    color: #555;
    text-decoration: underline;
}

#content {
	width: 875px;
}

	#content a {
		color: #00549C;
		text-decoration: none;
	}

	#content a:hover {
		text-decoration: underline;
	}

	#content h1 {
		color: #89B938;
		font-size: 1.6em;
		padding-top: 0px;
		margin-top: 0px;
	}

	#content h2 {
		color: #89B938;
		font-size: 1.2em;
	}

	#content hr {
		padding: 0px;
		color: #A7CB6C;
		background-color: #A7CB6C;
		height: 1px;
		border: 0;
	}

	#content #rightBox {
		float: right;
		width: 225px;
		/*align the box to the right side*/
		/*margin-right:-25px;*/
		
		margin-top: -15px;
		background-color: #89B938;
		color: #fff;
		margin-left: 10px;
		margin-bottom: 10px;
	}

	#content #rightBox h2 {
		color: #fff;
	}

#footer {
	padding-left: 30px;
	margin-top: 20px;
	font-size: 0.8em;
}

#footer td {
	padding-top: 15px;
}

#footer a {
	color: #555;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/*form formating for the feedback form*/
#feedbackContent .required {
	color: red;
}

#feedbackContent .fieldLabel {
	font-size: 11px;
}

#feedbackContent .contact_table td {
	padding: 4px 4px 4px 4px;
}

#feedbackContent select {
	font-size: 11px;
	color: #333333;
	font-family: Verdana;
}

#feedbackContent input {
    width: 185px;
	font-size: 11px;
	color: #333333;
	font-family: Verdana;
}


.tab {
	letter-spacing: -1px;
	float: left;
	border: 1px solid #89B938;
	border-bottom: 0px;
	margin: 0px 4px 0px 0px;
	padding: 3px 3px 3px 3px;
	font-size: 0.7em;
	cursor: pointer;
}

.active {
	background-color: #89B938;
}

.active a {
	color: #fff;
}	

.tab:hover {
	background-color: #ACCF74;
}

.tabContainer {
	width: 322px;
	border: 1px solid #89B938;
	padding: 10px;
	top: -1px;
}

	.tabContainer p {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.tabContainer h2 {
		margin-top: 0px;
	}