/*@group Global*/

/*@group body*/

body, html, #wrapper {
    min-height: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}


html>body, html>body #wrapper {
    height: auto;
}


#wrapper {
    position: absolute;
    top: 0;
    left: 0;
}

#site {
    width: 1000px;
    margin: 0 auto;
}

#sitesmall {
    width: 500px;
    margin: 0 auto;
}

div#cleartop {
	height: 30px;
	width: 1000px;
}

div#cleartopsmall {
	height: 30px;
	width: 500px;
}

div#headerimage{
	margin: 0;
	padding: 0;
	height: 120px;
}
/*@end*/

/* @group Links */

a img {
	border: 0;
}

a {
	text-decoration: none;
}

a:hover {
	color: #09c;
}

/* @end */

/* @group Navigation */

form {
	margin: 0 auto;
	padding: 0;
}

.navbreak
{
	height: 0px;
}

.navbreakdiv
{
	height: 12px;
}

#navigation {
	height: 30px;
	padding: 0;
	width: 1000px;
	margin: 0;
	list-style: none;
}

#menubar {
	float: left;
	padding: 0;
	margin: 0;
	height: 30px;
	text-align: left;
}

#navigation input {
	float: right;
	width: 120px;
	margin: 4px 295px 0 0;	
}

/* @group Menu *//* HORIZONTAL FREESTYLE MENU LAYOUT */

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	height: 20px;
}

.menulist {
	padding-left: 19px;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
	display: none;
	position: absolute;
	top: 30px;
	left: -1px;
	width: 150px;
}


/* Second and third etc. level submenus - position across from parent instead */


.menulist ul ul {
	top: 2px;
	margin-top: 0;
	left: 145px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
	float: left;
	display: block;
	position: relative;
	margin-right: -1px;
}

.menulist ul li {
	height: auto;
}


.menulist ul li a{
 	display: block;
 	text-decoration: none;
}


/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
	float: none;
	margin: 0;
	margin-bottom: -1px;
}
.menulist ul>li:last-child {
	margin-bottom: 1px; /* Mozilla fix */
}

/* Only style submenu indicators within submenus. */
.menulist a .subind {
	display: none;
}
.menulist ul a .subind {
	display: block;
	float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
	float: left;
}
.menulist ul a {
	float: none;
}
/* \*/
.menulist a {
	float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
	float: left;
	width: 100%;
}

* html .menulist ul li {
	float: left;
	height: 1%;
}
* html .menulist ul a {
	height: 1%;
}
/* End Hacks */


#menubar ul#cssmenu {
	float:left;
}

/* @end */

/* @end */

/* @group Content */

div.content {
	padding: 0px;
	color: #4c4c4c;
}

div.content p {
	font: 12px Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 15px;
	margin-top: 0;
}

div.content ul li {
	font: 12px Helvetica, Arial, sans-serif;
	line-height: 1.5em;
}

