@charset "UTF-8";
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	color: #777;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}


a {
	color: #777;
	text-decoration: none;
}
a:focus { outline: none; }

.border {
	background-color: #444444;
}
.topArt {
	background-image: url(../images/header_art_03.gif);
	background-repeat: no-repeat;
}
.navTXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5B5B5B;
	text-decoration: none;
	font-weight: lighter;
}
.topNav {
	padding-top: 47px;
	padding-left:400px;
}
.navBG {
	background: url(../images/nav_bg.gif) top left repeat-x;
	height: 34px;
}
.navBG2 {
	padding: 0 0 0 236px;
}

.navBG td {
/*	border: 1px dotted;*/

}
.curve {
	background-image: url(../images/curve.gif);
	background-repeat: no-repeat;
}
.orangeBoxBG {
	background-image: url(../images/orange_box_bg.gif);
	background-repeat: repeat-y;
	height: 195px;
}

.orangePatternBG {
	background-image: url(../images/mail_form_bg.gif);
	
}





.orangeTXT {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	color: #f28109;
	text-decoration: none;
	line-height: 20px;
}
#header_tube {
	padding: 10px 10px 0 10px;
}
#header_tube h4 {
	color: #A9A9A9;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 7px 0 0 0;
	float: left;
	font-size: .9em;
	width: 200px;
}

#main_container {
padding-top:10px;
padding-left:40px;
padding-right:60px;
	
}



.bulletin {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
}
.newsTXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	line-height: 18px;
}

.newsTXT a {
	text-decoration: underline;
}
.newsTXT a:hover {
	/*font-size: 12px;*/
	color: #f28109;
	text-decoration: none;
}






.newsHeadings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	text-decoration: none;
}
.findoutmoreTXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777;
	text-decoration: none;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #444444;
	text-decoration: none;
	font-weight: lighter;
}

h2 {
	color: #444444;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: lighter;
	line-height: 1.3em;
	text-decoration: none;
}
h2 a {
	color: #444444;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: lighter;
	line-height: 1.3em;
	text-decoration: none !important;
}
h2 a:hover {
	color: #444444 !important;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	line-height: 1.3em;
	text-decoration: underline !important;
}
h2 a.pdf {
	background: url(../images/pdf-icon.png) center left no-repeat;
	display: block;
	min-height: 24px;
	margin: 0 0 0 -26px;
	padding: 0 0 0 26px;
}
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #444;
	font-weight: lighter;
}





.footerTXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a9a9a9;
	text-decoration: none;
	line-height: 18px;
}

.footerTXT a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a9a9a9;
	text-decoration: none;
	line-height: 18px;
}

.footerTXT a:hover {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 10px;*/
	background-color: #f28109;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 18px;
}


/*CMS Menu Styles*/

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_five */
.preload16 {background: url(../images/cms/pro16_2.gif);}
.preload16a {background: url(../images/cms/pro16_2a.gif);}

