@charset "utf-8";
/* CSS Document */
#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
 
}

/* turn off visibility of Acrobat icon for CCK field fields */
.filefield-icon img {
	display: none;
}


/* zebra striping for generic tables */
tr.odd {
	background-color: #C9C9C9;
}



/**************************************************************
   Topbar with newsletter form and theme change buttons
 **************************************************************/

#topbar {
  float: left;
  width: 100%;
  padding: 0.6em 0;

  font-size: 0.9em;
  text-transform: uppercase;

  color: #CFD9DB;
  background: #FFF url(../images/bg/topbar.gif) repeat-x bottom left;
}



/**************************************************************
   Top menu and logo
 **************************************************************/

#header {
	clear: both;
	position: relative;
	/* height: 5em; */
	margin: 0 auto;
	background: #FFF url(../images/masthead.jpg);
	background-repeat:no-repeat;
	height: 150px;
	width: 776px;
		}
		
		
#headerecole {
	clear: both;
	position: absolute;
	margin: 0 auto;
	background: #FFF url(../images/masthead.jpg);
	height: 170px;
		}

#header #clickhome {
	float: left;
	width: 225px;
	height: 90px;
	margin-bottom: 20px;
}


#veryTopNavigation {
	text-align:left;
	clear: both;
	line-height:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-stretch:expanded;
    font-size:1.0em;
}


#veryTopNavigation.horizontalNavigation {
 	
	height: 15px;
	padding: 10px 0 10px 20px;
	
}

#veryTopNavigation ul.MenuBarHorizontal, .horizontalNavigation ul {
	display: inline;
	margin-left: 0;
	padding: 0;
	float:none !important;
	
}
#veryTopNavigation.horizontalNavigation ul li{
	display: inline;
	margin-left: 10px;
	padding-right: 10px;
/*	margin-top: 25px; */
		
}	

#veryTopNavigation.horizontalNavigation ul li a{
	text-decoration: none;
	color:#00A9E0;
	padding:0;
	
}

#veryTopNavigation.horizontalNavigation ul li a:hover{
	color: #333333;
	text-decoration: none;
	width:auto;
}




#header ul {
/*  margin: 4em 3.0em 0 2.0em !important;
  margin: 4em 2.5em 0 2.0em; */
  margin-top: 2em;
  padding: 0;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-stretch:expanded;
  font-size:1.0em;
  background:transparent;
}



#veryTopNavigation ul {
	text-align: left;
	margin-top:0;
}


#header ul li {
 /* text-align: center;
  padding-left: 10px;*/
  text-align:left;
  padding-left:30px;
  display: inline;
  list-style: none;
  width:130px; /* for IE5.5 faulty box model */
  w\idth:150px; /* for IE6 */
}
#header ul li ul li {
	
  padding-left: 10px;
  /*display: inline;
  list-style: none;*/
  /*reverse all above styles so they affect only the first level li in spry menubar*/
  text-align: left;
  width:300px; /* for IE5.5 faulty box model */
  w\idth:320px; /* for IE6 */
}

#veryTopNavigation ul li {
	text-align: left;
	width: auto;
	padding-left: 10px;
}

#header ul li a {
  float: left;
 /* padding: 0 1em; */
  font: 1.1 em Verdana, Arial, Helvetica, sans-serif;
/*  font: 400 1.1em Verdana, Arial, Helvetica, sans-serif; 
  letter-spacing: 0.1em; */
  line-height: 0.8em !important;
  /*line-height: 1em;*/
  color: #00A9E0;

  display:block; 
  text-decoration:none; 
   height:1.5em;
  font-weight:normal;
/* font-weight:bold;*/
  background:transparent;

  padding-left:10px; 
  line-height:1.5em;

  /* margin-right:2px;

  color: #FFF;
 border-right: 1px solid #F29D00; */
}
  


#header ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#header ul li a:hover {
 /* color: #00A9E0; */
  color:#000; 

}

