body{
 font:80%/1.3 Arial,sans-serif;
}

div#header{
 background:white;
 color:black;
}
div#left-sidebar{
 background:yellow;
 color:black;
}
div#right-sidebar{
 background:green;
 color:black;
}
div#footer{
 background:#4682B4;
 color:black;
}

a, A:link, a:visited, a:active
	{color: #0000aa; text-decoration: none; font-family: Tahoma, Verdana; font-size: 12px;}
A:hover
	{color: #ff0000; text-decoration: none; font-family: Tahoma, Verdana; font-size: 12px;}
p, tr, td, ul, li
	{color: #000000; font-family: Tahoma, Verdana; font-size: 12px;}
.footertext
	{color: #ffffff; background: #4682B4; font-weight: bold; font-family: Tahoma, Verdana; font-size: 10px; margin: 0px; padding: 2px;}
.intd
	{color: #000000; font-family: Tahoma, Verdana; font-size: 11px; padding-left: 15px;}
.bodytext
	{color: #000000; font-family: Tahoma, Verdana; font-size: 12px}
.bodytextem
	{color: #000000; font-family: Tahoma, Verdana; font-size: 12px; font-weight: bold}
.bodytextitalic
	{color: #000000; font-family: Tahoma, Verdana; font-size: 12px; font-style: italic}
.pageheader
	{color: #000000; font-family: Tahoma, Verdana; font-size: 24px}
.breadcrumb
	{color: #000000; font-family: Tahoma, Verdana; font-size: 10px; font-weight: bold}
.breadcrumbsep
	{color: #000000; font-family: Tahoma, Verdana; font-size: 10px; font-weight: bold}
.articletitle
	{color: #000000; font-family: Tahoma, Verdana; font-size: 12px; font-weight: bold}
.contentdate
	{color: #000000; font-family: Tahoma, Verdana; font-size: 10px; font-weight: bold}
.contributer
	{color: #000000; font-family: Tahoma, Verdana; font-size: 10px; font-weight: bold}
.articlesep
	{border-bottom: 2px solid #4682B4}
.articlepictitle
	{color: #000000; font-family: Tahoma, Verdana; font-size: 8px; text-align:center}
.pagetitle
	{color: #000000; background-color: #83C6DF;font-family: Tahoma, Verdana; font-size: 18px}
.smallpagetitle
	{color: #000000; background-color: #D2E8F2;font-family: Tahoma, Verdana; font-size: 16px}
.eventheading
	{color: #000000; background-color: #83C6DF;font-family: Tahoma, Verdana; font-size: 12px; font-weight: bold}
.eventdetail
	{color: #000000; background-color: #FFFFFF;font-family: Tahoma, Verdana; font-size: 12px; vertical-align: top;}
.pagesubtitle
	{color: #000000; background-color: #FFFFFF;font-family: Tahoma, Verdana; font-size: 14px; font-weight: bold}
.whoops
	{color: #4682B4; background-color: #FFFFFF;font-family: Tahoma, Verdana; font-size: 48px;padding-left:20px}
.whoopstext
	{color: #4682B4; background-color: #FFFFFF;font-family: Tahoma, Verdana; font-size: 18px;padding-left:22px}


/* Used to control scrolling main body window */

 div#counter{
  position:absolute;
  top:0;
  left:0;
 }
 body{
  margin:0;
   padding:100px 0 30px 0; 
 }
 div#header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100px;
 /* border: 1px dashed blue; */
 }
 div#footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:30px;
 }
 div#content{
   height:100%;
   overflow:auto;
 }
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#footer{
   position:fixed;
  }
 }
 * html body{
   overflow:hidden;
 }
 * html div#content{
  height:100%;
  overflow:auto;
 }

/* Recently Added - MAS */
.bodylist
	{color: #000000; font-family: Tahoma, Verdana; font-size: 12px}
.tablerowsep
	{border-bottom: 2px solid #4682B4; color: #000000; font-family: Tahoma, Verdana; font-size: 1px}
.tablehighlight
	{color: #000000; font-family: Tahoma, Verdana; font-size: 12px; font-weight: bold; background-color: #D2E8F2}

/* Used display google map entities */
div#mapcol1{
	position: relative; 
	top: 0; 
	right: 0; 
	padding-right: 6em;
	width: 150px;
	background: red;
}
div#mapcol2{
	position: absolute; 
	top: 0; 
	right: 0; 
	width: 5em;
	background: blue;
}


div#mapview{
	position: relative; 
	top: 0; 
	right: 0; 
	padding-right: 15em; 
	height: 100%;
}

div#map{
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%;
	width: 100%
}

div#mapnav{
	position: absolute; 
	right: 0; 
	width: 14em;
	height: 100%;

	top: 2em; 
	background:white;
}


/* Used display contact page layout */

div#contentcss{
   height:100%;
   overflow:auto;
   padding-right:29px;
   margin-left:29px
}

.titlebox
{
	height:40px;
	width: 99%;
	color: #000000; 
	background-color: #83C6DF;
	font-family: Tahoma, Verdana; 
	font-size: 18px;
	margin-top:5px;
	margin-bottom:5px;
	vertical-align : middle;
	padding-left:3px;
	line-height:40px;
}

.titleboxtext
{
	vertical-align : bottom;
}

.contactbox
{
	float: right;
	width: 300px;
	background-color: #D2E8F2;
	padding-left:5px;
}

.picturebox
{
	float: right;
	padding-left:5px;
	width : 200px;
	text-align : right;
}

/* Used display three column page */

.containingbox
{
/* 	height:110px;*/
	width: 99%;
	margin-left:2px;
	padding-right:2px;
	color: #000000; 
	font-family: Tahoma, Verdana; 
	font-size: 12px
}

.floatleft
{
	float: left;
	width: 275px;
	background-color: #FCF3BA;
	border-right: 5px solid #FFFFFF;
}

.floatright
{
	float: right;
}

.clearboth { clear: both; }

a.maplink, A.maplink:link, a.maplink:visited, a.maplink:active
	{color: #0000aa; text-decoration: none; font-family: Tahoma, Verdana; font-size: 9px;}
A.maplink:hover
	{color: #ff0000; text-decoration: none; font-family: Tahoma, Verdana; font-size: 9px;}


.maptext
	{color: #000000; font-family: Tahoma, Verdana; font-size: 9px;}

.maptextem
	{color: #000000; font-family: Tahoma, Verdana; font-size: 9px; font-weight: bold}

.newItem {
	font-weight: bold;
	color: red;
}

.smallTableFont {
	font-size: 11px;
}

.smallTableFontem {
	font-size: 11px;
	font-weight: bold;
}

.smallContactbox
{
	float: left;
	width: 250px;
	background-color: #D2E8F2;
	padding-left:3px;
}

.leftpicturebox
{
	float: left;
	padding-left:5px;
	width : 200px;
	text-align : right;
}

/* Displays title box and image in correct size and layout */

.containingtitlebox
{
	width: 99%;
	height:40px;
	padding-left:3px;	
	background-color: #83C6DF;
	font-family: Tahoma, Verdana; 
	font-size: 0px;
	vertical-align : middle;
	margin-top:5px;
	margin-bottom:5px;
}


.titleboximage
{
	float: right;
	color: #000000; 
	background-color: #000000;
	vertical-align : bottom;
}

.titleboxtitle
{
	float: left;
	height:40px;
	line-height:40px;
	color: #000000; 
	background-color: #83C6DF;
	font-family: Tahoma, Verdana; 
	font-size: 18px;
	vertical-align : middle;
}

.tablecontent {
	padding-left: 5px;
	padding-right: 10px;
}

.rrbulletedlist li {
	padding-top: 6px;	
}