.pro16 {padding:0 0 0 1em; margin:0; list-style:none; height:43px; position:relative; background:transparent url(../images/cms/pro16_back.gif) repeat-x left top; font-size:11px;}
.pro16 li {float:left; height:43px;}
.pro16 li a {display:block; float:left; height:40px; line-height:35px; color:#888; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(images/cms/pro16_0a.gif) no-repeat;}
.pro16 li a b {float:left; display:block; padding:0 60px 0 0; background:url(../images/cms/pro16_0.gif) no-repeat right top;}
.pro16 li.current a {color:#000; background:url(../images/cms/pro16_2a.gif) no-repeat;}
.pro16 li.current a b {color:#000; background:url(../images/cms/pro16_2.gif) no-repeat right top;}
.pro16 li a:hover {color:#000; background: url(../images/cms/pro16_2a.gif) no-repeat;}
.pro16 li a:hover b {color:#000; background:url(../images/cms/pro16_2.gif) no-repeat right top;}
.pro16 li.current a:hover {color:#000; cursor:default;}



.headerBG {
	background-image: url(../images/cms/header_bg.gif);
	background-repeat: repeat-x;
}
.rawShade {
	background-color: #E8E8E8;
}



.breadcrumb{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f28109;
}

.breadcrumb a{
background: transparent url(../images/cms/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: #444444 ;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

.breadcrumb a:hover{
text-decoration: underline;
}

.error, .success {
  border: 1px solid;
  border-top: 2px solid;
  padding: 5px 5px 5px 5px;
  margin-bottom: 10px;
  text-align: left;
  font-size: 80%;
  width: 450px;
}

.error { border-color: #F00; color: #F00; }
.success { border-color: #3A2; color: #3A2; }


div.newsarticle {
	margin-bottom: 20px;
}
body.nolimit div#newsarticle {
	margin-bottom: 0;
}



/*CMS Menu Styles*/
.loginBG {
	background-image: url(../images/cms/login_bg.gif);
	background-repeat: repeat-x;
}
.login {
	background-image: url(../images/cms/login_main.gif);
	background-repeat: no-repeat;
}

td#left-col {
	/*background: aqua;*/
	border-right: 1px solid #EEE;
}

.leftColVline {
	text-align:  left;
}

.leftColVline p {
	padding-left: 10px;
}

.leftColVline td {
	/*border-right: 1px solid #EEE;*/
}
.leftColVline h4 {
	background: url(../images/grey_box_bg.png);
	margin: 0;
	padding: 25px 10px 8px 10px;
}
.leftColVline  td#left-menu {
	border-bottom: 1px solid #EEE;
}
.leftColVline  ul {
	list-style: url(../images/bullet.png);
	padding: 0 10px 0 28px;
}
.leftColVline  ul li {
	border-bottom: 1px solid #EEE;
	margin: 0;
	padding: 5px 0 5px 0px;
}

h4#other-relevant {
	margin: 5px 0;
	padding: 15px 0 15px 0;
	position: relative;
}


ul#relevant {
	margin: 0 0 30px 0;
	padding: 0 0 0 19px;
}
ul#relevant li {
	list-style-image: url(../images/bullet.png);
	margin: 3px 0;
}
ul#relevant li.relevant-archive {
	border-top: 1px solid #EEE;
	display: block;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	text-align: right;
}
ul#relevant li.relevant-archive span {
	background: url(../images/icon-archive.png) center left no-repeat;
	display: inline-block;
	padding: 0 0 0 22px;
}



.leftColVline  ul li:last-child, td#. ul li:last-child {
	border: none;
	padding-bottom: 0;
}
.leftColVline  ul li a {
	color: #444;
}
.leftColVline  ul li a:hover {
	color: #F28109;
}
td#contact-details li#tel {
	border: none;
	padding: 7px 0 0 10px;
}
td#contact-details ul {
	padding: 0;
}
td#contact-details ul li {
	list-style: none;
	padding: 7px 0 7px 10px;
}
.quoteBG td {
	border-top: 1px solid #EEE;
}
td#right-col {
	/*background: maroon;*/
	border-left: 1px solid #EEE;
}
tr.rightColVline {
	/*background-image: url(../images/right_col_vline.gif);
	background-repeat: repeat-y;*/
}
tr.rightColVline div {
	margin: 0 0 0 auto;
	padding: 0;
}
tr.rightColVline a {
	color: #444;
	text-decoration: none;
}
tr.rightColVline h4 {
	background: url(../images/grey_box_bg.png);
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 30px 10px 2px 0;
}
tr.rightColVline span.newsHeadings {
	border-bottom: 1px solid #EFEFEF;
	display: block;
	padding: 5px 10px 10px 0;
}




/* properly styled bits of code */
/* daniel, 16/XII/2008 */

div.staff-profile, p.staff-name {
	padding: 0 0 0 20px;
}
div.staff-profile p {
margin: 0 0 10px 0;
}
div.staff-profile a {

}
div.staff-profile a:hover {

}
div.staff-profile a img {
	display: block;
	float: left;
	margin: 0 10px 5px 0;
}

