body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	color: #000;
	margin: 0;
	background-color: #fff;
}

/*Drop down menu styles*/

#dropmenudiv {
position: absolute;
border: 1px solid #ccc;
border-bottom-width: 0;
font: normal 1em Verdana, Geneva, sans-serif;
line-height: 18px;
z-index: 100;
}

#dropmenudiv a {
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ccc;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color: #cc0000;
}

#dropmenudiv a:hover { 
background-color: #f5f5eb;
}

/*Top Banner*/

/*set up the background tile, full width of the window*/
div#bannerTop {
	background: url(../images/bg_bannerTop.gif) top center repeat-x;
	height: 41px;
	margin: 0;
	padding: 0;
}

/*set up the background tile, centered width of the site 950px*/
div#headerTop {
	background: url(../images/bg_headerURL.gif) top center no-repeat;
	width: 950px;
	margin: 0 auto;
	height: 41px;
}

/*set up the link styles for top right text: language switch, url*/
div#headerTop a:link,
div#headerTop a:visited,
div#headerTop a:hover,
div#headerTop a:active {
	float: right;
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1.25em;
	text-decoration: none;
	padding: 2px 10px 0 0;
	margin: 0;
	clear: both;
}

/* Health Units Login */

div#healthLogin {
	clear: both;
	margin: 0 auto;
	width: 950px;
	padding: 0;
}

div#healthLogin form {
	float: right;
	color: #009900;
	font-weight: bold;
	padding: 10px 10px 0 0;
}

div#healthLogin form label {
	display: none;
}

input.goLogin {
	margin-bottom: -6px;
	padding-left: 2px;
	display: inline;
}


/*District Search form*/
div#districtSearch form {
	padding: 0 10px;
	width: auto;
	margin-left: 0;
	overflow: auto;
	height: 1%;
}

/*Become / apply now form*/
div#applyForm form {
	padding: 0 10px;
	width: auto;
	margin-left: 100px;
	overflow: auto;
	height: 1%;
}

/*Find form*/
div#findForm form {
	padding: 0 10px;
	width: auto;
	margin-left: 0;
	overflow: auto;
	height: 1%;
}

/*Forms, in general*/

.elementRow {
	float: left;
	/* IE float double-margin fix */
	display: inline;
	clear: both;
	padding: 3px 0;
}

.elementRow .element,
.elementRow p {
	display: inline;
	padding-left: 5px;
	width: auto;
	float: left;
}

 .elementCol {
	width: 200px;
	float: left;
	display: inline;
	margin-top: 4px;
}

input.styled,
select.styled {
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	border: 1px solid #000;
	margin: 0;
	padding: 2px;
	font-size: 0.9em;
	font-weight: normal;
}

select.styled,
textarea.styled {
	font-size: 1.1em;
}

/*style for required fields*/
span.req {
	color: Red;
	font-weight: bold;
}

/*header menu / main nav menu*/
div#headerMenu {
	clear: both;
	width: 950px;
	margin: 0 auto;
	padding: 10px 0px 20px 0px;
	border-bottom: 4px solid #000;
	overflow: auto;
	height: 1%;
}

/*set up the rules for the main nav bar*/
div.logo,
div.about,
div.find,
div.become,
div.news {
	display: inline;
	float: left;
	height: 110px;
}

div.logo {
	width: 170px;
}

div.about {
	background: url(../images/bg_about.jpg) top center no-repeat;
	margin-right: 4px;
	width: 220px;
}

div.find {
	background: url(../images/bg_find.jpg) top center no-repeat;
	margin-right: 4px;
	width: 148px;
}

div.become {
	background: url(../images/bg_become.jpg) top center no-repeat;
	margin-right: 4px;
	width: 178px;
}

div.news {
	background: url(../images/bg_news.jpg) top center no-repeat;
	width: 221px;
}

div.about p,
div.find p,
div.become p,
div.news p {
	height: 64px;
	color: #fff;
	padding: 10px;
	margin: 0;
	background: transparent;
}

