body {
	margin: 0;
	padding: 0;
	font-size: small;
	background: #fff url(images/page_back.gif) repeat-x top left;
	font-family: arial, helvetica, sans-serif;
	color: #444;
}


#wrapper {
	position: relative;
	width: 60em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
}



/*////////////////////////////
	HEADER AREA
////////////////////////////*/


#header{
	width: 60em;
	height: 120px;
	background: url(images/header_back.gif) no-repeat top left;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}



.logo{
	float: left;
	padding: 26px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#textsize{
	width: 45em;
	float: left;
	height: 35px;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

#textsize p{
		margin: 0px;
		padding: 0px 0px 4px 0px;
}


/*////////////////////////////
	MAIN CONTENT
////////////////////////////*/


#content{	
	width: 60em;
	margin: auto;
	min-height: 580px;
	padding: 0px;
	float: left;
}

*html #content { height: 580px;}


.innercontent{
	width: 45em;
	padding: 0px 0px 30px 0px;
	margin: 20px 0px 0px 0px;
	float: left;
}


/*////////////////////////////
	MENU
////////////////////////////*/

.menu{
	width: 13em;
	float: left;
	margin: 20px 20px 20px 0px;
	padding: 0;
}

.menu p{
	text-align: center;
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
}

*html .menu{
	margin: 20px 20px 0px 0px;
}

.menu ul{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}



/* quick links menu*/


.menu ul.menulist{
	background: url(images/menu_title.gif) no-repeat top left;
	padding: 0px 0px 0px 0px;

}

.menulist p{
	padding: 5px 0px 10px 0px;
}

.menu ul.menulist li.home, .menu ul.menulist li.contact, .menu ul.menulist li.access{
	list-style-type: none;
	width: 12em;
	list-style-image: none;	
	border-left: 1px solid #cccc99;
	border-right: 1px solid #cccc99;
	padding: 3px 0px 3px 0px;
	margin: 0px;
}

.menu ul.menulist li.home{
	background: url(images/home_menu.gif) no-repeat center left;
}

.menu ul.menulist li.contact{
	background: url(images/contact_menu.gif) no-repeat center left;
}

.menu ul.menulist li.access{
	background: url(images/access_menu.gif) no-repeat center left;
}


/* browse website menu*/

.menu ul.menulist2{
	background: url(images/menu_title.gif) no-repeat top left;
}

.menulist2 p{
	padding: 5px 0px 10px 0px;
}

.menu ul.menulist2 li{
	list-style-type: none;
	width: 12em;
	list-style-image: none;
	background: url(images/menu_arrow.gif) no-repeat center left;
	border-left: 1px solid #cccc99;
	border-right: 1px solid #cccc99;
	padding: 3px 0px 3px 0px;
	margin: 0px;
}

.menu ul li.menulist{
}

.title{
	font-family: verdana, arial;
	background: url(images/menu_title_corner.gif) no-repeat top right;
	color: #444;
	font-weight: bold;
	margin: 0px 0px 0px 2px;

}

.title2{
	font-family: verdana, arial;
	color: #444;
	font-weight: bold;
	text-align: center;
	font-size: small;
	margin: 0px 0px 10px 0px;

}


.menu  ul li a:link, .menu  ul li a:visited, .menu  ul li a:hover, .menu  ul li a:active{
	color: #333;/* white */
	font-weight: normal;
	text-decoration: none;
	margin: 0px 0px 0px 28px;
}

.menu  ul li a:hover{
	color:  #339933;/*green*/
}


/*background images with curved corner for footer...allows to expand / decrease*/

#menufooter{
	background: url(images/menu_footer.gif) no-repeat top left;
	height: 12px;
	width: 12em;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

#menufootercorner{
	background: url(images/menu_footer_corner.gif) no-repeat top right;
	height: 12px;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	float: left;
	width: 12em;
}

*html #menufootercorner{
	margin: 0px 0px 0px 1px;

}

#menufooter2{
	background: url(images/menu_footer2.gif) no-repeat top left;
	height: 29px;
	width: 12em;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

#menufootercorner2{
	background: url(images/menu_footer_corner2.gif) no-repeat top right;
	height: 29px;
	width: 12em;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	float: left;
}

*html #menufootercorner2{
	margin: 0px 0px 0px 1px;

}

/*////////////////////////////
	COPYRIGHT
////////////////////////////*/

#footer{
	width: 60em;
	height: 78px;
	margin: 0px;
	padding: 0px;
	background: url(images/footer_bar.gif) no-repeat top left;
	float: left;
}


