/*==========================================================================================
COMMON CSS CLASSES
==========================================================================================*/

div#wrapper, div#hdrRow1, div#hdrRow2, div#body, div#footer {
	min-width: 950px;
	max-width: 950px;
}
div#wrapper {
	padding: 20px 20px 50px 20px;
	margin: 0px auto;
	position: relative;
}
.divider {
	padding: 0px 10px;
}
.dividerHor30px {
	padding: 0px 15px;
}
.p0x0x15x0 {
	padding: 0px 0px 15px 0px;
}
.p0x10x0x0 {
	padding: 0px 10px 0px 0px;
}
.p20x0x0x0 {
	padding: 20px 0px 0px 0px;
}
.spacervert0x15 {
	background-color: #009900;
	padding: 0px 15px;
}
.btmLinks {
	margin-top: 50px;
}
ul.bulletLiM2px li {
	margin-bottom: 2px;
}
ul.list2 {
	margin: 15px 0px 15px 15px;
}
ul.list2 li {
	list-style-position: outside;
	list-style-type: circle;
	margin-bottom: 15px;
}
ul.noBullet {
	margin: 0px 0px 15px 0px;
}
ul.noBullet li {
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 15px;
}
ul.regularBullet li {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
.floatLeft {
	float: left;
	padding: 10px 10px 10px 0px;
}
.floatRight {
	float: right;
	padding: 10px 0px 10px 10px;
}
.m0px {
	margin: 0px;
}
.valignMiddle {
	vertical-align: middle;
}
.clear {
	clear: both;
}
.btnSubmit {
	background: #FFFFFF url('images/btnSubmit_bg.gif') repeat-x top left;
	border: 2px double #1C701C;
	padding: 0px 10px;
	margin: 0px 10px 0px 0px;
}
.btnReset {
	background: #FFFFFF url('images/btnReset_bg.gif') repeat-x top left;
	border: 2px double #6B6B6B;
	padding: 0px 10px;
	margin: 0px 10px 0px 0px;
}

/*==========================================================================================
HEADER CSS CLASSES
==========================================================================================*/

div#header {
	width: auto;
	height: 97px;
	position: relative;
}
div#header div#hdrRow1 {
	height: 62px;
	float: left;
	display: inline;
	position: relative;
}
div#header div#hdrRow1 div#logo {
	width: 252px;
	height: 62px;
	float: left;
	display: inline;
	position: relative;
}
div#header div#hdrRow1 div#hdrCnt {
	border-left: 2px solid #CCCCCC;
	padding-left: 20px;
	margin: 17px 0px 0px 0px;
	width: auto;
	float: right;
	display: inline;
	position: relative;
}
div#header div#hdrRow1 div#hdrCnt p {
	text-align: right;
	padding: 0px;
	margin: 0px;
}
div#header div#hdrRow1 div#hdrCnt img {
	padding: 0px 3px;
}
div#header div#hdrRow2 {
	background: url('images/mainNav_bg.gif') left repeat-x;
	margin: 5px 0px 0px 0px;
	height: 30px;
	float: left;
	display: inline;
	position: relative;
}
div#header div#hdrRow2 div.left {
	width: 4px;
	height: 30px;
	float: left;
	display: inline;
	position: relative;
}
div#header div#hdrRow2 div.center {
	width: auto;
	height: 30px;
	float: left;
	display: inline;
	position: relative;
}
div#header div#hdrRow2 div.right {
	width: 4px;
	height: 30px;
	float: right;
	display: inline;
	position: relative;
}
a.mainNav, a.mainNav_sel {
	background: url('images/mainNav_link.gif') no-repeat right;
	padding: 6px 15px;
	height: 30px;
	line-height: 30px;
}
a.mainNav:hover, a.mainNav_sel, a.mainNav_sel:hover {
	background: url('images/mainNav_hover.gif') no-repeat right;
}

/*==========================================================================================
BODY CSS CLASSES
==========================================================================================*/