/*main nav button rollovers, english - french */
a.aboutRoll,
a.aboutRollON,
a.findRoll,
a.findRollON,
a.becomeRoll,
a.becomeRollON,
a.newsRoll,
a.newsRollON,
a.aboutRollFR,
a.aboutRollONFR,
a.findRollFR,
a.findRollONFR,
a.becomeRollFR,
a.becomeRollONFR,
a.newsRollFR,
a.newsRollONFR {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	height: 26px;
}
a.aboutRoll {
	background: url(../images/nav_aboutOFF.gif) no-repeat;
	width: 220px;
}
a.aboutRoll:hover,
a.aboutRollON {
	background: url(..//images/nav_aboutON.gif) no-repeat;
	width: 220px;
}
a.aboutRollFR {
	background: url(../images/nav_aboutOFFFR.gif) no-repeat;
	width: 220px;
}
a.aboutRollFR:hover,
a.aboutRollONFR {
	background: url(..//images/nav_aboutONFR.gif) no-repeat;
	width: 220px;
}
a.findRoll {
	background: url(../images/nav_findOFF.gif) no-repeat;
	width: 148px;
}
a.findRoll:hover,
a.findRollON {
	background: url(..//images/nav_findON.gif) no-repeat;
	width: 148px;
}
a.findRollFR {
	background: url(../images/nav_findOFFFR.gif) no-repeat;
	width: 148px;
}
a.findRollFR:hover,
a.findRollONFR {
	background: url(..//images/nav_findONFR.gif) no-repeat;
	width: 148px;
}
a.becomeRoll {
	background: url(../images/nav_becomeOFF.gif) no-repeat;
	width: 178px;
}
a.becomeRoll:hover,
a.becomeRollON {
	background: url(..//images/nav_becomeON.gif) no-repeat;
	width: 178px;
}
a.becomeRollFR {
	background: url(../images/nav_becomeOFFFR.gif) no-repeat;
	width: 178px;
}
a.becomeRollFR:hover,
a.becomeRollONFR {
	background: url(..//images/nav_becomeONFR.gif) no-repeat;
	width: 178px;
}
a.newsRoll {
	background: url(../images/nav_newsOFF.gif) no-repeat;
	width: 221px;
}
a.newsRoll:hover,
a.newsRollON {
	background: url(..//images/nav_newsON.gif) no-repeat;
	width: 221px;
}
a.newsRollFR {
	background: url(../images/nav_newsOFFFR.gif) no-repeat;
	width: 221px;
}
a.newsRollFR:hover,
a.newsRollONFR {
	background: url(..//images/nav_newsONFR.gif) no-repeat;
	width: 221px;
}

/*history path*/
div#historypath {
	clear:both;
	width: 950px;
	margin: 0 auto;
	padding: 5px 0 0 20px;
	color: #999;
	font-size: 0.9em;
}

div#historypath a {
	text-decoration: none;
	color: #cc0000;
}

/*main body Content */
div#content {
	clear: both;
	width: 950px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	overflow: auto;
	height: 1%;
}

/*the major content chunk - left col*/
div#mainLeft {
	float: left;
	width: 725px;
	margin: 0 0 20px 0;
	padding: 0;
	display: inline;
	border-bottom: 10px solid #009900;
}

/*the major content chunk - right col*/
div#mainRight {
	float: right;
	width: 215px;
	margin: 0 0 20px 10px;
	padding: 0;
	display: inline;
	overflow: hidden;
}

/*set up the background colour divs, or background image divs*/
/*switch these up as you desire*/
div.innerLeft,
div.colour01,
div.colour02,
div.innerLeft_watermelon,
div.innerLeft_apples,
div.innerLeft_tomato,
div.innerLeft_cauliflower {
	padding: 10px 0 0 0;
	margin: 0;
	background: #ffe5b2; /*default is set to peach colour*/
	overflow: auto;
	height: 1%;
}

/*solid light yellow*/
div.colour01 {
	background: #ffffe5;
	padding: 10px 0;
	margin: 10px 0;
}
/*solid white*/
div.colour02 {
	background: #fff;
	padding: 10px 0;
}
/*solid peach*/
div.innerLeft {
/*	padding: 10px 0; */
	background: #ffe5b2;
}

/*peach colour with images at bottom right*/
div.innerLeft_watermelon {
	background: #ffe5b2 url(../images/bg_watermelon.jpg) bottom right no-repeat;
}
div.innerLeft_apples {
	background: #ffe5b2 url(../images/bg_apples.jpg) bottom right no-repeat;
}
div.innerLeft_tomato {
	background: #ffe5b2 url(../images/bg_tomato.jpg) bottom right no-repeat;
}
div.innerLeft_cauliflower {
	background: #ffe5b2 url(../images/bg_cauliflower.jpg) bottom right no-repeat;
}

/*set up the inner left content columns*/
/*col01 - col04 = four equal columns*/
/*col05, 06 = two equal columns*/
div.col01,
div.col02,
div.col03,
div.col04,
div.col05,
div.col06 {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	width: 179px;
	float: left;
	display: inline;
	padding-top: 10px;
	margin-top: 10px;
}

div.col04 {
	border-right: none;
	width: 182px;
}

div.col05,
div.col06 {
	width: 360px;
	border-top: none;
	border-right: none;
	padding-top: 0;
}

div.col01 p,
div.col02 p,
div.col03 p,
div.col04 p,
div.col05 p,
div.col06 p {
	padding: 5px 10px 2px 10px;
}

/*set up the inner right column*/
div.innerRight {
	padding: 0px;
	margin: 0;
	background: #f5f5eb;
	border-bottom: 10px solid #660000;
	overflow: hidden;
	height: 1%;
}

div.innerRight p.underline {
	padding: 0 0 20px 0;
	border-bottom: 2px solid #fff;
}

/* div.innerRight ul {
	list-style-type: disc;
	font-size: 0.9em;
	margin-left: -26px; 
} */


/*simple rules, to float images where you want them*/
.floatRight {
	float: right;
	display: inline;
}

.floatCenter {
	text-align: center;
}

/*Primary text treatments*/

h1, h2 {
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1.7em;
	margin: 0;
	padding: 0 0 0 10px;
	height: 36px;
	line-height: 35px;
}

h1 {
	background: url(../images/bg_innerLeftH1.gif) top left no-repeat;
}

h2 {
	background: url(../images/bg_innerRightH2.gif) top left no-repeat;
}

/*not currently being used, but set up anyway*/
h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #009900;
	margin: 0;
	padding: 10px;
}

.smaller {
	font-size: 0.9em;
}

.subtitle01,
.subtitle02 {
	font-size: 1.2em;
	font-weight: bold;
	color: #009900; /*green*/
}

.subtitle02 {
	color: #000; /*black*/
}

ul {
	list-style-type: disc;
}

ul.number {
	list-style-type: decimal;
}

ul li,
ul.number li {
	padding: 5px 0;
}

/*larger subtitles that are also links*/
a.upper {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #cc0000; /*red*/
}

/*regular links*/
a.regular {
	font-weight: bold;
	text-decoration: none;
	color: #cc0000; /*red*/
}

/*for the arrow bullet*/
a.arw {
	display: inline;
	margin: 0;
	padding: 0;
}

p {
	padding: 0 10px;
	padding-top: 10px;
}

/*if you need to set up an extra top margin (more space) b/w elements*/
.extra_margin {
	clear: both;
	padding-top: 10px;
}


/*set up rows of inline images, for the partners page logos*/
.inline {
	text-align: center;
}

.inline img {
	display: inline;
	margin: 0;
	padding: 40px;
	/*overflow: auto;
	height: 1%;*/
}

/*table styles*/
table {
	width: auto;
	border-collapse: collapse;
	margin: 0 10px 10px 10px;
}

table th {
	text-align: left;
}

table tr.highlight {
	background: #f5f5eb;
}

table tr.dark {
	background-color: #FFE5B2;
}

table tr.light {
	background-color: white;
}


table td {
	padding: 5px 2px 5px 2px;
	border-bottom: 1px solid black;
}

table .right {
	text-align: right;
}

table .center {
	text-align: center;
}



/*pagination styles*/
div#pager {
	float: right;
}

div#pager div {
	display: inline;
	padding: 10px;
}

