@charset "utf-8";
/* CSS Document */

/* Main site styles */

body {
  margin: 0px auto 0px auto;
  padding: 0px auto 0px auto;
  background-image: url(../graphics/background.jpg);
  background-position: center top;
  background-repeat: repeat-x;
  background-color: #947441;
}

clear {
	clear:both;
}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

#container {
  width: 920px;
  position: relative;
  margin: 0px auto 0px auto;
  padding: 0px auto 0px auto;
}
#bgcontainer {
  width: 920px;
  position: relative;
  float: left;
  margin: 0;
  padding: 0px 0px 0px 0px;
  background-color: #FFFFFF;
}
#contentcontainer {
  width: 900px;
  position: relative;
  float: left;
  margin: 3px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  background-image: url(../graphics/contentbackground.gif);
}
#contentcontainer_search{
  width: 900px;
  position: relative;
  float: left;
  margin: 3px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  background-image: url(../graphics/contentbackground2.gif);
}

/* Header styles */

#topslice {
  position: relative;
  width: 920px;
  height: 45px;
  background-image: url(../graphics/topslice.gif);
  margin: 0;
  padding: 0;
}
#topslicesub {
  position: relative;
  width: 920px;
  height: 45px;
  background-image: url(../graphics/topslice-sub.gif);
  margin: 0;
  padding: 0;
}
#topslice h1, #topslicesub h1 {
  font: 13px Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
  color: #fff;
  padding: 22px 20px 0px 0px;
  margin: 0;
}
#header {
  position: relative;
  width: 888px;
  height: 348px;
  background-image: url(../graphics/header.png);
  margin: 0;
  padding: 22px 32px 0px 0px;
}
#slideshow {
  position: relative;
  width: 532px;
  height: 332px;
  background-color: #CCC;
  float: right;
  margin: 0;
  padding: 0;
}

/* Search on HEADER */
#baiml_searchbox {
  position: absolute;
  top:225px;
  width: 250px;
  margin: 10px 0px 0px 48px;
}
#baiml_searchbox .select {
  width:250px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}
#baiml_searchbox input.search_button {
  margin: 5px 0px 0px 14px;
  padding: 0px;
  width:222px;
  height:39px;
  background: url(../graphics/bg_searchbutton.jpg) no-repeat;
  border: none;
  color:#ffffff;
  font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
}

#baiml_searchbox input.search_button:hover {
  color:#FFFF00;
}

/* Search on HEADER */
#baiml_searchbox_side {
  width: 243px;
  margin: 0px 0px 15px 0px;
  padding: 10px 0px 10px 10px;
  background-color: #F4EEDD;
  border: 1px solid #979180;
}
#baiml_searchbox_side form {
  width:250px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#baiml_searchbox_side .select {
  width:226px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}

#baiml_searchbox_side input.search_button {
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 3px 0px;
  width:122px;
  height:30px;
  background: url(../graphics/bg_searchbutton_small.jpg) no-repeat;
  border: none;
  color:#ffffff;
  font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
}

#headerbutton {
  position: absolute;
  width: 222px;
  height: 39px;
  background-image: url(../graphics/headerbutton.jpg);
  margin: 283px 0px 0px 58px;
}
/* change <p> tag to <a> tag when system goes live */
#headerbutton p {
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  text-decoration: none;
  padding: 12px 0px 0px 0px;
  margin: 0;
  text-align: center;
  display: block;
}
#headerbutton a:hover {
  text-decoration: underline;
}


#headersub {
  position: relative;
  width: 891px;
  height: 188px;
  margin: 0;
  padding: 22px 29px 0px 0px;
  background-image: url(../graphics/header-sub.png);
  background-repeat: repeat-x;
  text-align: right;
}

/* Navigation */

#leftcolumn {
  float: left;
  position: relative;
  width: 192px;
  margin: 0;
  padding: 0;
}
#navigation {
  margin: 0;
	  padding: 10px 0px 10px 0px;
} 
#navigation ul.topnav {
  margin: 0;
  padding: 0;
}
#navigation ul.topnav li.level01 {
  list-style-type: none;
  margin: 0;
  padding: 5px 0px 0px 35px;
  display: block;
  background-image: url(../graphics/navbutton.jpg);
  height: 26px;
  width: 157px;
}
#navigation ul.topnav li.level01 a {
  font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  padding: 0;
  display: block;
  height: 26px;
  width: 157px;
}
#navigation ul.topnav li.level01 a:hover {
  text-decoration: underline;
}

/* FOR MEMBER LIST NAV - NOT USED */

#navigation ul.topnav li.level02 {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 192px;
  line-height:100%;
}