div#body {
	margin: 20px 0px 0px 0px;
	position: relative;
	clear: both;
}
div#body div#bodyBox1 {
	width: 245px;
	height: auto;
	float: left;
	display: inline;
	position: relative;
}
div#body div#bodyBox2 {
	padding: 0px 0px 0px 20px;
	width: 684px;
	height: auto;
	float: left;
	display: inline;
	position: relative;
}
div#homeRow1 {
	margin-bottom: 30px;
	height: 110px;
	display: block;
	clear: both;
}
div#homeRow2 {
	margin-bottom: 30px;
	height: 170px;
	display: block;
	clear: both;
}
div#homeRow3 {
	height: 137px;
	display: block;
	clear: both;
}
div.col2Layout {
	width: 685px;
}
div.col2Layout div.box1, div.col2Layout div.box2 {
	width: 327px;
	float: left;
	display: inline;
	position: relative;
}
div.col2Layout div.box2 {
	margin: 0px 0px 0px 30px;
	position: relative;
}
div.col2Layout div.boxGrayImgBG {
	background: url('images/boxGrayImgBG.gif') no-repeat left;
	width: 327px;
	height: 124px;
	float: left;
	display: inline;
	position: relative;
}
div.col2Layout div.boxGrayImgBG div.container {
	padding: 15px 20px 10px 20px;
}
table.newsevents {
	border: 1px solid #EFEFEF;
	border-collapse: collapse;
	width: 100%;
	margin: 0px;
}
table.newsevents th, table.newsevents td {
	padding: 0px;
}
table.newsevents th, table.newsevents td {
	text-align: left;
	border: 1px dotted #999999;
	border-collapse: collapse;
	padding: 10px;
	vertical-align: top;
	width: 50%;
}
table.newsevents th.hnews, table.newsevents th.hevents {
	padding-top: 0px;
}
table.newsevents th.hnews, table.newsevents td.news {
	padding-left: 0px;
}
table.newsevents th.hevents, table.newsevents td.events {
	padding-right: 0px;
}
table.leftMenuHolder {
	width: 245px;
}
table.leftMenuHolder th, table.leftMenuHolder td {
	padding: 0px;
}
table.leftMenuHolder td.leftNavLeftCol {
	background-color: #2C363A;
	width: 20px;
	min-height: 171px;
	vertical-align: top;
}
table.leftMenuHolder td.leftNavRightCol {
	background-color: #445157;
	width: 225px;
	min-height: 171px;
	vertical-align: top;
}
/* MAIN NAVIGATION STYLES START HERE */
#leftNav {
	float: right;
	width: 225px;
	padding: 0px;
}
* html #leftNav { /*IE 6 only */
	width: 200px; /*Box model bug: 225px minus all left and right paddings for #leftNav */
}
#leftNav ul {
	border: none;
	padding: 0px;
	margin: 0px;
}
#leftNav li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#leftNav li a {
	background-color: #445157;
	line-height: 33px;
	border-bottom: 1px dotted #5C6B72;
	padding: 0px 5px 0px 15px;
	width: 100%;
	display: block;
}
html>body #leftNav li a { /*Non IE6 width*/
	width: auto;
}
#leftNav li a:hover {
	background: #2C363A;
	border-bottom: 1px solid #2C363A;
}
/* MAIN NAVIGATION STYLES END HERE */

