body { margin: 0px;  padding: 0px; background-image: url('/template/bg.gif'); background-repeat: repeat-x; margin-bottom: 300px; }
body, td { font-family: "Trebuchet MS", Verdana, Arial; font-size: 12px; line-height: 18px; color: #5b5a58; }
a img { border: none; }

input, textarea, select{ font-family: "Trebuchet MS", Verdana, Arial; font-size: 12px; color: #5b5a58; }
input[type=text], input[type=password], select, textarea { border: 1px solid #bfbfbf; padding: 5px 2px; box-sizing: border-box; resize: none; background-color: #fff; }
#container .submit_button{ color: #ffffff; background-image: url('/template/button_bg.gif'); background-repeat: no-repeat; background-position: left center; padding-left: 20px; padding-right: 10px; padding-bottom: 0px; margin: 0px; line-height: 18px; cursor: pointer; border: 0px; width: auto; overflow: visible; }
	a.submit_button { display: inline-block; padding-top: 1px; }
	a.submit_button:hover { text-decoration: none; }
#container .delete_button{ color: #ffffff; background-image: url('/template/button_deletebg.gif'); background-repeat: no-repeat; padding-left: 20px; padding-right: 10px; padding-bottom: 0px; margin: 0px; line-height: 18px; cursor: pointer; border: 0px; width: auto; overflow: visible; }

#container { min-width: 770px; margin: 0px auto; max-width: 1000px; box-sizing: border-box; padding: 0px 15px; }
#header { margin-top: 15px; }
#logo { width: 181px; height: 141px; float: left; background-color: #00578d; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;  border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
#logo.colour { background-color: transparent; }
#nav_container { width: calc(100% - 181px); float: left; margin-top: 40px; }
#title { width: 300px; float: left; margin-left: 18px; font-size: 30px; color: #929292; line-height: 35px; }
	#title span { color: #00578d }
	#title.long { font-size: 24px; }
#topnav { float: right; padding-top: 11px; text-align: left; width: 120px; margin-left: 20px; }
	#topnav a{ color: #9a9895; text-decoration: none; background-image: url('/template/topnav_linkbg.gif'); background-repeat: no-repeat; padding-left: 12px; background-position: left center; }
	#topnav a:hover{ text-decoration: underline; }
#mainnav { clear: both; padding-top: 35px; margin-left: -6px; }
	#mainnav .navitem { float: left; }
	#mainnav .navitem a { color: #666565; text-decoration: none; font-size: 15px; line-height: normal; border-right: 1px solid #b0ada9; padding: 0px 20px; }
	#mainnav .navitem a.selected,
	#mainnav .navitem a:hover { color: #00578d; }
	#mainnav .navitem a.last { border-right: none; }
	#mainnav.count7 .navitem a { padding: 0px 11px; }

#leftcol { margin-top: 14px; width: 180px; float: left; }
#rightcol { width: calc(100% - 180px); float: left; }
#login { color: #ffffff; background-color: #ffb400; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; padding: 15px; }
#login input { border: 0px; background-color: #ffffff; }
#login p { margin-bottom: 5px; }
#login a { color: #ffffff; background-image: url('/template/leftnav_linkbg.png'); background-repeat: no-repeat; padding-left: 12px; background-position: left center; }
#login a.selected { font-weight: bold; }

#footer { clear: left; color: #c5c3be; padding-top: 15px; }
#sitesearch { margin-top: 5px; background-color: #e1ded9; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; padding: 15px; }
#updates { margin-top: 5px; background-color: #e1ded9; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; padding: 15px; }
#updates p { overflow-wrap: break-word; }

#breadcrumb { color: #ffffff; padding-left: 15px; padding-top: 5px; height: 20px; overflow: hidden; }
#breadcrumb a { color: #ffffff; text-decoration: none; }
#breadcrumb a:hover { text-decoration: underline; }

#banner { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; background-position: bottom center; background-size: cover; height: 300px; }

#content { margin-left: 15px; margin-top: 15px; }
h1, h3, h4 { font-size: 18px; line-height: 18px; margin: 0px; padding: 0px; margin-bottom: 8px; color: #00578d; font-weight: normal; }
h2 { font-size: 15px; line-height: 16px; margin: 0px; padding: 0px; margin-bottom: 8px; color: #00578d; font-weight: normal; }
h3 { color: #767472; }
h4 { color: #ffffff; }
h5 { font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; margin-bottom: 5px; color: #00578d; font-weight: normal; }

p { margin: 0px; padding: 0px; margin-bottom: 10px; }
a { color: #00578d; text-decoration: none; }
a:hover { text-decoration: underline; }
form { margin: 0px;  padding: 0px; }

#container .add_link { color: #ffffff; background-image: url('/template/button_addbg.gif'); background-repeat: no-repeat; background-position: left center; padding-left: 20px; padding-right: 10px; padding-bottom: 0px; margin: 0px; line-height: 12px; cursor: pointer; padding-top: 2px; padding-bottom: 2px; }
#container .add_link:hover { text-decoration: none; }
#container .edit_link{ color: #ffffff; background-image: url('/template/button_editbg.gif'); background-repeat: no-repeat; background-position: left center; padding-left: 20px; padding-right: 10px; padding-bottom: 0px; margin: 0px; line-height: 12px; cursor: pointer; padding-top: 0px; padding-bottom: 0px; height: 18px; line-height: 18px; display: inline-block; }
#container .edit_link:hover{ text-decoration: none; }
#container .delete_link { color: #ffffff; background-image: url('/template/button_deletebg.gif'); background-repeat: no-repeat;  background-position: left center; padding-left: 20px; padding-right: 10px; padding-bottom: 0px; margin: 0px; line-height: 12px; cursor: pointer; padding-top: 0px; padding-bottom: 0px; height: 18px; line-height: 18px; display: inline-block; }
#container .delete_link:hover { text-decoration: none; }

#container .subnav { background-image: url('/template/subnav_linkbg.gif'); background-repeat: no-repeat; padding-left: 12px; background-position: left top; }

#container strong { font-weight: bold; }
#container .directory .country_select{ width: 164px; }

.datatable { border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.datatable td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 1px 3px; }
.datatable.padded td { padding: 3px 5px; }
.datatable .noborder td { border: none; }

.contentbox{ border: 1px solid #cbc9c4; padding: 10px; margin-top: 10px; margin-bottom: 10px; -moz-border-radius: 8px 8px 8px 8px; border-radius-topright: 8px; border-radius-topleft: 8px; border-radius-bottomright: 8px; border-radius-bottomleft: 8px;}
.contentbox img { max-width: 523px; height: auto; }

.highlight { border: 2px dashed #ff0000; padding: 10px; margin-bottom: 10px; }

#socialicons { width: 141px; height: 25px; position: absolute; top: 16px; margin-left: 400px; text-align: right; }
	#socialicons a { width: 25px; height: 25px; display: inline-block; margin-left: 5px; }

.box_left{ background-image: url('/template/box2left.gif'); background-repeat: no-repeat; background-position: top left; }
.box_right{ background-image: url('/template/box2right.gif'); background-repeat: no-repeat; background-position: top right; }
.box_bottom{ background-image: url('/template/box2bottoml.gif'); background-repeat: no-repeat; background-position: bottom left; }
.box_content{ background-image: url('/template/box2bottomr.gif'); background-repeat: no-repeat; background-position: bottom right;padding: 15px;}
.gbox_left { background-image: url('/template/gbox2left.gif');background-repeat: no-repeat;background-position: top left;}
.gbox_right { background-image: url('/template/gbox2right.gif');background-repeat: no-repeat;background-position: top right;}
.gbox_bottom { background-image: url('/template/gbox2bottoml.gif'); background-repeat: no-repeat; background-position: bottom left; }
.gbox_content { background-image: url('/template/gbox2bottomr.gif'); background-repeat: no-repeat; background-position: bottom right; padding: 15px; }

#container .clearfix:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
#container .clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
#container .clearfix {display: block;}