div.content h1 {
	margin: 0;
	padding: 0; 
	font: 1.2em Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.box
{
	float: left;
	width: 16em;
	margin: 0px auto;
}

.box div.newnav
{
	margin: 0.5em 0 0 -2.5em;
	font: 12px Helvetica, Arial, sans-serif;
}

.box div.topleft {
	display: block;
	background: url("../images/box-bg.png") top left no-repeat white;
	padding: 2.0em 0em 0em 0em;
}

.box div.topright {
	display: block;
	background: url("../images/box-bg.png") top right no-repeat white;
	padding: 0.5em;
	margin: -2.0em 0 0 2.0em;
}

.box div.bottomleft {
	display: block;
	height: 45px;
	margin-top: -2.0em;
	background: url("../images/box-bg.png") bottom left no-repeat white;
}

.box div.bottomright {
	display: block;
	background: url("../images/box-bg.png") bottom right no-repeat white;
	height: 45px;
	margin-left: 3.0em;
}

/*div.content div.newnav
{
	float: left;
	width: 240px;
	margin-top: 50px;
	font: 12px Helvetica, Arial, sans-serif;
}*/

div.content div.columnone{
	float: left;
	width: 440px;
	margin-left: 20px;
	margin-right: 35px;
	font: 12px Helvetica, Arial, sans-serif;
}

/*div.content div.columnone div.topleft
{
	display: block;
	background: url("../images/box-bg.png") top left no-repeat white;
	padding: 2.0em 0em 0em 2.0em;
}

div.content div.columnone div.topright
{
	display: block;
	background: url("../images/box-bg.png") top right no-repeat white;
	padding: 2.0em;
	margin: -2.0em 0 0 2.0em;
}

div.content div.columnone div.bottomleft
{
	display: block;
	height: 45px;
	margin-top: -2.0em;
	background: url("../images/box-bg.png") bottom left no-repeat white;
}

div.content div.columnone div.bottomright
{
	display: block;
	background: url("../images/box-bg.png") bottom right no-repeat white;
	height: 45px;
	margin-left: 3.0em;
}*/

div.content div.columntwo{
	float: left;
	width: 240px;
	margin-top: 50px;
	font: 12px Helvetica, Arial, sans-serif;
}
/* @group Images */

/*div.newnav div.image
{
	width: 240px;
	margin: 10px 0;
	text-align: center;
}*/

/*div.columnone div.image{
	width: 440px;
	margin: 20px 0;
	text-align: center;
}*/

div.columntwo div.image{
	width: 240px;
	margin: 10px 0;
	text-align: center;
}

/*div.newnav img
{
	max-width: 220px;
}*/

div.columnone img{
	max-width: 440px;	
}

div.columntwo img{
	max-width: 220px;
}

/* @end */

div.columnone h2,  div.columnone h2{
	height: 50px;
	padding: 0;
	margin: 0; 
	font: 19px Helvetica, Arial, sans-serif;
}

.columntwo .quote{
	background: url(../images/quote_top-trans.png) no-repeat left top;
}

.columntwo .quotebottom{
	padding: 15px;
	font: 0.80em Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	background: url(../images/quote_bottom-trans.png) no-repeat right bottom;
}
.columntwo .authinfo{
	padding: 0 15px;	font: 0.80em Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	background: url(../images/tail.gif) no-repeat left top;
	font-style: italic;
}
/* @end */

/* @group search */

div.result {
	margin-bottom: 15px;
	padding: 0;
}



/* @end */

/* @group Footer */

div.clearer {
	height:30px;
	clear: both;
}

div#footer {
	position: absolute;
	bottom: 0;
	/*color: #888;*/
	color: #002582;
	padding: 0;
	text-align: right;
	width: 1000px;
}

div#footersmall {
	position: absolute;
	bottom: 0;
	/*color: #888;*/
	color: #002582;
	padding: 0;
	text-align: right;
	width: 500px;
}

div#footer p {
	margin: 0;
	padding: 10px 20px;
	font: 0.6em normal Geneva, Verdana, sans-serif;
}

div#footersmall p {
	margin: 0;
	padding: 2px 10px;
	font: 0.6em normal Geneva, Verdana, sans-serif;
}

div#footer p.copyright {
	float: left;
}

div#footer a {
	color: #888;
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
}


/* hide from Mac IE5 */
/* \*/
#footer {position: absolute;}
/* */
/* Change in Opera 5+ (and some others) */
html>body div#footer {
    position: static;
}
/* Change back in everything except Opera 5 and 6, still hiding from Mac IE5 */
/* \*/
head:first-child+body div#footer {
    position: absolute;
}
/* */


/* @end */



/*@end*/


/*******************/

/* @group community */

/* @group Body */


body#community, html#community {
	background: url(../images/background.gif) top left repeat-x #fff;
	background-color: #FFF8B0;
}

#community div#headerimage{
	background: url(../images/nav_banner.gif) no-repeat;
}

/*@end */

/* @group Navigation */

/* @group Menu */

#community .menulist li:hover {
	background-color: #09c;
}

#community .menulist a {
	display: block;
 	text-decoration: none;
 	color: #09c;
 	padding: 7px 12px;
}

#community .menulist ul li a {
	display: block;
	padding: 4px 16px 4px 22px;
	color: #09c;
	text-decoration: none;
	background-color: #ccc;
	background: url(../images/menubg.gif);
}
#community .menulist a:hover, #community .menulist a.highlighted:hover, #community .menulist a:focus {
	color: #FFF;
	background: #09c;
	text-decoration: none;
}

#community .menulist a.highlighted {
	color: #FFF;
	background: #09c;
}

/* @end */

#community #navigation {
	background: url(../images/navigation_blue.gif) no-repeat;
}




/*@end*/

/* @group Content */

#community div.columnone h2, #community div.columnone h2{
	color: #09c;
}
/* @end */

/* @group search */

#community div.result b{
	color: #09c;
}

#community div.result span.url{
	color: #09c;
}

#community div.result a{
	color: #09c;
	font-size: 16px;
}
/* @end */





/* @group fm */

/* @group Body */


body#fm, html#fm {
	background: url(../images/background.gif) top left repeat-x #fff;
	background-color: #FFF8B0;
}

#fm div#headerimage{
	background: url(../images/bbfm_nav_banner.gif) no-repeat;
}