/* MAIN NAVIGATION SELECTED-MODE STYLES START HERE */
#leftNav li.leftNav_sel {
	margin: 1px;
}
#leftNav li.leftNav_sel a {
	background: #2C363A;
	border-bottom: 1px solid #2C363A;
	line-height: 33px;
	padding: 0px 5px 0px 15px;
	width: 100%;
	display: block;
}
html>body #leftNav li.leftNav_sel a { /*Non IE6 width*/
	width: auto;
}
#leftNav li.leftNav_sel a:hover {
	background: #2C363A;
	border-bottom: 1px solid #2C363A;
}
/* MAIN NAVIGATION SELECTED-MODE STYLES END HERE */
div#breadcrumb .divider {
	padding: 0px 5px;
}
table.grid1 {
	border: 1px solid #339933;
	border-collapse: collapse;
	margin-bottom: 15px;
	width: 100%;
}
table.grid1 th, table.grid1 td {
	vertical-align: top;
	border: 1px solid #009900;
	border-collapse: collapse;
	padding: 5px;
}
table.grid1 th {
	background-color: #339933;
}
table.grid1 td {
	border: 1px dotted #339933;
}
table.grid1 td.total {
	background-color: #CCCCCC;
}
table.formgrid {
	margin-bottom: 15px;
	width: auto;
}
table.formgrid td {
	padding: 5px;
	white-space: nowrap;
}
table.formgrid td.errordisplay {
	padding-top: 0px;
	padding-bottom: 0px;
}
table.paginationtable {
	width: 100%;
}
table.paginationtable img {
	border: 0px;
}
table.paginationtable td.sidecol {
	width: 100%;
}
table.paginationtable td.previous {
	padding-top: 5px;
}
table.paginationtable td.next {
	padding-top: 5px;
}
table.paginationtable td.pages {
	padding: 0px;
	white-space: nowrap;
}
table.paginationtable td a {
	padding: 0px 5px;
	margin: 0px 5px;
}
.formfield {
	width: 250px;
}
.formfield_w100px {
	width: 100px;
}
div.thumbnaildiv {
	float: left;
	border: 1px solid #666666;
	margin: 0px 15px 15px 0px;
}
table.portfolio {
	margin-bottom: 25px;
	width: 25%;
}
table.portfolio td {
	padding: 5px 0px 5px 0px;
}
table.portfolio td.col1, table.portfolio td.col2 {
	border-bottom: 1px dashed #CCCCCC;
	white-space: nowrap;
	width: 1%;
}
table.portfolio td.col2 {
	padding: 0px 5px;
	width: 1%;
}
table.portfolio td.col3 {
	border-bottom: 1px dashed #CCCCCC;
	white-space: nowrap;
}
table.portfolio td.thumbnail {
	padding: 15px 0px 0px 0px;
}

/*==========================================================================================
FOOTER CSS CLASSES
==========================================================================================*/

div#footer {
	border-top: 1px dotted #999999;
	position: relative;
	clear: both;
}
div#footer div.ftrRow1 {
	padding-top: 20px;
	position: relative;
}
div#footer div.ftrRow1 div.ftrBox1 {
	border-right: 2px solid #999999;
	padding-right: 20px;
	width: 243px;
	float: left;
	display: inline;
	position: relative;
}
div#footer div.ftrRow1 div.ftrBox2 {
	text-align: right;
	margin: 5px 0px 0px 20px;
	width: 665px;
	float: right;
	display: inline;
	position: relative;
}

/*==========================================================================================
POPUP CSS CLASSES
==========================================================================================*/

div.pbg {
	background: #FFFFFF url('images/layer_bg.jpg') repeat-x left bottom;
	border: 10px solid #FFFFFF;
	padding: 10px 20px;
	width: 640px;
	min-height: 300px;
}
div.pscroll {
	min-height: 255px;
	max-height: 255px;
	overflow: auto;
}

/*==========================================================================================
DROPDOWN MENU CSS CLASSES
http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm
==========================================================================================*/
/* ######### Default class for drop down menus ######### */

.mainNavSubMenu{
	background: #F6F6F6 url('images/mainNavMenu_bg.jpg') left top repeat-x;
	border: 1px solid #000000;
	line-height: 18px;
	width: 150px; /* default width for menu */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	z-index: 100; /* zIndex should be greater than that of shadow's below */
}
.mainNavSubMenu ul{
	list-style-type: none;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}
.mainNavSubMenu ul li{
	border-bottom: 1px dotted #999999;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}
.mainNavSubMenu ul li a{
	padding: 3px 0px 3px 0px;
	width: 100%;
	display: block;
}
.mainNavSubMenu a:hover{ /*hover background color*/
	background-color: #006699;
}