body {
	margin: 0;
	background: url(../images/bkg.jpg) top center repeat
}
:focus { outline: none }
#container {
	width: 950px;
	height: auto;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 10px 0 10px -475px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #050000;
	border: 2px solid #FFF;
}
#container a { text-decoration: none }
#container a#home {
	width: 127px;
	height: 163px;
	position: absolute;
	top: 14px;
	left: 24px;
	background: url(../images/logo.gif) top left no-repeat;
}

#container dl {
	width: 100%;
	margin: 0 0 25px 0;
	overflow: hidden;
	_height: 1%;
}
#container dt {
	width: 65px;
	float: left;
	margin: 0 10px 0 0;
}
#container dt.right { text-align: right }
#container dd {
	width: 530px;
	float: left;
	margin: 0;
}

#container .changed {
	padding-right: 25px;
	font-weight: bold;
	color: #70a030;
	background: url(../images/changed.gif) center right no-repeat;
}
#container .break {
	width: 90%;
	clear: both;
	margin: 0 0 30px 5%;
	padding-top: 30px;
	border-bottom: 1px solid #d9e8c4;
}
#container .clear { clear: both }

.borderbottom { padding-bottom: 30px; border-bottom: 1px solid #D9E8C4 }
td.borderbottom { padding-bottom: 0 }

.greenCaps {
	font-size: 12px;
	text-transform: uppercase;
	color: #598223;
}

.addspace { padding: 10px 0 }
.addsmtopspace { margin-top: 5px }
.addtopspace, .tablepadding { margin-top: 15px }
.addlotsospace { padding-top: 40px }
.tablepadding td { padding: 5px }
.addleftspace { margin-left: 24px !important }
.nomargins { margin: 0 !important }

/* ----------------------------------------- masthead -------------------------------------- */
#masthead {
	width: 950px;
	height: 26px;
	position: relative;
	padding-top: 142px;
	background: url(../images/mastheadBkg.jpg) top left no-repeat;
}
#logLinks {
	width: 950px;
	height: 30px;
	font-size: 16px;
	text-align: right;
	color: #FFF;
}
#logLinks a {
	color: #FFF;
	margin-left: 10px;
	padding: 0 15px;
	border-left: 1px solid #FFF;
}
#logLinks a:hover { background-color: #c92e2c }
/* ----------------------------------------- /end masthead styles -------------------------------------- */




/* ----------------------------------------- content -------------------------------------- */
#contentContainer {
	width: 950px;
	height: auto;
	position: relative;
	float: left;
	padding: 20px 0 60px 0;
	background: url(../images/contentContainerBkg.jpg) top left repeat-y;
}
#contentContainer.entirearea { background: #FFF }
#contentContainer.entirearea #content { width: 920px }
#contentContainer.logIn { background: #FFF }
#contentContainer h1, #contentContainer h2 {
	margin: 0;
	padding: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	color: #FFF;
	background-color: #8aba4a;
}
#contentContainer h1 u {
	float: right;
	font-size: 14px;
	text-decoration: none;
}
#contentContainer h2 { background-color: #6d0303 }
#contentContainer h3 {
	clear: both;
	margin: 0 0 5px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #537a20;
	background: url(../images/h3ContentBkg.gif) bottom right no-repeat;
}
#contentContainer h3 u {
	padding-right: 5px;
	text-decoration: none;
	background-color: #FFF;
}
#contentContainer h3 u.first { background-color: #F0F6E8 }
#contentContainer h3.closed {
	margin-top: 25px;
	/*background-image: url(../images/h3ContentBkg-closed.gif);*/
}
#contentContainer h4 {
	margin: 0 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #598223;
}
#contentContainer h5 {
	margin: 75px 0 25px 0;
	font-size: 14px;
	font-weight: bold;
}
#contentContainer h5.first { margin-top: 25px }
#contentContainer h6 {
	clear: both;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
}
#contentContainer a {
	color: #933;
	text-decoration: underline;
}
#contentContainer a:hover { background-color: #f6e2e2 }
#contentContainer p { margin: 0 0 15px 0 }
#contentContainer p.smType {
	clear: both;
	padding-top: 30px;
	font-size: 11px;
	font-style: italic;
	line-height: 17px;
}
#content {
	width: 635px;
	float: left;
	padding: 10px 15px 0 15px;
}
#main {
	width: 96%;
	clear: both;
	padding: 15px 2%;
	background: url(../images/alertsBkg.jpg) top left repeat-x;
	overflow: hidden;
	_height: 1%;
}
/* ----------------------------------------- /end content styles -------------------------------------- */