#footer p{
	text-align: right;
	font-size: 80%;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#copyright{
	height: 90px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#copyright p{
	padding: 0;
	margin: 20px 0px 20px 0px;
}


/*////////////////////////////
	LINKS
////////////////////////////*/
a{
	color:  #339933;/*green*/
	text-decoration: underline;
}

a:visited{
    color: #666699;/*purple*/
	text-decoration: underline;
}

a:hover{
    color: #339933;/*green*/
	text-decoration: none;
}


/*////////////////////////////
	HEADINGS
////////////////////////////*/

h1{
	font-family: verdana, arial, helvetica, sans serif;
	color: #444;/*grey*/
	font-size: 1.6em;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}


h2{
	font-family: verdana, arial, helvetica, sans serif;
	color: #444;/*grey*/
	font-size: 1.4em;
	font-weight: normal;
}  


h3{
	font-family: verdana, arial, helvetica, sans serif;
	color: #444;/*black*/
	font-size: 1.2em;
	font-weight: normal;
}


/*////////////////////////////
	OTHER
////////////////////////////*/

.innercontent img {
	border: 1px solid #cccc99;
	padding: 3px;
}

img {
	border: none;
}


.right{
	float: right;
	margin-left: 10px;
}

.left{
	float: left;
	margin-right: 10px;
}

.innercontent ul
{
	list-style-image:  url(images/bulletpoint.gif);
	vertical-align: middle;
	line-height: 120%;
}


hr{
	color: 	#cccc99;
	height: 1px;
	background: #cccc99;
	border: none;
}


.small{
	font-size: 50%;
}

.medium{
	font-size: medium;
}

.large{
	font-size: x-large;
}


#calendar{
		width: 12em;
		margin: 10px 0px 10px 0px;
		text-align: left;
		float: left;
}

#calendar p{
	text-align: left;
	font-size: 80%;
}


#weather{
	float: right;
	margin: 40px 0px 0px 0px;
	padding: 0px;
	text-align: right;
	width: 24em;
}

.weatherimage{
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.weathertext{
	float: right;	
}

/* calendar styles */

.myCalendarStyle
{
	font-family: Arial, helvetica, Sans-Serif;
	border: 1px solid #cccc99;
	background-color: #FFF;
	font-size: small;
}

.myCalendarStyle a:link, .myCalendarStyle a:visited, .myCalendarStyle a:hover, .myCalendarStyle a:active{
	font-weight: normal;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	font-size: 90% !important;
	color: #666 !important;
}


.myCalendarStyle th
{
	width: 12em;
}

.TodayDayStyle
{
	background-color: #f2f2f2;
	color: #666666;
	border: 2px solid #000;
}

.SelectorStyle
{
	background-color: #EEF8DA;
}

.NextPrevStyle
{
	/*font-Size: xx-small;*/
	font-weight:bold;
	width:10px;
	color: #ffffff !important;
}

.NextPrevStyle a:link, .NextPrevStyle a:visited, .NextPrevStyle a:hover, .NextPrevStyle a:active{
	font-weight: normal;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	font-size: x-small !important;
	color: #ffffff !important;
}

.DayHeaderStyle
{
	Height: 1px; 
	Color: #666; 
	font-size: 1.1em;
	background-color: #f2f2f2;
}

.SelectedDayStyle
{
	font-weight:bold;
	color: White;
	background-color: #EEF8DA;
	color: #ffffff !important;
}

.TitleStyle
{
 /*font-size: x-small;*/ 
 font-weight: bold;
 color: #ffffff; 
 background-color: #cccc99;
 font-size: 1.1em !important;
}

.WeekendDayStyle
{
  background-color: #cacaca;
}

.OtherMonthDayStyle
{
  background-color: #ffffff;
}

.EventStyle
{ 
  background-color:#f2f2f2;
  border: 2px solid #99cc99;
  font-weight: bold;
}

.MeetingStyle
{
  background-color: #f2f2f2;
  border: 2px solid #9999cc;
  font-weight: bold;   
}

.DayStyle
{
   /*color: #000; */
   background-color: #f2f2f2;
   font-size: x-small;
   	color: #666666;
}

.enquiry{
	width: 100px;
	float: left;
}

.borderless img{
	vertical-align: center;
	padding: 0;
	border: none;
}

#tblMeetings
{
	border: 1px solid #cccc99;
	border-collapse: collapse;
}

#tblMeetings td
{
	border: 1px solid #cccc99;
	padding: 6px;
}

#tblMeetings th
{
	background: #cccc99;
	color: #fff;
	text-align: left;
	padding: 6px;
}