body {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #fff;
}

/* we need to add text-align: center to the body of the login page
for IE 5/5.5 because it doesn't understand auto margins */
body#login {
	text-align: center;
	background: #eee;
}

div, form, img, table {
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 11px;
}

h1 { margin: 0; }

h2 {
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px;
	font-size: 18px;
}

h2#forgotPass {
	border-bottom: none;
	font-size: 14px;
	text-align: center;
}

h3 {
	margin: 0 0 20px;
	font-size: 16px;
}

p {
	margin: 0 0 20px;
	font-size: 11px;
	color: #000;
}

/* general anchor (link) css rules */
a { color: #336699; text-decoration: underline; }
a:hover { text-decoration: none; }

/* general css rules for input text-fields -- use this class */
input.inputText {
	font-size: 11px;
	vertical-align: middle;
	width: 180px;
}

/* general css rules for input buttons -- use this class */
input.inputButton {
	font-size: 10px;
	vertical-align: middle;
	background: #6699CC;
	color: #fff;
	border: 1px solid black;
}

/* sets color for all errorMessage text */
.errorMessage { color: #cc0000; }


/*** CSS RULES FOR LOGIN PAGE ***/
#loginWrapper {
	background: #fff;
	text-align: left;
	margin: 70px auto 15px;
	width: 450px;
	border: 1px solid black;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 448px;
}
html>body>#loginWrapper {
	width: 448px;
}

#loginWrapper h1 {
	width: 448px;
	height: 60px;
	margin: 0;
}

#loginWrapper #loginContent {
	padding: 20px 10px;
}

#loginContent p#instructions {
	text-align: center;
	margin-bottom: 25px;
}

#loginContent table.usernamePassword {
	width: 300px;
	margin: 0 auto 8px;
	text-align: left;
}

.usernamePassword th {
	padding: 3px 15px 3px 0;
	text-align: right;
}

.usernamePassword td { padding: 3px 0; width: 190px; }

#loginContent p.errorMessage, #loginContent p#forgotPassword {
	margin: 0 80px 15px 175px;
	text-align: left;
}

#loginContent #loginResetButtons {
	margin: 0 0 15px 175px;
	text-align: left;
}
/*** END CSS RULES FOR LOGIN PAGE ***/


/*** CSS RULES FOR MAIN PAGES ***/

#pageWrapper {
	width: 752px;
	position: relative;
}

/* css rules for top black bar */
#pageWrapper #dateAndTopNav {
	width: 752px;
	height: 20px;
	background: #000;
	position: relative;
}

#dateAndTopNav p#date {
	color: #fff;
	margin: 0 0 0 8px;
	padding: 3px 0 0;
	line-height: 1;
}

#dateAndTopNav ul#topNavigation {
	position: absolute;
	right: 0;
	top: 3px;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #fff;
}

#topNavigation li {
	float: left;
	padding-right: 12px;
}

#topNavigation a {
	color: #fff;
	text-decoration: none;
	padding-left: 10px;
}
#topNavigation a:hover { text-decoration: underline; }
/* end css rules for top black bar */

a.header_link2{
	padding:10px;
}

#pageWrapper h1 {
	padding: 5px;
	background: url(../images/banner_background.jpg) 752px 3px no-repeat #fff;
}

/* css drop down menu stuff */
#pageWrapper ul#mainNavigation {
	height: 23px;
	font-size: 11px;
	margin: 1px 0 0 0;
	padding: 0 0 0 5px;
	list-style: none;
	position: relative;
	background: #D1D1D1;
	color: #fff;
}

#mainNavigation li {
	position: relative;
	float: left;
	padding: 0;
}

#mainNavigation li#publicSiteLink {
	float: right;
	padding-right: 5px;
}


#mainNavigation li a {
	color: #000;
	text-decoration: none;
	padding: 4px 10px 5px;
	line-height: 2.0;
}
#mainNavigation li a:hover {
	background: #4D4D4D;
	color: #fff;
}

#mainNavigation li ul {
	border-left: 1px solid #A0A0A0;
	border-right: 1px solid #A0A0A0;
	font-size: 10px;
	display: none;
	width: 220px;
	list-style: none;
	position: absolute;
	top: 752px;
	left: -3px;
	font-weight: normal;
	background:#868686;
	padding: 0;
	margin: 0;
}
/* not applied by IE Mac or PC \*/
#mainNavigation li>ul { top: auto; }
/* end work-around */

#mainNavigation li li {
	border-bottom: 1px solid #A0A0A0;
	display: block;
	width: 752px;
	text-align: left;
	float: none;
	margin: 0 0 0 -16px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: 0;
}
html>body #mainNavigation li li {
	margin: 0;
}

#mainNavigation li li a {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 752px;
	line-height: 1.3;
	padding: 4px;
}
html>body #mainNavigation li li a {
	width: auto;
}

#mainNavigation li:hover ul, #mainNavigation li.hover ul { display: block; }
/* end css drop down stuff*/

/* css rules for content section */
#pageWrapper #mainContent {
	padding: 25px 20px;
/*	width: 760px;*/
	voice-family: "\"}\"";
	voice-family: inherit;
/*	width: 720px; */
}
html>body #pageWrapper #mainContent {
/*	width: 720px; */
}

/* home page 2-column css rules */
#mainContent #homePageWelcome {
	float: left;
	width: 450px;
}
#mainContent #homePageContact { margin-left: 500px; }
/* end home page 2-column css rules */

#mainContent h3#toolManager { float: left; display: inline; margin-bottom: 10px; }
#mainContent input#addNew { float: right; margin-right: 10px; display: inline; }

#mainContent p.pagination {
	text-align: right;
	border-top: 1px solid #ccc;
	padding: 8px 10px 0 0;
	clear: both;
}

#mainContent table#editDeleteTool {
	width: 720px;
	text-align: left;
	margin-bottom: 15px;
}

#editDeleteTool th {
	vertical-align: top;
	padding: 5px;
}

#editDeleteTool td {
	vertical-align: top;
	padding: 10px 5px;
	border-top: 1px dashed #ccc;
}

#editDeleteTool td.editDeleteButtons {
	text-align: right;
	padding-right: 10px;
}
/* end css rules for content section */


/* sets the error box color */
div.errorBox {
	width:80%;
	border:1px solid #c00;
	padding:5px;
}

/*** END CSS RULES FOR MAIN PAGES ***/