/* ----------------------------------------- side nav -------------------------------------- */
#sideNav {
	width: 249px;
	float: left;
	padding: 0 15px 0 20px;
}
#sideNav a {
	height: 25px;
	display: block;
	margin-top: 10px;
	padding: 5px 0 0 30px;
	font-size: 14px;
	text-decoration: none;
	color: #4c6927;
	background: url(../images/sideNavABkg.jpg) top left no-repeat;
}
#sideNav a:hover { background-image: url(../images/sideNavHoverBkg.jpg) }
#sideNav a.opened, #sideNav a.closed, 
#sideNav a.openedFirst, #sideNav a.closedFirst, 
#sideNav h3 {
	height: 37px;
	margin: 40px 0 0 0;
	padding: 12px 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	color: #4c6927;
	background: url(../images/h3Bkg.gif) top left no-repeat;
}
#sideNav a.first, #sideNav a.closedFirst, 
#sideNav a.openedFirst, #sideNav h3.first {
	margin: 0;
}
/*#sideNav a.closed, #sideNav a.closedFirst {
	background: url(../images/h3Bkg-closed.gif) top left no-repeat;
}
#sideNav a.opened, #sideNav a.openedFirst {
	background: url(../images/h3Bkg-opened.gif) top left no-repeat;
}*/
/* ----------------------------------------- /end side nav styles -------------------------------------- */




/* ----------------------------------------- footer -------------------------------------- */
#footer {
	width: 950px;
	height: 70px;
	clear: both;
	padding-top: 10px;
	background: url(../images/footerBkg.jpg) top left repeat-x;
}
#footer ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footer li {
	display: inline;
	margin: 0;
	padding: 0;
	border-right: 1px solid #FFF;
}
#footer li.last { border: none }
#footer a { color: #FFF; padding: 0 10px }
#footer a:hover { background-color: #c92e2c }
/* ----------------------------------------- /end footer styles -------------------------------------- */




/* ----------------------------------------- forms and buttons -------------------------------------- */
.form { width: 92%; margin-left: 4% }
.form dl {
	margin: 7px 0  !important;
	padding: 10px 0px;
	background-color: #f6f7f5;
}

.form dl.alt { background: none }
.form dt { width: 140px !important; padding: 5px 0 5px 10px }
.form dt.long { width: 340px !important; padding: 5px 0 5px 10px }
.form dt.short { width: 15px !important; padding: 5px 0 }

.form dd { width: auto !important; padding: 5px 0 }
.form dd.long { width: 500px !important }

dd ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
}
dd li { margin: 3px 0; float: left }
dd li input { float: left; margin-right: 5px }

.note {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #EFEFEF;
}
.note strong {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #598223;
}
.note i {
	display: block;
	font-size: 11px;
	font-style: normal;
	color: #598223;
}

.field, .fieldShort, .fieldXShort, .fieldSearch {
	width: 320px;
	padding: 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #050000;
	border: 1px solid #7f9db9;
}
.fieldSearch { width: 200px; margin-right: 0px; }
.fieldShort { width: 90px; margin-right: 10px }
.fieldXShort { width: 35px; margin-right: 0px }

.fieldFit { width: 95% }

.redSm, .grnSm, .grnSmGrnBkg, .grnLog, .redSmR, .graySm {
	width: 150px;
	height: 40px;
	margin-right: 10px;
	padding-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: center;
	color: #FFF;
	background: url(../images/button-grnSm.jpg) top left no-repeat;
	border: none;
	cursor: pointer;
}
.redSm, .redSmR { background-image: url(../images/button-redSm.jpg) }
a.redSm {
	width: 150px;
	height: 35px;
	float: right;
	margin-right: 35px;
	padding-top: 5px;
	color: #FFF !important;
}
.graySm { margin: 15px 0 0 24px; background-image: url(../images/button-graySm.jpg) }
.grnSmGrnBkg { background-image: url(../images/button-grnSmGrnBkg.jpg) }
.grnLog {
	width: 150px;
	height: 40px;
	margin-top: 0px;
	padding: 0px 20px 7px 0;
	background-image: url(../images/button-grnLog.jpg);
}