#navigation ul.topnav li.level02 a {
  display:block;
  width: 172px;
  margin: 0px 0px 0px 0px;
  padding: 2px 10px 2px 10px;
  list-style-type: none;
  font: normal 10px/20px Verdana, Arial, Helvetica, sans-serif;
  color:#43608c;
  background-color:#94b2e1;
  border-top: solid 1px #C5D6F0;
  text-decoration:none;
  text-align:right;
}

#navigation ul.topnav li.level02 a:hover, #navigation ul.topnav li.level02 a#active {
  display:block;
  color:#ffffff;
  background-color:#7a94bb;
  text-decoration:none;
}
/*** END ****/


/** LOGIN BLUE BOX BUTTON -- USED */
#login {
  position: relative;
  width: 174px;
  height: 41px;
  background-image: url(../graphics/loginbutton.jpg);
  margin: 0px 0px 20px 10px;
}
#login a {
  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  text-decoration: none;
  padding: 11px 0px 0px 0px;
  margin: 0;
  text-align: center;
  display: block;
}
#login a:hover {
  text-decoration: underline;
}

/** LOGIN BLUE BOX MENU -- USED */
#login-box {
  position: relative;
  width: 174px;
  min-height:202px;
  height:auto !important;
  height:202px;
  background: #ffffff url(../graphics/bg_login_box.jpg) repeat-y;
  margin: 5px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
}
#login-menu {
  position: relative;
  width: 174px;
  background: url(../graphics/bg_login.jpg) no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
}
#login-bottom {
  position: relative;
  width: 174px;
  height:10px;
  background: url(../graphics/bg_login_bottom.jpg) no-repeat;
  margin: 0px 0px 10px 10px;
  padding: 0px 0px 0px 0px;
}
#login-menu p.head {
  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  text-decoration: none;
  padding: 11px 0px 20px 0px;
  margin: 0;
  text-align: center;
  display: block;
}
#login-menu p.head a {
  color: #fff;
  text-decoration: none;
}
#login-menu p.head a:hover {
  color: #fff;
  text-decoration: underline;
}

#login-menu p.item {
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  padding: 0px 10px 7px 10px;
  margin: 0px 0px 0px 0px;
  text-align:center;
}
#login-menu p.item a {
  text-decoration: none;
  color: #ffffff;
}
#login-menu p.item a:hover {
  text-decoration: underline;
  color:#FFFFFF;
}

#login-menu p.logout {
  width:158px;
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: #ff0000;
  text-decoration: none;
  padding: 7px 10px 0px 0px;
  margin: 5px 0px 0px 1px;
  text-align: right;
  border-top: solid 1px #97B4E1;
}
#login-menu p.logout a {
  text-decoration: underline;
   color: #ffffff;
}
#login-menu p.logout a:hover {
  text-decoration: underline;
   color: #ffff00;
}
/** LOGIN BLUE BOX MENU END **/

/** PROFILE BOX **/

#prof-top {
  position: relative;
  width: 174px;
  height:8px;
  background: url(../graphics/bg_prof_top.jpg) no-repeat;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
}
#profile-box {
  position: relative;
  width: 174px;
  background: url(../graphics/bg_profile.jpg) repeat-y;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
}
#prof-bottom {
  position: relative;
  width: 174px;
  height:8px;
  background: url(../graphics/bg_prof_bottom.jpg) no-repeat;
  margin: 0px 0px 20px 10px;
  padding: 0px 0px 0px 0px;
}

#profile-box p.head {
  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  text-decoration: none;
  margin: 0px 5px 0px 1px;
  padding: 0px 0px 8px 0px;
  text-align: center;
  display: block;
  border-bottom: solid 1px #97B4E1;
  
}

#profile-box p.name {
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  padding: 0px 10px 5px 0px;
  margin: 15px 0px 0px 0px;
  text-align:center;
  font-weight:bold;
}

#profile-box img.photo {
  width:45px;
  height:60px;
  padding: 0px 0px 0px 0px;
  margin: 10px 10px 0px 10px;
  float:left;
  border: solid 1px #ffffff;
}

#profile-box img.btn {
  width:97px;
  height:24px;
  padding: 10px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}



/* Main Content */

#centrecolumn {
  width: 383px;
  float: left;
  position: relative;
  margin: 0;
  padding: 0px 25px 0px 25px;
  background-color: #fff;
}

#centrecolumn_wide {
  width: 658px;
  float: left;
  position: relative;
  margin: 0;
  padding: 0px 25px 0px 25px;
  background-color: #fff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#centrecolumn h2,
#centrecolumn_wide h2 {
  color: #75443F;
  font: bold 14px/23px Verdana, Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 18px 0px 15px 0px;
}