/*footer*/
div#footer {
	margin-top: 20px;
	padding: 0;
	background: url(../images/bg_footer.jpg) top center repeat-x;
	border-top: 1px solid #ccc;
	clear: both;
	overflow: auto;
	height: 1%;
}

div#footerContent {
	clear: both;
	width: 950px;
	margin: 0 auto;
	padding: 20px 10px;
	color: #666;
	height: 200px;
}

div#footerContent a {
	color: #666;
	text-decoration: underline;
}

div#footerContent p {
	padding: 0;
}

div.footerLeft {
	width: 100px;
	float: left;
	margin: 0;
	padding: 15px 0 0 0;
	display: inline;
	text-align: center;
}

div.footerRight {
	width: 830px;
	float: left;
	margin: 0 10px;
	display: inline;
}


ul#menu_footer {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

* html ul#menu_footer {
	margin: 0;
	padding: 0;
}

ul#menu_footer li {
	display: inline;
	margin: 0;
}

ul#menu_footer li a {
	color: #666;
	text-decoration: none;
	padding: 0;
	font-weight: bold;
}

ul#menu_footer li a:hover,
ul#menu_footer li a:active {
	text-decoration: none;
}

/*hide from screen media, but show in print*/
.show {
	display: block !important;
}
.hide {
	display: none !important;
}