td#contact-col {
	font-size: 77%;
	text-align: right;
	font-family: Helvetica, Arial, sans-serif;
	color: #999;
	line-height: .9em;
	border-bottom: 1px solid #EEE;
	/*border-left: 1px solid #EEE;*/
	padding: 0;
}
td#contact-col dl {
	margin: 10px 0 0 0;
}
td#contact-col dt {
	padding: 0 8em 0 0;
	line-height: .4em;
}
td#contact-col dd {
	position: relative;
	top: -.8em;
	line-height: 1.2em;
}
td#contact-col dt#contact-name, td#contact-col dt#contact-address {
	visibility: hidden;
	line-height: 1em;
}

td#contact-col dt#mailaddr {
	line-height: .6em;
	visibility: hidden;
}

img#title-img {
	border-bottom: 1px solid #EEE;
	/*border-right: 1px solid #EEE;*/
	padding: 0 0 20px 25px;
}


td#toptd {
}
td#toptd  div {
	position: relative;
}

td#toptd a {
	margin: 0;
	padding: 0;
}

td#toptd img {
	margin: 0;
	padding: 0;
}

ul#topnav {
	font-size: 11px;
	left: 550px;
	list-style: none;
	padding: 0;
	position: absolute;
	top: 0;
}
ul#topnav li {
	display: block;
	float: left;
	padding: 3px 12px 0 22px;
	height: 17px;
}
ul#topnav li#t-home {
	background: url(../images/icon-home.png) top left no-repeat;
}
ul#topnav li#t-contact {
	background: url(../images/icon-contact.png) top left no-repeat;
}
ul#topnav li#t-staff {
	background: url(../images/icon-staff.png) top left no-repeat;
}
ul#topnav li#t-links {
	background: url(../images/icon-links.png) top left no-repeat;
}
ul#topnav li:last-child {
	border: none;
}
ul#topnav a {
	color:#666;
}
ul#topnav a:hover {
	color: #F28109;
}

form#topsearch {
	left: 760px !important;
	position: absolute;
	top: 10px !important;
	width: 198px;
}

form#topsearch label {
	display: none;
}
form#topsearch input {
	border: 1px solid #DDD;
	color: #666;
	font-family: Arial, sans-serif;
	font-size: 14px;
	height: 19px;
	padding: 3px 0 0 5px;
	width: 160px;
}
form#topsearch input:focus {
	border: 1px solid #AAA;
}
form#topsearch button {
	background: url(../images/icon-search.png) top left no-repeat;
	border: none;
	height: 21px;
	left: 3px;
	position: relative;
	top: -4px;
	width: 27px;
}
form#topsearch button span {
	display: none;
}

/* pagination */

div.pages {
	border-bottom: 1px solid #EEE;
	float: none;
	height: 18px;
	margin: 0 0 0 0;
	padding: 0 0 25px 0;
	text-align: center;
}
div.pages div {
	display: block;
	height: 22px;
	margin: auto;
	text-align: center;
}
div.pages a{
	color: #BBB;
	float: none;
	height: 18px;
	text-decoration: none;
}

div.pages span {
	display: block;
	float: left;
	height: 18px;
	text-align: center;
	width: 40px;
}
div.pages ul {
	display: inline;
	float: left;
	height: 18px;
	list-style: none;
	list-style-type: none;
	margin: 0 2px;
	padding: 0;
}
div.pages ul li {
	background: #FFF;
	color: #444;
	display: block;
	float: left;
	height: 18px;
	margin: 0 2px;
	text-align: center;
	width: 18px;
}
div.pages ul li.selected a {
	border: 1px solid #444;
}
div.pages ul li a {
	background: #FFF;
	border: 1px solid #BBB;
	display: block;
	height: 18px;
	text-decoration: none;
	width: 18px;
}
div.pages ul li.selected a:hover {
	color: #f28109;
}
div.pages ul li.selected a {
	border: 1px solid #444;
	color: #444;
}
div.pages ul li a:hover {
	border:none;
	height: 20px;	
	width: 20px;
}

p.legal {
	border-bottom: 1px dashed #CCC;
	margin: 10px 0;
	padding: 0 0 25px 0;
}

ul#pdfs {
	padding: 0;
	list-style: none;
}
ul#pdfs li {
	background: url(../images/pdficon_small.gif) top left no-repeat;
	margin: 2px 0;
	padding: 0 0 0 23px;
}