#centrecolumn h2 a,
#centrecolumn_wide h2 a {
  color: #75443F;
  font: bold 14px/23px Verdana, Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 18px 0px 15px 0px;
}
#centrecolumn h3,
#centrecolumn_wide h3 {
  color: #75443F;
  font: bold 13px/20px Verdana, Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 10px 0px 7px 0px;
}

#centrecolumn h3.blue,
#centrecolumn_wide h3.blue {
  color: #0066cc;
}
#centrecolumn h4,
#centrecolumn_wide h4 {
  color: #75443F;
  font: bold 18px/23px Verdana, Arial, Helvetica, sans-serif;
  padding: 0px 0px 5px 0px;
  margin: 18px 0px 15px 0px;
  border-bottom: 1px dotted #999;
}


#centrecolumn p,
#centrecolumn_wide p {
  color: #333;
  font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0px 0px 20px 0px;
}



#centrecolumn a,
#centrecolumn_wide a {
  font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
  color:#0066cc;
}
#centrecolumn a:hover,
#centrecolumn_wide a:hover {
  text-decoration: none;
  color:#000000;
}
#centrecolumn a:visited,
#centrecolumn_wide a:visited {
  color:#0066cc;
}
#centrecolumn ul,
#centrecolumn_wide ul {
  margin: 0px 0px 20px 30px;
  padding: 0;
}
#centrecolumn li,
#centrecolumn_wide li {
  color: #333;
  font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0px 0px 5px 0px;
}
#images {
  width: 265px;
  float: left;
  position: relative;
  margin: 0;
  padding: 10px 0px 10px 10px;
  background-color:#e2d4a8;
}


#google {
  background-color: #F4EEDD;
  border: 1px solid #979180;
  width: 243px;
  margin: 0px 0px 15px 0px;
  padding: 10px 0px 10px 10px;
}
#google form {
  margin: 0;
  padding: 0;
}
#images .contentimage {
  position: relative;
  width: 252px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#images .contentimage img{
  width: 243px;
  float: left;
  position: relative;
  margin: 0px 0px 15px 0px;
  background-color: #fff;
  padding: 5px 5px 5px 5px;
  border: 1px solid #ccc;
}

#images img.newsimage{
  width: 243px;
  float: left;
  position: relative;
  margin: 0px 0px 15px 0px;
  background-color: #fff;
  padding: 5px 5px 5px 5px;
  border: 1px solid #ccc;
}

/* Footer */

#footer {
  position: relative;
  width: 880px;
  height: 132px;
  background-image: url(../graphics/footer-back.jpg);
  background-repeat: repeat-x;
  background-color: #FFFFFF;
  clear: both;
  float:left;
  margin: 0;
  padding: 30px 0px 0px 20px;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
}
#footer a {
  text-decoration: none;
  color: #fff;
}
#footer a:hover {
 text-decoration: underline;
}
#footer p {
  margin: 0;
  padding: 0;
}
#footer p.copyright {
  margin: 80px 0px 0px 0px;
  padding: 0;
}
#footer p.hotscot {
  margin: 0;
  text-align: right;
  margin: 0;
  padding: 0;
}
#footer .spacing {
  padding-left: 180px;
 }
 
 /*########################  SEARCH STYLING ############################*/
 .search_container_header{
    width:643px;
    font-size: 11px;
    background-color:#EDE6CC;
    padding:10px;
    margin:0px;
 }
 .search_container_header .search_pages{
    float:right;
 }
 #centrecolumn_wide .search_container_header a{
    font-size:11px;
    line-height:10px;
    color:#6B4B3C;
 }
 
 #centrecolumn_wide .Search_item {
    width:638px;
	font-size:11px;
    border-top:2px solid #785956;
    padding:10px 10px 10px 15px;
    background-image: url(../graphics/search_bg.jpg);
    background-repeat: repeat-x;
    background-color: #FFFFFF;
 }
 #centrecolumn_wide .Search_item a{
    color:#6A5154;
 }
 #centrecolumn_wide .Search_item b{
    color:#6A5154;
 }
 .search_image{
    float:right;
    width:170px;
    margin:10px 5px 10px 10px;
    background-color: #FFFFFF;
 }
 .search_image img{
    border:1px solid #CDCDCD;
    padding:4px;
    width:160px;
 }
 #centrecolumn_wide .Search_item .search_image a{
    font-weight:bold;
    font-size:10px;
    text-decoration:none;
    color:#6A5154;
 }
 #centrecolumn_wide .Search_item h2{
    margin:5px 0px 5px 0px;
 }
 
 #centrecolumn_wide .search_info_links{
    line-height:20px;
 }
 .search_image_main{
    float:right;
    width:310px;
    margin:10px 5px 10px 10px;
    background-color: #FFFFFF;
 }
 .search_image_main img{
    border:1px solid #CDCDCD;
    padding:4px;
    width:300px;
 }
 #centrecolumn_wide .Search_item .search_image_main a{
    font-weight:bold;
    font-size:10px;
    text-decoration:none;
    color:#6A5154;
 }
 #centrecolumn_wide .Search_item h3{
    color:#000000;
    font-size:12px;
    margin:0px;
    padding:0px;
 }
 #centrecolumn_wide .search_container_header h4{
    border:none;
    color:#000000;
    font-size:13px;
    line-height:13px;
    margin:0px;
    padding:0px 0px 0px 15px;
    background-image: url(../graphics/search_arrow.jpg);
    background-repeat:no-repeat;
    background-position:left;
 }
 #centrecolumn_wide a.s_arrows{
    background-image: url(../graphics/search_arrow.jpg);
    background-repeat:no-repeat;
    background-position:left;
    padding:0px 0px 0px 15px;
 }
 
 .Search_activities{
    font-size:11px;
    border-top:2px solid #785956;
    padding:10px 10px 10px 15px;
    background-image: url(../graphics/search_bg.jpg);
    background-repeat: repeat-x;
    background-color: #FFFFFF;
 }
 /*########################  SEARCH STYLING ############################*/
 
