/* CSS Document */

/*  GLOBAL
------------------------------*/

body {
	margin: 0;
	padding: 0;
	font-family: "Century Gothic", "Lucida Grande", Verdana, sans-serif;
	font-size: medium;
	text-align: center;
	color:#000000;
	background-color:#999999;
	}

#main-body {
	width: 99.9%;
	margin: 0 auto;
	padding: 0;
	font-size: 95%;
	line-height: 1.6em;
	text-align: left;
	}

p {
	margin-bottom:8px;
	}

/*  HEADER
------------------------------*/

#header-wrap {
	float:left;
	margin: 0 auto;
	padding: 0;
	font-size: 95%;
	width: 99.9%;
	min-height: 140px;
	background:url(../img/ukb1/header-bg.gif) top center repeat-x #fff;
	}
#header {
	margin: 0 auto;
	padding: 0;
	width:770px;
	}
#header #logo span {display:none;}
#header #logo {float:left; width:420px; height:140px;background:url(../img/ukb1/header-logo.gif) left top no-repeat #fff;}
#header #spiel {
	float:right; 
	width:350px;
	height:140px;
	background-color:#fff;
	font-weight:bold;
	color:#999999;
	text-align:right;
	}
#header #spiel p {float:right; width:300px; height:80px; margin-top:30px; margin-right:20px; text-align:center; background:url(../img/ukb1/hdr_incent_bg1.png) left top no-repeat; padding:15px 0 0 0; color:#6E8621;}
#header #spiel p a:link {color:#999;}
#header #spiel p a:visited {color:#999;}
#header #spiel p a:hover {color:#000;}
#header #spiel p a:active {color:#999;}
#header #spiel ul {float:right; margin-right:5px; display:inline;}
#header #spiel ul li {float:right; list-style:none; clear:right; margin:0}

/*  NAVIGATION
------------------------------*/


#nav-wrap {
	float:left;
	width: 99.9%;
	height: 65px;
	margin: 0 auto;
	padding: 0;
	background:url(../img/ukb1/topnav-bg.gif) top left repeat-x #B8D432;
	}

/*- Menu Tabs--------------------------- */ 


    #nav {
	  margin: 0 auto;
      width:770px;
      line-height:normal;
	  font-weight:bold;
	  overflow:hidden;
      }
    #nav ul {
	  margin:0;
	  padding:0;
	  list-style:none;
      }
    #nav li {
      display:inline;
	  float:left;
      margin:0 5px;
      padding:0;
      }
    #nav a {
      float:left;
      background:url("../img/ukb1/nav-button-0l.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 10px;
      text-decoration:none;
      }
    #nav a span {
      float:left;
      display:block;
      background:url("../img/ukb1/nav-button-0r.gif") no-repeat right top;
      padding:15px 17px 30px 7px;
      color:#077747;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a span {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover span {
      color:#000;
      }
    #nav a:hover {
      background-position:0% -78px;
      }
    #nav a:hover span {
      background-position:100% -78px;
      }

	#nav li#active strong#current {
		float:left;
      	background:url("../img/ukb1/nav-button-0l.gif") no-repeat left top;
      	margin:0;
      	padding:0 0 0 13px;
      	text-decoration:none;
	  	background-position:0% -78px;}
	#nav li#active strong#current span {
		float:left;
      	display:block;
      	background:url("../img/ukb1/nav-button-0r.gif") no-repeat right top;
      	padding:15px 20px 30px 7px;
      	color:#077747;
		background-position:100% -78px;}
	

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

#content-wrap {
	float:left;
	width: 99.9%;	
	background-color:#B8D432;;

	}
#content {
	margin: 0 auto;
	padding: 10px 0;
	width:770px;
	min-height: 200px;
	}

#title {
	float:left;
	width:770px;
	height:200px;
	background:url(../img/ukb1/banner-bg.jpg) left top no-repeat #0B3995;
	clear:right;
	}
