/* text in drop-down menus */
.textWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
	line-height: 16px; color: #FFFFFF
}

/* links in drop-down menus */
.childtd           { color: #FFFFFF }
.childtd a:link    { color: #FFFFFF; text-decoration: none }
.childtd a:visited { color: #FFFFFF; text-decoration: none }
.childtd a:hover   { color: #FFFFFF; text-decoration: none }
.childtd a:active  { color: #FFFFFF; text-decoration: none }

/* for mousing over drop-down menus */
.wcMouseOver 	{  line-height: 15px; border: solid; border-width: 1px 0px; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; border-color: #72709C #000000 #72709C; background-color: #72709C}
.wcMouseOut 	{  line-height: 15px; border: solid; border-width: 1px 0px; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; border-color: #72709C #000000 #72709C}
.wkMouseOver 	{  line-height: 15px; border: solid; border-width: 1px 0px; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; border-color: #330099 #000000 #330099; background-color: #330099}
.wkMouseOut 	{  line-height: 15px; border: solid; border-width: 1px 0px; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; border-color: #330099 #000000 #330099}
.gsMouseOver 	{  line-height: 15px; border: solid; border-width: 1px 0px; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; border-color: #A03134 #000000 #A03134; background-color: #A03134}
.gsMouseOut 	{  line-height: 15px; border: solid; border-width: 1px 0px; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; border-color: #A03134 #000000 #A03134}
.inMouseOver 	{  line-height: 15px; border: solid; border-width: 1px 0px; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; border-color: #666600 #000000 #666600; background-color: #666600}
.inMouseOut 	{  line-height: 15px; border: solid; border-width: 1px 0px; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; border-color: #666600 #000000 #666600}
.ndMouseOver 	{  line-height: 15px; border: solid; border-width: 1px 0px; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; border-color: #CD9934 #000000 #CD9934; background-color: #CD9934}
.ndMouseOut 	{  line-height: 15px; border: solid; border-width: 1px 0px; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; border-color: #CD9934 #000000 #CD9934}

/* #menuButton: i need to skoot the menu button up to close gap under table */
#menuButton { position:relative; top:-4px; z-index: 8;}
/* .dropDown: i need to skoot the drop-down up to close gap under table */
.dropDown   { position:relative; top:-8px; width:150px; z-index:20; visibility:hidden; }
/* #skootUnderDropDown: i need to skoot all following text up under the menuButtons.
	without top:-207px the text starts below the "table" containing the dropDown's */
#skootUnderDropDown { position: relative; top:-207px; z-index:3; visibility:visible; }

/* removes underline from ALL <a> links */
a { color: #0033FF; text-decoration: none; } 
a:hover { text-decoration: underline; }

/* removes underline in <a href> */
.invis { text-decoration: none; }
.invis:hover { text-decoration: underline; }

/* sets <body> attributes */
body {
	background-color: #FFE1E7;
	background-image: url(images/pink03.jpg);
	color: #030099;
	text-align: justify;
	margin: 10px;
}

/* .shadeDarker and .shadeDarker2 can be used to make the background just
	a shade or two darker than body's background-image */
.shadeDarker {
	background-image: url(images/pink02.jpg);
}
.shadeDarker2 {
	background-image: url(images/pink01.jpg);
}

/* sets <address> attributes */
address {
	font-size: small;
	font-style: italic;
}

smalltext {
	font-size: small;
}

/* made width of form's input and textarea 100% of container width */
textarea {
	font-size: medium;
	width: 100%;
}
input[type="text"], .inputText { 
	font-size: medium;
	width: 100%;
}
input[type="submit"] {
	background-color: #22AA44; 
	font-weight: bold;
} 

.box {
	width: 95%;
	background-color: #E0E0E0;
	padding: 4px;
	margin: 4px;
	border: 1px solid #808080;
}

/* attributes for form01 - nun run registration */
#form01 { margin-left:0px; border: 1px solid #808080; background-color: #E0E0E0;}
div.spacer {
	clear: both;
}
div.row {
	clear: both;
	padding-top: 5px;
}
div.row span.label {
	float: left;
	width: 12%;
	text-align: right;
}
div.row span.formw {
	float: right;
	width: 86%;
	text-align: left;
} 

/* -------------------------------------- */
/* attributes for provincial council 2005 */
#mapq001 {
	background-image: url("/secure/council2005/images/mapq01.jpg");
}
#mapq002 {
	background-image: url("/secure/council2005/images/mapq02.jpg");
}
#mapq003 {
	background-image: url("/secure/council2005/images/mapq03.jpg");
}

/* ----------------------------- */
/* bettyann-specific definitions */
pre { 
	color: black;
	width: 95%;
	border: 1px solid #808080;
	background-color: #E0E0E0;
	padding: 6px;
	margin: 4px;
}
.red { color: #FF0000; }
.greyBkg {
	width: 95%;
	background-color: #E0E0E0;
	padding: 6px;
	margin: 4px;
}
/* ----------------------------- */