.horizontalNavigation {
 	clear: both;
	margin-top: 100px;
}

.horizontalNavigation ul {
	display: inline;
	
	
}
.horizontalNavigation ul li{
	display: inline;
	margin-left: 20px;
	margin-right: 40px;
	
}	

.horizontalNavigation ul li a{
	text-decoration: none;
	color:#00A9E0;
	
}

.horizontalNavigation ul li a:hover{
	text-decoration: underline;
	
}
	

#hdate {
	display:inline;
	margin: 0 auto;
	width: 730px;
	float:right;
	font-weight: bold;
	text-align:right;
	padding-right: 20px;
	padding-top: 30px;
}


.newsTicker {
	background: #f15d5e;
	color:#ffffff;
	clear:both;
	z-index:1;
	margin-top: 100;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;	/*	margin-left:auto;
	margin-bottom:auto; */
	font-size: 14px;
	font-weight:bold;
	text-decoration:none;
	width:776px;
	height:25px;
	padding-top:5px;
	scrollAmount: 2;
	scrollDelay: 180;
	}


/**************************************************************
   Header Image/Flash Movie
 **************************************************************/

#headerImg {
  margin: 0 auto;
  height: 126px;
  background: url(../images/bg/headerbk.jpg) no-repeat top left;
}

./* Marquee or Ticker styling */

.newsTicker {
/*	display:inline; */
	font-size:14px;
	font-weight:bold;
	background: #f15d5e;
	color:#ffffff;
	text-decoration:none;
	width:100%;
	height:25px;
/*	padding-top:5px;
    scrollAmount:2;
	scrollDelay:60; */
	}
	
.newsTicker a:hover{
	text-decoration:none;
	color: #e5f3fc;
	}	

 /* Set up the default font and ovrall size to include image */
.topmenu {
width:760px;
position:relative; 
margin:15px auto 0 auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
z-index: 20;
padding-bottom: 0px;
}
/* get rid of the default padding - margin and bullets */
.topmenu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* make menu horizontal */
.topmenu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.topmenu ul li a, .topmenu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000; 
width:177px; 
height:1.5em;
font-weight:bold;
color:#00A9E0; 
border-bottom:8px solid #00A9E0;
background:#fff; 

padding-left:10px; 
line-height:1.5em;
margin-right:2px;
}
/* hack for IE5.5 to correct the faulty box model */
* html .topmenu ul li a, .topmenu ul li a:visited {
width:187px;
w\idth:177px;
}
/* hide the drop down menu */
.topmenu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.topmenu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.topmenu ul li:hover a,
.topmenu ul li a:hover {
color:#000; 
border-bottom:8px solid #F29D00;
}
/* make the drop down menu show and correctly position it */
.topmenu ul li:hover ul,
.topmenu ul li a:hover ul {
display:block; 
position:absolute; 
top:1.2em;
margin-top:11px;
left:0; 
width:185px;
border:1px solid #F29D00;
border-top:0;
background:transparent;
}
/* style the drop down links with no hover */
.topmenu ul li:hover ul li a,
.topmenu ul li a:hover ul li a {
display:block; 
background:transparent url(../images/opaque.png); 
color:#000; 
border:0;
margin:0;
color:#333;
font-weight:normal; 
font-size:0.9em;
height:auto; 
line-height:1em; 
padding:5px; 
width:175px
}
/* style the drop down menu links when hovered */
.topmenu ul li:hover ul li a:hover,
.topmenu ul li a:hover ul li a:hover {
background: #F29D00; 
color:#fff;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.topmenu ul li a:hover ul {
width: auto;
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.topmenu ul li a:hover ul li a {
background:#fff;
width:150px; /* for IE5.5 faulty box model */
w\idth:170px; /* for IE6 */
}


/**************************************************************
   Page Content
 **************************************************************/

#page {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 6em;
  margin-top: 10px;
  text-align: left;
}