/*@end */

/* @group Navigation */

/* @group Menu */

#fm .menulist li:hover {
	background-color: #09c;
}

#fm .menulist a {
	display: block;
 	text-decoration: none;
 	color: #09c;
 	padding: 7px 12px;
}

#fm .menulist ul li a {
	display: block;
	padding: 4px 16px 4px 22px;
	color: #09c;
	text-decoration: none;
	background-color: #ccc;
	background: url(../images/menubg.gif);
}
#fm .menulist a:hover, #fm .menulist a.highlighted:hover, #fm .menulist a:focus {
	color: #FFF;
	background: #09c;
	text-decoration: none;
}

#fm .menulist a.highlighted {
	color: #FFF;
	background: #09c;
}

/* @end */

#fm #navigation {
	background: url(../images/navigation_blue.gif) no-repeat;
}




/*@end*/

/* @group Content */

#fm div.columnone h2, #fm div.columnone h2{
	color: #09c;
}
/* @end */

/* @group search */

#fm div.result b{
	color: #09c;
}

#fm div.result span.url{
	color: #09c;
}

#fm div.result a{
	color: #09c;
	font-size: 16px;
}
/* @end */





/*@end*/

/*******************/

/* @group fm */


/* @group Body */


/*body#fm, html#fm {
	background: url(../images/background_yellow.jpg) top left repeat-x #fff;
}

#fm div#headerimage{
	background: url(../images/header_yellow.jpg) no-repeat;
}*/     

/*@end */

/* @group Navigation */

/* @group Menu */

/*#fm .menulist li:hover {
	background-color: #990;
}

#fm .menulist a {
	display: block;
 	text-decoration: none;
 	color: #990;
 	padding: 7px 12px;
}

#fm .menulist ul li a {
	display: block;
	padding: 4px 16px 4px 22px;
	color: #990;
	text-decoration: none;
	background-color: #ccc;
	background: url(../images/menubg.gif);
}
#fm .menulist a:hover, #fm .menulist a.highlighted:hover, #fm .menulist a:focus {
	color: #FFF;
	background: #990;
	text-decoration: none;
}

#fm .menulist a.highlighted {
	color: #FFF;
	background: #990;
}*/

/* @end */

/*#fm #navigation {
	background: url(../images/navigation_yellow.gif) no-repeat;*/
}

/*@end*/

/* @group Content */

/*#fm div.columnone h2, #fm div.columnone h2{
	color: #990;
}*/
/* @end */

/* @group search */

/*#fm div.result b{
	color: #990;
}

#fm div.result span.url{
	color: #990;
}

#fm div.result a{
	color: #990;
	font-size: 16px;
}*/

/* @end */
/*@end*/



/*******************/

/* @group Contact Us */

div#contactus {
	float: left;
	color: white;
	font: 0.80em Helvetica, Arial, sans-serif;
	line-height: 1.5em;
}


div#enquiry {
	float: left;	
	width: 450px;
}


div#enquiry strong{
	color: white;
	font: bold 15px Helvetica, Arial, sans-serif;
}
/*div#enquiry th, div#enquiry td {
	color: white;
	font: 0.80em Helvetica, Arial, sans-serif;
	vertical-align: top;
}*/

div#enquiry th{
	color: white;
	font: 0.80em bold Helvetica, Arial, sans-serif;
	text-align: left;
	padding-top: 4px;
	width: 120px;
}


div#enquiry .formtextarea{
	height: 100px;
	width: 340px;
}

div#enquiry .formtext{
	width: 340px;
}

.formbuttons{
	text-align: right;
}

span.requiredfield {
	color: red;
}

/*th, td {
	color: white;
	font: 0.80em Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	vertical-align: top;
}*/

th {
	color: white;
	font: 0.80em bold Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	text-align: right;
	padding-top: 8px;
}

/*td.buttoncell {
	padding-top: 20px;
}*/

/*@end*/

/* @group tinymce */
/*
div.tinymceimagelist {
	width: 360px;
	height: 300px;
	overflow: auto;
	border: 1px solid #999;
	margin: 0;
	padding: 0;
}

div.tinymceimagelist div.image{
	width: 100px;
	height: 100px;
	text-align: center;
	border: 1px solid #ccc;
	float: left;
	margin: 5px;
	padding: 0;
	background-color: #e6e6e6;
	overflow: hidden;
}

div.tinymceimagelist div.image img{
	margin-top: 5px;
	max-width: 70px;
	max-height: 70px;
}

div.tinymceimagelist div.image label{
	font: 10px Helvetica, Arial, sans-serif;
}
*/
/* @end */