/* CSS Document */
* {margin:0; padding:0;}
html {min-height:100%; margin-bottom:1px; }
body {background:url('images/bg.jpg') repeat; margin:0; padding:0;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
#container {width:760px; position:relative; left:50%; margin-left:-376px;}
.clr {clear:both; }

/**************************************************************************************/
/*****SIDE COLUMN**********************************************************************/
.sideColumn {width:184px; margin:0; padding:0; float:left;}
.logo {float:left;}
.sideColumnBG {background:url('images/sideColumnBG.jpg') repeat-y; width:184px; margin:0; padding:0; float:left; clear:both;}
.sideColumn .sideColumnBG h1 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#000000; text-align:center; background-color:#e7e3d9; width:179px; margin:10px 0 20px 1px; padding:5px 0 5px 0;}

.sideColumn .sideColumnBG h2  {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#b67b4c; width:167px; margin:5px 0 0 0; padding:0 0 0 8px;}
.sideColumn .sideColumnBG h2 a {text-decoration:none; color:#b67b4c;}
.sideColumn .sideColumnBG h2 a:link {text-decoration:none;}
.sideColumn .sideColumnBG h2 a:visited {text-decoration:none;}
.sideColumn .sideColumnBG h2 a:hover {text-decoration:underline;}
.sideColumn .sideColumnBG h2 a:active {text-decoration:none;}
.sideColumn .sideColumnBG p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000000; width:172px; margin:2px 0 0 0; padding:0 0 5px 8px; border-bottom:1px solid #e7e3d9;}
.sideColumn .sideColumnBG .banner {width:120px; position:relative; left:50%; margin:20px 0 0 -62px; padding:0 0 20px 0;}

.sideColumn .footer {background:url('images/sideColumnFooter.gif') no-repeat; width:184px; height:66px; margin:0; padding:0; float:left; clear:both;}
.sideColumn .footer p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; margin:20px 0 0 32px; padding:0;}


/**************************************************************************************/
/*****FOOTER***************************************************************************/
.mainFooter {background:url(images/footerBG.gif) no-repeat; width:566px; height:66px; float:right; padding:0 5px 0 0;}
.mainFooter ul {list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; margin:8px 0 0 0; padding:0 25px 0 0; float:right; color:#fff;}
.mainFooter ul a {list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}
.mainFooter ul a:link {color:#fff; text-decoration:none;}
.mainFooter ul a:visited {color:#fff; text-decoration:none;}
.mainFooter ul a:hover {color:#FEE0B4; text-decoration:none;}
.mainFooter ul a:active {color:#fff; text-decoration:none;}
.mainFooter ul li {display:inline; margin:0;}
.mainFooter p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; margin:8px 0 0 0; padding:0 25px 0 0; float:right; color:#fff; clear:both; width:355px;}


/**************************************************************************************/
/*****TOP NAV**************************************************************************/
.topNav {float:left; width:566px; margin:15px 0 0 5px;}
.topNav .littleNav {float:right; background:url('images/littleNavBG.gif') no-repeat; width:208px; height:19px; padding:0 30px 0 0;}
.topNav .littleNav ul {list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:3px 0 0 10px;}
.topNav .littleNav ul a {list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000;}
.topNav .littleNav ul a:link {color:#000; text-decoration:none;}
.topNav .littleNav ul a:visited {color:#000; text-decoration:none;}
.topNav .littleNav ul a:hover {color:#b67b4c; text-decoration:none;}
.topNav .littleNav ul a:active {color:#000; text-decoration:none;}
.topNav .littleNav ul li {display:inline;}

.topNav .bigNav {background:url('images/bigNavBG.gif') no-repeat; width:566px; height:55px; float:left;}
.topNav .bigNav ul {list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; margin:20px 0 0 10px;}
.topNav .bigNav ul a {list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#fff;}
.topNav .bigNav ul a:link {color:#fff; text-decoration:none;}
.topNav .bigNav ul a:visited {color:#fff; text-decoration:none;}
.topNav .bigNav ul a:hover {color:#FEE0B4; text-decoration:none;}
.topNav .bigNav ul a:active {color:#fff; text-decoration:none;}
.topNav .bigNav ul li {display:inline; margin:0 0 0 10px;}


/* CSS added by Eric Poggel here and below.
 * Move, modify, and refactor as necessary. */

.error {
	color			: red;	
}

/*Error notification */
div.error {
	background: #fff6bf url(images/warn.png) center no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	margin: 8px 0 15px 15px;
	padding: 5px 20px 5px 45px;
	text-align: left;

}

/* Success notification */
div.success {
	background: #c4ffbb url(images/check.png) center no-repeat;
	background-position: 15px 50%;	
	border-top: 2px solid #00aa00;
	border-bottom: 2px solid #00aa00;
	margin: 8px 0 15px 15px;
	padding: 5px 20px 5px 45px;
	text-align: left;
	display: table;
}

/* Datagrid */
table.datagrid {
	width			: 100%;
	border			: 1px solid #964;
	padding			: 0px;
	margin			: 0px;
}

table.datagrid td {
	padding			: 3px;
	margin			: 0px;
}

table.datagrid th {
	background-color: #a22310;	
	color			: white;
	font-weight		: bold;
	padding-left	: 4px;	
	text-align		: left;
}

table.datagrid tr.row0 {
	background-color: #ddd;
}

table.datagrid tr.row1 {
	background-color: white;
}