div#footer {
	border-top: 6px solid #444;
	font-size: 85%;
}
div#footer p {
	float: left;
	height:  16px;
	line-height:  16px;
	width: 500px;
}
div#footer p#koodoz {
	float:  right;
	text-align:  right;
	width: 180px;
}
div#footer p#koodoz a {
	background: url(../images/koodoz_icon.gif) 164px -16px no-repeat;
	display: block;
	height: 16px;
	padding: 0 25px 0 0;
}
div#footer p#koodoz a:hover {
	background: url(../images/koodoz_icon.gif) 164px 0 no-repeat;
	color: #D50A27;
}
div#footer p#koodoz strong {
	font-weight:  normal;
}

p.searchresults {
/*	background: yellow;*/
	margin: 10px 0 10px 10px;
	padding: 0 0 5px 0;
}
h2.searchresults {
	border-bottom: 1px solid #EEE;
}


/* small details */

body#staff p.legal {
	display: none;
}
body#carpe-carp div#newsarticle p {
	text-align: center;
}

.that-thing { /* you know .... *that* thing! */
 unicode-bidi: bidi-override;
 direction: rtl;
 }

div.reference-url {
	width: 470px;
	overflow: hidden;
} 

div#comicstrip {
	border-top: 1px solid #EEE;
	margin: 0 0 40px 0;
	padding: 20px 0 0 0;
	overflow: auto;
}
div#comicstrip h2 {
	margin-top: 10px;
	font-size: 135%;
}
div#comicstrip h2 a {
	font-size: 100%;
}
div#comicstrip h2, div#comicstrip ul, div#comicstrip p {
	float: right;
	width: 200px;
}
div#comicstrip p {
	margin: 0;
}
div#comicstrip ul {
	list-style:  none;
	margin: 10px 0 0 0;
	padding: 0;
}
div#comicstrip ul li {
	margin: 5px 0;
}
div#comicstrip ul li a {
	display:  block;
	height: 16px;
	line-height: 16px;
	padding: 0 0 0 20px;
	text-decoration: none;
}
li.archive a, span.archive a {
	background: url(../images/icon-archive.png) top left no-repeat;
}
span.archive a {
	padding: 0 0 2px 25px;
}
div#comicstrip p#strip {
	width: 260px;
	float: left;
}
div#carpecarp {
	text-align: center;
}
li.rss a:hover {
	text-decoration: underline !important;
}
div#comicstrip ul li.rss a {
	background: url(../images/icon-rss.png) top left no-repeat;
	color: #f28109;
}
ul#top-icons {
	float: right;
	height: 22px;
	margin: 0;
	padding: 0;
}
ul#top-icons li {
	display: block;
	float: left;	
	list-style: none;
	margin: 0 0 0 3px;
	outline: none;
}
ul#top-icons li a {
	display: block;
	height: 18px;
	text-indent: -9999px;
	width: 20px;
}
ul#top-icons li.rss {
	margin-right: 10px;
}
ul#top-icons li.rss a {
	font-size: .9em;
	height: 17px;
	padding: 5px 20px 0 0;
	text-indent: 0;
	text-align: right;
	width: 220px;

}
ul#top-icons li.rss a {
	background: url(../images/icon-rss.png) right 3px no-repeat;
	color: #f28109;
}
li.email a {
	background: url(../images/icon-tellafriend.png) top left no-repeat;
}
li.print a {
	background: url(../images/icon-print.png) top left no-repeat;
}
li.decrease a {
	background: url(../images/icon_sml_font.gif) 7px 0 no-repeat;
}
li.increase a {
	background: url(../images/icon_lrg_font.gif) 5px 0 no-repeat;
}

td#contact-details p#twitter {
	background: url(../images/twitter-icon.png) top left no-repeat;
	display: block;
	font-size: 1em;
	height: 16px;
	padding-top: 2px;
	margin-left: 9px;
	text-indent: 0;
	text-align: right;
	width: 120px;
}
td#contact-details p#twitter a:hover {
	color: #4dc9ff;
}
span.skirt {
	clear: both !important;
	display: block;
	height: 1px;
}              		