#title h2 {
	float:left;
	color:#FFFFFF;
	border-bottom:2px solid #fff;
	display: inline;
	margin:35px 0 0 55px;
	clear:both;
	}
#title h3 {
	float:left;
	color:#6e8621;
	margin:5px 0 0 55px;
	clear:both;
	display: inline;
	}

/* Main Text Area / Newsbox stuff here
--------------------------------------*/

#newsbox {
	float:left;
	min-height:250px;
	width:746px;
	margin:10px 0;
	padding:10px;
	background: url(../img/ukb1/secondarybox-bg.jpg) left top repeat-x #E5EFB2;
	border:2px solid #8BBC38;
	text-align:justify;
	}

#newsbox img.LeftFloat {
	float:left;
	margin: 5px 15px 5px 5px;
	}

#newsbox .textcontainer {
	margin-left:235px;
	width:500px;
	}
/*
#newsbox .textcontainer img {float:none;}
#newsbox .textcontainer p img {float:none;}
*/

/*
#newsbox .textcontainer img.img-right {float:right;}
#newsbox .textcontainer p img.img-right {float:right;}
*/

.img-right {float:right;}

#newsbox h2 {
	color:#6e8621;
	margin-top:5px;
	}

#newsbox h3 {}
#newsbox h3 img {float:none; margin:0;}
#newsbox div {margin:10px 0;}

/*#newsbox p img {float:none; margin:0;}*/


#newsbox a:link {color:#077747; text-decoration:none;border-bottom:none;}
#newsbox a:hover {color:#333; text-decoration:none;border-bottom:2px dotted #077747;}
#newsbox a:active {color:#333; text-decoration:none;border-bottom:2px dotted #077747;}
#newsbox a:visited {color:#077747; text-decoration:none;}

#newsbox .techsheet, #newsbox .techsheet2 {
	float:left; 
	width:218px; 
	height:125px; 
	background: url(../img/ukb1/techsheet-bg.jpg) left top repeat-x #8BBC38; 
	border-right: 5px solid #E5EFB2;
	border-left: 5px solid #E5EFB2; 
	padding:5px 10px 5px 10px; 
	text-align:center;
	}
#newsbox .techsheet2 {width:500px; padding:0px; border:none;}
#newsbox .techsheet img, #newsbox .techsheet2 img {float:none;margin:0;}
#newsbox .techsheet h3, #newsbox .techsheet2 h3 {margin:5px auto;}

#newsbox ul {width:475px; list-style-image:url(../img/bullet_green.png); list-style-type:circle;}
#newsbox ul li {margin-left:20px;}

#newsbox ol {width:475px;}
#newsbox ol li {margin-left:20px;}

#newsbox .articleNav {
	float:left;
	clear:left;
	margin-left:5px;
	width:215px;
	height:18px;
	}
#newsbox .articleNav a {
	color:#000;
}

#newsbox .rssFeedo {
	float:left;
	clear:left;
}

#newsbox #rssTicker {
	float:left;
	clear:left;
	margin-left:5px;
	width:215px;
	height:300px;
	border: 1px solid #077747;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	}

#newsbox #rssTicker ul {margin:10px;padding:0;width:195px; height:280px; overflow:hidden;}
#newsbox #rssTicker ul li {margin:0;padding:0;width:195px; text-align:left; list-style:none;}
#newsbox #rssTicker h3 {font-size:13px; line-height:13px;}
#newsbox #rssTicker h3 a {font-size:13px;color:#6E8621;}

#rssFeed .description {color:#333; margin-bottom:0; line-height:12px;}
#rssFeed .updated {color:#999; margin-top:0;}

.intro-para {
	font-weight:bold;
	color:#6E8621;
	text-align:justify;
	}

.email {width:230px;}
.phone {width:230px;}
.address {width:230px;}