/*
.grnLog {
	width: 115px;
	margin-top: 25px;
	padding: 7px 35px 7px 0;
	background-image: url(../images/button-grnLog.jpg);
}
*/
.grnApprove, .grnApproveR, 
.grnAdd, .grayAdd, 
.grnNext, .grayNext, 
.grnSubmit, .graySubmit {
	width: 211px;
	height: 40px;
	float: left;
	clear: both;
	margin-top: 25px;
	padding: 0 35px 7px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: center;
	color: #FFF;
	background-image: url(../images/button-grnSubmit.jpg);
	border: none;
	cursor: pointer;
}
.grnApproveR, .redSmR { float: right; margin: 10px 0 10px 0 }
.grnAdd { background-image: url(../images/button-grnAdd.jpg) }
.grayAdd { background-image: url(../images/button-grayAdd.jpg) }
.grnNext { background-image: url(../images/button-grnNext.jpg) }
.grayNext { background-image: url(../images/button-grayNext.jpg) }
.graySubmit { background-image: url(../images/button-graySubmit.jpg) }
.grnSave, .redCancel, .redCancelR, .graySave, .grayCancel, .grnSaveR {
	width: 170px;
	height: 40px;
	float: left;
	margin: 0 10px 50px 0;
	padding: 0 30px 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: center;
	color: #FFF;
	background: url(../images/button-grnSave.jpg) top left no-repeat;
	border: none;
	cursor: pointer;
}
.redCancel, .redCancelR { background-image: url(../images/button-redCancel.jpg) }
.redCancelR { float: right; margin: 10px 0 10px 0 }
.graySave { background-image: url(../images/button-graySave.jpg) }
.grayCancel { background-image: url(../images/button-grayCancel.jpg) }
.grnSaveR { float: right }
p.clear .grnSave, p.clear .redCancel, 
p.clear .graySave, p.clear .grayCancel { margin-bottom: 5px }

p.small {
	font-size: 11px;
	font-style: italic;
	color: #A43335;
	margin-bottom: 0px;
}

/* ----------------------------------------- /end forms and button styles -------------------------------------- */




/* ----------------------------------------- specific page styles -------------------------------------- */
/* ----------- log in page ----------- */
#contentHome { width: 96%; margin: 10px 2% }

/* ----------- welcome page ----------- */
#preferMethod {
	width: 184px;
	float: left;
	padding: 0 0 10px 15px;
	border-right: 1px solid #d9e8c4;
}
#altMethod {
	width: 355px;
	float: left;
	padding-left: 50px;
}
#altMethod h4, #preferMethod h4 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}
#messages {
	width: 605px;
	clear: both;
	padding: 15px;
	background: url(../images/alertsBkg.jpg) top left repeat-x;
	overflow: hidden;
	_height: 1%;
}
#messages { background-image: url(../images/messagesBkg.jpg) }
#messages .break { border-bottom-color: #e0caca }
#messages .redSm { float: right; margin: 20px 20px 0 0 }


/* ----------- admin welcome page ----------- */
#main #welcomeForms, #main #welcomeAccounts, #main #welcomeReports {
	width: 180px;
	min-height: 240px;
	float: left;
	padding: 10px;
	border-right: 1px solid #d8e8c3;
}
#main #welcomeReports { background: url(../images/welcomeReportsBkg.jpg) top left repeat-x }
#main #welcomeForms .grnSm, #main #welcomeAccounts .grnSm, 
#main #welcomeReports .grnSmGrnBkg { margin: 0 0 15px 15px }



/* ----------- admin forms ----------- */
div.left, div.right {
	width: 50%;
	float: left;
	margin-bottom: 20px;
}
div.left dl, div.right dl { margin: 5px 0 !important }
div.left dt, div.right dt { width: 100px !important }
div.left dd, div.right dd { width: 180px !important }
div.right dt { width: 200px !important; text-align: right }
div.right dd { width: 80px !important }
div.right select { width: 80px }