/*########################  QUICK SEARCH ############################*/
#baiml_activity_slct{
    width:300px;
    margin:10px 0px 10px 0px;
}
#baiml_region_slct{
    display:none;
    width:300px;
    margin:10px 0px 0px 0px;
}
/*########################  QUICK SEARCH ############################*/



/*########################  MEMBER LOGIN STYLES ############################*/

form.mem-login {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

form.mem-login input.text {
	margin: 0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}

form.mem-login label {
	display:block;
	margin: 0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

/*########################  MEMBER PROFILE TABLE STYLES ############################*/

table.mem-prof-table {
	width:658px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

table.mem-prof-table td {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

/*########################  NEWS/EVENTS BOX STYLES ############################*/
#news-box {
  background-color: #F4EEDD;
  border: 1px solid #979180;
  width: 253px;
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 10px 0px;
}

#news-box h4 {
  color: #75443F;
  font: bold 18px/23px Verdana, Arial, Helvetica, sans-serif;
  padding: 0px 0px 5px 0px;
  margin: 10px 10px 10px 10px;
  border-bottom: 1px dotted #999;
}

#news-box p {
  color: #333;
  font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
  margin: 0px 20px 0px 10px;
  padding: 0px 0px 0px 0px;
}

#news-box p.news {
  color: #333;
  font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
  margin: 0px 20px 0px 10px;
  padding: 0px 0px 10px 0px;
}

#news-box p.news a {
	color: #75443F;
	font-weight:bold;
}
#news-box p.news a:hover {
	color: #000000;
	font-weight:bold;
}

#news-box img.btn {
	width:82px;
	margin: 0px 20px 0px 160px;
  	padding: 0px 0px 0px 0px;	
}

#news-box ul {
  color: #333;
  font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
  margin: 0px 10px 5px 40px;
  padding: 0px 0px 0px 0px;
  list-style-type:disc;
}

#news-box ul a { 
color: #0066cc;
}
#news-box ul a:hover { 
color: #000000;
}

/*########################  COLOURS ############################*/

.brown { color: #75443F; }
.blue { color: #0066cc; }
.beige { color: #e2d4a8; }

/*########################  DOC LIBRARY STYLES ############################*/

#centrecolumn .doclibcat,
#centrecolumn_wide .doclibcat {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
  border-bottom: 1px dotted #999;
}

#centrecolumn .doclibcat p,
#centrecolumn_wide .doclibcat p {
  color: #333;
  font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
}

#centrecolumn .doclibcat p.doclib,
#centrecolumn_wide .doclibcat p.doclib {
  color: #333;
  font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
 
}

/*########################  MEMBER PROFILE TABLE STYLES ############################*/

table.mem-alpha {
	width:658px;
	margin: 0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	border-collapse:seperate;
}

table.mem-alpha td {
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color: #F4EEDD;
	border: 1px solid #979180;
	text-align:center;
}


table.mem-dir {
	width:658px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	border-collapse:seperate;
}

table.mem-dir th {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 10px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color: #75443F;
	line-height:150%;
	text-align:left;
}

table.mem-dir td {
	width:217px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color: #F4EEDD;
	border: 1px solid #979180;
	line-height:150%;
}

table.mem-alpha td:hover,
table.mem-dir td:hover {
	background-color: #E2D4A8;
}

#centrecolumn_wide table.mem-dir td a.name {
	color: #75443F;
	text-decoration:none;
	font-weight:bold;
}
#centrecolumn_wide table.mem-dir td a:hover.name {
	color: #000000;
	text-decoration:none;
	font-weight:bold;
}