.columns {
  margin: 0 auto;
}


/* Column widths */
.width {
  width: 776px;
}

.widthPad {
  width: 746px;
}

.width25 {
  width: 24%;
}

.width50 {
  width: 48%;
}

.width73 {
  width: 73%;
}

.width75 {
  width: 75%;
}

.width100 {
  width: 100%;
}


/**************************************************************
   Footer
 **************************************************************/


#footer {
  clear: both;
  float: left;
  width: 100%;
  height: 5em;
  margin-top: -5em;
}

#footer #bg {
  position: relative;
  height: 5em;
  margin: 0 auto;
 
}

#footer #bg ul {
/*
  margin: 3em 1em 0 0 !important;
  margin: 3em 0.5em 0 0;
  */
  margin: 0;
  padding: 3em auto;
  text-align: center;
}

#footer #bg ul li {
  display: inline;
  list-style: none;
}

#footer #bg ul li a {
/*
  float: left;
  */
  padding: 0 1em;

  font: 400 1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;

  color: #00A9E0;
  border-right: 1px solid #F29D00;
}

#footer #bg ul li a.last {
  border-right: 0;
}

#footer #bg ul li a:hover {
  color: #DE4561;
}





/**************************************************************
   Icons specific to the colour theme
 **************************************************************/

a.lightTheme img,
a.darkTheme img,
a.submitButton img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}




/**************************************************************
   Posts
 **************************************************************/

.post {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;

  margin-bottom: 1.5em;

  border-bottom: 1px solid #DE4561;
}

.post .pdate {
  position: absolute;

  top: 0;
  left: 5px;

  width: 2.3em;
  text-align: right;
}

.post .pdate .month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #DE4561;
}

.post .pdate .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #DE4561;
}

.post .title {
  display: block;
  padding: 0 0 5px 0;

  font-size: 1.2em;
  font-weight: bold;
  color: #F29D00;
}

.post .title a {
  color: #F29D00;
}

.post .pcontent {
  margin: 0 0 0 3.5em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #DE4561;
}



/**************************************************************
   Submenu Styles
 **************************************************************/

ul.submenu1,
ul.submenu2 {
  margin: 0 0 20px 0;
  padding: 0;
}

ul.submenu1 li,
ul.submenu2 li{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(foo.gif); /* because IE is balls */
}

ul.submenu1 li a,
ul.submenu2 li a {
  display: block;
  height: auto !important;

  /* Start hide from IE Mac \*/
  height: 1%;
  /* End hide from IE Mac */

  padding: 1px 5px 1px 20px;
}