#tableImitator { width: 80%; margin-left: 5% }
#tableImitator ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#tableImitator li {
	width: 25%;
	float: left;
	margin: 3px 0;
}
#tableImitator li.first { width: 50% }

/* ----------- misc ----------- */
a.previous {
	float: right;
	margin-top: -25px;
	padding-left: 18px;
	font-size: 12px;
	font-style: italic;
	text-decoration: none;
	color: #050000 !important;
	background: url(../images/arrowPrevious.gif) center left no-repeat;
}
a:hover.previous { background-color: #FFF !important }


a.EditInPlaceLink { text-decoration: none !important; color: Black !important }

a.EditInPlaceLinkChanged { text-decoration: none !important; color: #70a030 !important }

.EditInPlaceTextbox {
	padding: 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #050000;
	border: 1px solid #7f9db9;
}

.EditInPlaceDDL {
	padding: 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #050000;
	border: 1px solid #7f9db9;
}


ul.error {
	clear: both;
	margin-top: 0;
	list-style-type: square;
	font-size: 11px;
	font-style: italic;
	color: #A43335;
}
#contentHome dt { width: 140px !important; padding: 5px 0 5px 10px }

.delete {
	width: 100%;
	clear: both;
	float: left;
	margin: 15px 0;
	padding: 15px 0;
	text-align: center;
	background: url(../images/alertsBkg.jpg) top left repeat-x;
	border-top: 1px solid #d9e8c4;
	border-bottom: 1px solid #d9e8c4;
}


/* ----------- form display grids ----------- */
.FormDisplayGrid { width: 80%; margin: 15px 10%; border: 1px solid #FFF }
.FormDisplayGrid td {
	margin: 1px;
	padding: 10px 0;
	text-align: center;
}
.FormDisplayGridHeader {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 16px;
	color: #FFF;
	background-color: #8ABA4A;
}
.FormDisplayGridItem { background-color: #F0F6E8 }

.FormDisplayGridAltItem { background-color: #FFF }





/* form field styling - inactive and active with 6 sizes, textareas and selects */
.inactiveField, 
.inactiveFieldXLg, 
.inactiveFieldLg, 
.inactiveFieldMed, 
.inactiveFieldSm, 
.inactiveFieldXSm,
.activeField, 
.activeFieldXLg, 
.activeFieldLg, 
.activeFieldMed, 
.activeFieldSm, 
.activeFieldXSm,
.textArea,
.textAreaLg, 
select {
	width: 190px;
	height: 22px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #485266;
	background-color: #f7fbff;
	border-top: 1px solid #a2a8b2;
	border-right: 1px solid #e1e6ea;
	border-bottom: 1px solid #e1e6ea;
	border-left: 1px solid #a2a8b2;
}

.inactiveField, 
.inactiveFieldXLg, 
.inactiveFieldLg, 
.inactiveFieldMed, 
.inactiveFieldSm, 
.inactiveFieldXSm {
	background: none;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
}

.inactiveFieldXLg, 
.activeFieldXLg { 
	width: 300px; 
	margin-right: 50px 
}
select.selectLg {
	width: 100%;
	height: 200px;
	float: none;
	overflow: scroll;
	margin-top: 40px;
}

.inactiveFieldLg, .activeFieldLg { width: 200px }

.inactiveFieldMed, .activeFieldMed { width: 100px }

.inactiveFieldSm, .activeFieldSm { width: 70px }

.inactiveFieldXSm, .activeFieldXSm { width: 35px }

a.selectLink {
	width: 100%;
	display: block;
	padding-bottom: 3px;
	color: #485266 !important;
	text-decoration: none !important;
	border-bottom: 1px solid #e1e6ea !important;
}
a.selectLink:hover {
	cursor: text;
	background: none !important;
}

div.editUserLeft { width: 265px; float: left; font-size: 11px }
div.editUserLeft h4 { padding-top: 40px }
div.editUser { width: 330px; float: right; font-size: 11px }
div.editUser dl { width: 330px; margin: 8px 0 !important }
div.editUser dt { width: 120px !important; text-align: right }
div.editUser dd { width: 200px !important }




.ReportFooter
{
	color: #FFF;
	background-color: #8aba4a;
}

/* styles the large grid of data on reports */
.large-grid {
	font-size: 11px;
}