/* CSS layout */
#masthead {
	background-color: #006666;  
    font-family:  Verdana;
    font-size: 10pt;
    color: white;
	vertical-align:middle;
	margin-right: 0px; margin-left: 0px;
    padding-top: 10px; padding-bottom: 4px;
}

#loginbar {
	background-color: lightgrey; 
	font-family:Verdana;
	font-size:9pt;
	vertical-align:middle;
}

#topNav {
	background-color: lightgrey; 
	font-family:Verdana;
	font-size:9pt;
	vertical-align:middle;
}

#crumbsbar {
	background-color:lightgrey;
	font-family:Verdana;
	font-size:9pt;
	vertical-align:middle;
    padding-top: 2px; padding-bottom: 6px;
    padding-left: 4px; padding-right: 4px;
}

#container {
	background-color:  #006666;
	position: relative;
	width: 100%;
    padding-top: 10px; padding-bottom: 10px;
}

#pageContent {
	background-color:  #CCFFCC;
    font-family:  Verdana;
    font-size: 10pt;
    color: black;
    text-align: justify;
    margin-top: 0px;
	margin-left: 100px; margin-right: 100px;
    margin-bottom: 0px;
    padding-top: 1px; padding-bottom: 8px;
    padding-left: 8px; padding-right: 8px;
}

#footer {
	background-color: #006666;
	font-family:Verdana;
	font-size:9pt;
	color: white; 
	vertical-align: middle; text-align:center;
	padding-top:4px; padding-bottom:4px;
	padding-left:4px; padding-right:4px;
}
#leftCol {
    font-family:  Verdana;
    font-size: 10pt;
    color: white;
	width: 100px;
	position: absolute;
	left: 3px;
}

#rightCol {
    font-family:  Verdana;
    font-size: 10pt;
    color: white;
	width: 100px;
	position: absolute;
	right: 0px;
	top: 0px;
    padding-top: 1px;
    padding-left: 4px; padding-right:4px;
}


/* Default CSS settings */
BODY
{
    background-color:  aliceblue;
    font-family:  Verdana;
    font-size: 10pt;
    color: black;
    text-align: justify;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 0px;
    margin-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
  } 

h1
{
    font-family: "Verdana";
    font-weight: normal;
    font-style: normal;
    font-size: 20pt;
	vertical-align: middle;
    color: #006666;
    text-align: left;
    margin-bottom: 0px;
    margin-top: 10px;
    border-collapse: collapse;
}

h2
{
    font-family: arial;
    font-weight: normal;
    font-style: normal;
    font-size: 10pt;
	vertical-align: middle;
    color: #cccccc;
    text-align: right;
    margin-bottom: -5px;
    border-color: #006666;
    border-width: 0px;
    border-style: solid;
    border-bottom: 1px solid #aaaaaa;
    border-collapse: collapse;
    background-color: white;
}

h3
{
	font-family: Verdana;
	font-weight: bold;
	font-style: normal;
	font-size: 12pt;
	vertical-align: middle;
	color: #006666;
	text-align: left;
	margin-bottom: -15px;
}

h4
{
    font-family: Verdana;
    font-weight: normal;
    font-style: normal;
    font-size: 10pt;
    vertical-align: middle;
    color: #006666;
    text-align:left;
	margin-bottom: -15px;
}

h5
{
	font-family: Verdana;
	font-weight: normal;
	font-style: italic;
	font-size: 10pt;
	vertical-align: middle;
	color: #006666;
	text-align: left;
	margin-bottom: 0px;
}

h6
{
    font-family: Verdana;
    font-weight: bold;
    font-style: normal;
    font-size: 10pt;
	vertical-align: middle;
    color: #006666;
	text-align: left;
    margin-bottom: -15px;
}

/* Changes colour and fonts for the header row of a table */
th
{
  background-color: #eeeeee;
  color: #006666;
  font-size: 10pt;
  font-weight: normal;
  border-top: 2px solid #006666;
  border-bottom: 2px solid #006666;
  padding: 4px;
}

/* Replicates table header settings for as a style class within body text */
.sbcheader1
{
  background-color: #eeeeee;
  color: black;
  font-size: 10pt;
  font-weight: normal;
  border-top: 2px solid #006666;
  border-bottom: 2px solid #006666;
  padding: 4px;
}

.sbcheader2
{
  background-color: #999900;
  color: #ffffff;
  font-size: 10pt;
  font-weight: normal;
  border-top: 1px solid #006666;
  border-bottom: 1px solid #006666;
  padding: 2px;
}


A:link
{
    font-weight: normal;
    color: #009900;
    text-decoration: none;
}

A:visited
{
    font-weight: normal;
    color: #009900;
    text-decoration: none;
}

A:active
{
    font-weight: normal;
    color: #009900;
    text-decoration: none;
}

A:hover
{
    color: red;
 }

TD A:link
{
    font-weight: normal;
    color: #009900;
    text-decoration: none;
}

TD A:hover
{
    color: red;
   }

/* Changes colour and fonts for the header above the e-Bulletin page */
td
{
  vertical-align: top;
}
#Header
{
  height: 55px;
  background-color: aliceblue;
  color: #006666;
  font-size: 30px;
  font-weight: bold;
  border-bottom: solid #blue;
  padding: 5px;
}

/* Defines the font for the text in the sub header inside the header */
#Header #SubHeader
{
  font-size: 14px;
}

/* Sets the width, padding and font for the menu on the left with the calendar and category list */
#LeftMenu
{
  width: 200px;
  padding: 10px;
  font-size: 100%;
}

/* Determines the looks for the list with categories */
#LeftMenu ul
{
  list-style-type: none;
  margin: 0;
}

/* Determines the looks for the main content section */
#MainContent
{
  background-color: aliceblue;
  padding: 10px;
  width: 100%;
}

/* Sets the width of the heading section above each e-Bulletin entry on the e-Bulletin Entries control */
.ItemHeading
{
  width: 100%; 
}

/* Resets margin and padding for all h1, h2 and h3 tags in the MainContent section */
#MainContent h1
{
  margin: 0;
  padding: 0;
}

#MainContent h2
{
  margin: 0;
  padding: 0;
}

#MainContent h3
{
  margin: 0;
  padding: 0;
}

/* Changes the colour and font weight of each link in the MainContent and LeftMenu section */
#MainContent a
{
  color: #009900;
  font-weight: bold;
 }
#MainContent a:hover
{
    color:red;
    font-weight: bold;
}

#LeftMenu a
{
  color: #009900;
  font-weight: bold;
 }
 
#LeftMenu a:hover
{
    color:red;
    font-weight: bold;
}

/* Changes the size of the Edit This Entry link */
.EditLink
{
    font-size: 80%; 
}

/* Changes the font-weight and size of the label in front of the controls in the Edit e-Bulletin Entry panel */
.Label
{
  font-weight: bold; 
  font-size: 80%;
}