ul.submenu1 li a {
  background: url(../images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu1 a:hover {
  color: #DE4561;
}

ul.submenu2 li a {
  background: url(../images/bg/submenu2.gif) no-repeat 3px 50%;
}

ul.submenu2 a:hover {
  color: #DE4561;
}






/**************************************************************
   Generic Display 
 **************************************************************/


.block {
  display: block;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.lightBlueBg {
  background-color: #EAF2F5;
}

.dark {
  color: #353E47;
}
/*********************************************************
   HTML Elements
 *********************************************************/

html,
body {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  text-align: center;
  background: #00a4e4 url(../images/bg/bodybg.gif) repeat-y top center;
  font: 400 0.7em verdana, arial, sans-serif;
  line-height: 170%;
  color: #555;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
  color: #F29D00;
}


h1, h2 {
  padding-bottom: 0.2em;

  font: 400 1.6em arial, sans-serif;
  border-bottom: 12px solid #F29D00;
}

h3 {
  font-size: 1.2em;
}

h4 {
  text-transform: uppercase;
  font-size: 0.9em;
}

h5 {
  font-size: 0.85em;
}

h6 {
  font-size: 0.8em;
}

.block h2 {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 1.2em;
  font-weight: bold;
  border: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Needed to horizontally pad in a coloured container */
.horzPad h1,
.horzPad h2,
.horzPad h3,
.horzPad h4,
.horzPad h5,
.horzPad p {
  padding-left: 5px;
  padding-right: 5px;
}


/* Links */
a {
  text-decoration: none;
  color: #00A9E0;
}

a:hover {
  color: #DE4561;
}

a img {
  border: 0;
}

a img.border {  
  border: 1px solid #FC3307;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}



/* Images */
img.floatRight {
  margin: 5px 0 10px 10px;
}

img.floatLeft {
  margin: 5px 10px 10px 0;
}



/* Lists */
ul li {
}

ol li {
}

ol li span {
  font-weight: normal;
  color: #444;
}



/* Blockquote */
blockquote {
  margin: 10px 0;
  padding: 10px 20px;
  background: #E7F1F3;
  border-top: 1px solid #AAD3DB;
  border-bottom: 1px solid #AAD3DB;
}

/**************************************************************
    table formating
 **************************************************************/
#conseillers-node-table .odd, 
#transport-node-table .odd, 
#reunions-node-table .odd, 
.directives-node-table .odd,
#zones-node-table .odd {
  background: #eeeeee;
  }
#conseillers-node-table .even, 
#transport-node-table .even, 
#reunions-node-table .even, 
.directives-node-table .even,
#zones-node-table .even {
  background: #f9f9f9;
}
 
#conseillers-node-table td{
  font-size: 0.8em;
}

.strustee {
  background: #fff;
} 
 
/**** Read more link  ****/
.pcontent .links { 
  text-align: right;
}

.preview {
  background: #fff;
}
/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}
area:hover {
	cursor: pointer;
}
input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #FC3307;
  border-width: 1px;
  border-style: solid;
  border-color: #FF7800 #691300 #691300 #FF7800;
}

input.radio {
  background: none;
  border: 0px;
}

/* Search/Map API */
#numone {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
	height: 589px;
	width: 700px;
	border-top-color: #99FF00;
	border-right-color: #99FF00;
	border-bottom-color: #99FF00;
	border-left-color: #99FF00;
}
#numtwo {
	position: relative;
	top: 0px;
	left: 0px;
	height: 338px;
	width: 579px;
	background-color: none;
	border-top-color: #CC3300;
	border-right-color: #CC3300;
	border-bottom-color: #CC3300;
	border-left-color: #CC3300;
}
#mresults {
	position: relative;
	top: -589px;
	left:0;
	background-color: #fff;
	padding: 10px;
	display: block;
	width: 350px;
	border: #00A9E0 solid 3px;
}
#mresults a{
	color: #F29D00;
}
#elementary{
/*
	float: left;
	width: 48%;
	*/
}
#secondary{
/*
	float: left;
	width: 48%;
	*/
}

.slist td{
	vertical-align: top;
	width: 49%;
}

#sinfo {
	position: relative;
}
.stable {
	width: 100%;
}
.stable td {
	vertical-align: text-top;
}
.stable td td {
}
a.listing:hover {
	text-decoration: underline;
	cursor: pointer;
}
.schooldata {
}
.showmore:hover {
	cursor: pointer;
	text-decoration: underline;
}
.hilight {
	color: #F29D00;
}
.semph {
	font-weight:bold;
}
.saddie, .admincontact, .daycarecontact {
	padding-left: 15px;
}
#alphalist {
	line-height: 1em;
}
div#alphalist div h1 {
}
#subele, #subsec {
	padding-left: 15px;
}
#selector {
padding: 10px 0;
}
.adata {
	padding-left: 15px;
}

.sdeven, sdodd{
	width: 47%;
}
.sdeven {
	float: right;
}

.sdodd {
	float: left;
}
/* auto complete styling */
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
	text-align: left;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('./indicator.gif') right center no-repeat;
}


.ac_over {
	background-color: #F29D00;
	color: #FFFFFF;
}