.enqform {float:right;width:210px;height:60px; padding:20px; background: url(../img/ukb1/enqform-bg.png) left top no-repeat #E5EFB2;}
.enqform h4 {text-align:center;}
.enqform p {text-align:center;}


/*  SECONDARY CONTENT
------------------------------*/

#secondary-wrap {
	float:left;
	width: 99.9%;
	min-height: 100px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
	background:url(../img/ukb1/secondary-bg.gif) top left repeat #8BBC38;
	}

#secondary {
	margin: 0 auto;
	padding: 0;
	width:770px;
	}

#box1 {
	float:left;
	width:370px;
	min-height:150px;
	margin:0;
	}

#box2 {
	float:right;
	width:370px;
	min-height:150px;
	margin:0;
	}
#box1 h3, #box2 h3 {color:#6e8621;}


 /* set background images for corners */
#box1 .rbroundbox, #box2 .rbroundbox { background: url(../img/ukb1/secondarybox-bg.jpg) repeat-x #E5EFB2; }
#box2 .rbtop div { background: url(../img/ukb1/top-left-corner-1.gif) no-repeat top left; }
#box1 .rbtop { background: url(../img/ukb1/top-right-corner-1.gif) no-repeat top right; }
#box1 .rbbot div, #box2 .rbbot div { background: url(../img/ukb1/bot-left-corner-1.gif) no-repeat bottom left; }
#box1 .rbbot, #box2 .rbbot { background: url(../img/ukb1/bot-right-corner-1.gif) no-repeat bottom right; }

 /* height and width details */
#box1 .rbtop div, #box2 .rbtop div, 
#box1 .rbtop, #box2 .rbtop,
#box1 .rbbot div, #box2 .rbbot div,
#box1 .rbbot, #box2 .rbbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
#box1 .rbcontent, #box2 .rbcontent { padding:0 10px; }
#box1 .rbroundbox, #box2 .rbroundbox {}


#box1 a:link, #box2 a:link {color:#077747; text-decoration:none;border-bottom:none;}
#box1 a:hover, #box2 a:hover {color:#333; text-decoration:none;border-bottom:2px dotted #077747;}
#box1 a:active, #box2 a:active {color:#333; text-decoration:none;border-bottom:2px dotted #077747;}
#box1 a:visited, #box2 a:visited {color:#077747; text-decoration:none;}


#box1 .rbcontent ul, #box2 .rbcontent ul {margin-left:20px; list-style-image:url(../img/bullet_green.png); list-style-type:circle;}


/*  FOOTER
------------------------------*/
#footer-wrap {
	float:left;
	width: 99.9%;
	min-height: 120px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	color:#454545;
	background-color: #999;
	}

#footer {
	margin: 0 auto;
	padding: 10px 0;
	width:770px;
	text-align:center;
	}

.contact_dets {
	margin: 17px 130px 17px 0;
	text-align:right;
	}
.contact_dets a:link {color:#077747; text-decoration:none;border-bottom:none;}
.contact_dets a:hover {color:#333; text-decoration:none;border-bottom:2px dotted #077747;}
.contact_dets a:active {color:#333; text-decoration:none;border-bottom:2px dotted #077747;}
.contact_dets a:visited {color:#077747; text-decoration:none;}

.site_plug {
	float:left;
	color:#666;
	font-size:small;
	padding:5px;
	}
.site_plug a:link {color:#077747; text-decoration:none;border-bottom:none;}
.site_plug a:hover {color:#333; text-decoration:none;border-bottom:2px dotted #077747;}
.site_plug a:active {color:#333; text-decoration:none;border-bottom:2px dotted #077747;}
.site_plug a:visited {color:#077747; text-decoration:none;}	
	
/*  MISC.
------------------------------*/

hr {display:none;}


.img_right {float:right; margin:0 15px;}
.img_left {float:left; margin-right:15px;}
.para_right {float:right;text-align:right;clear:left;}
.para_left {float:left;text-align:right;clear:left;}