/* *********************************
    Colours
	Blue   #005DD4
	Wheat  #E2A964
	Grey   #8A8A8A
   ********************************* */
body {
	margin: 0px 0;
	padding: 0;
	background: #fff;
	font-family:  'Trebuchet MS', Helvetica, sans-serif;
	color: #000000;
}

h1, {
	margin: 0;
	padding: 0;
	color:  #005DD4;
}
h2, h3, h4{
	margin: 0;
	padding: 0;
	color: #CC9933;	
}

a {
	color: #005DD4;
}
/* *********************************
    HR tag
   ********************************* */

div.hr {
  height: 2px;
  background: #175267 no-repeat scroll center;
}
div.hr hr {
  display: none;
}
div.hr2 {
  height: 2px;
  background: #175267 no-repeat scroll left;
  width: 48%;
}
div.hr2 hr {
  display: none;
}

/* *********************************
    Container
   ********************************* */

div#container {
	width: 800px;
	margin: 0 auto;
	background-color: #FFFFFF;
/* border: thin solid green; */  	
}
/* *********************************
    top image 
   ********************************* */
#top {
	width: 800px;
	height: 160px;
	margin: 0 auto 0 auto;
	padding: 0 0 0px 0;	
	background: #9CE6F1 url(images/buz3_logo.jpg);
	background-repeat: no-repeat;	
/* border: thin solid red; */  	 
}
/* *********************************
    Area - areas covered below header
   ********************************* */
#area {
	width: 800px;
	text-align: center;
	font-style: italic;
	font-size: .8em;	
	font-weight: bold;
	color: #CCCCCC;
/* border: thin solid orange; */  
}
/* *********************************
    Content
   ********************************* */
#content {
	float: right;
	width: 540px;
	margin: 0 2px 0 0;
	padding: 4px;	
/*	 border: thin solid red; */  		
}

#content .underline {
	border-top: 1px solid #175267;
	font-size: x-small;
	color: #641B0E;
}
#content .centered {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	margin: 0 50px 0 50px;
	color: #175267;
	background-color: #FFFFFF;
 /* border: medium double blue; */  
}

#content .tabcol {
	  	 float: right;
		 width: 96%;
 		 color: #641B0E;
	 	 list-style: none;
		 font-size: 0.8em;
		 letter-spacing: +1.0px
}
#content ul{
	 	 list-style: none;
	  	 float: right;
		 width: 96%;
 		 color: #641B0E;

		 font-size: 0.8em;		  
		 line-height: 2.4;		
}
#content sup{
 		 color: #000000;
}
#content ol{
	  	 float: right;
		 width: 96%;
 		 color: #641B0E;
		 font-size: 0.8em;
		 line-height: 2.4;		 		  
}

#content li a{
 		 color: ##005DD4;
}

#content a{
		 font-weight: bold;		 
 		 color: ##005DD4;
}


#content .small {
	margin: 0 20px 0 20px;
	padding: 10px 10px 10px 10px;		
	background-color: #E2A964;
	font-size: small;

}

/* First letter O*/
	.firstletter {
		width: 59px;
		height: 75px;
		float: left;
		display: block;
		text-indent: -999em;
		background: url(images/initialo.jpg);
		margin: 0 8px 8px 0;
	}

/* *********************************
    nav pos navigation position
   ********************************* */

#navpos {
	  	 float: left;
		 width: 200px;
		 margin: 0 0 0 0px;	
/* 		 border: thin solid blue; */   
}

/* *********************************
    Virtical menu bar
   ********************************* */

#navcontainer { 
	float: right;
	width: 230px;
	padding: 5px;
/* 		 border: thin solid blue; */   
}

#navcontainer p {
	font-size: .7em;
	padding: 5px 0 5px 5px;
}

#navcontainer ul {
	margin: 0;
	list-style: none;
}

#navcontainer li {
}

#navcontainer a:link, #navlist a:visited {
 	color: #005DD4;
	font-weight: bold;	
	text-decoration: none;
	padding: 5px 0 5px 5px;
}
#navcontainer a {
	display: block;
	width: 180px;
	background-color: #FFFFFF;
	border-bottom: px solid #641B0E;
}
#navcontainer a:hover {
	background-color: #E2A964;
	color: #175267;
}

#navcontainer h5 {
	display: block;	
	background-color: #E2A964;
	letter-spacing: 6px;
	font-weight: bold;
	padding: 5px 0 5px 5px;	
}
/* *********************************
    Footer 
   ********************************* */

#footer {
	height: 67px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background: #9CE6F1 url(images/buz3_foot.jpg);
	letter-spacing: normal;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
/* border: thin solid purple; */  	
}

#footer p {
	margin: 0;
	color: #641B0E;
}

#footer a {
	color: #641B0E;
}
/* *********************************
    My Footer 
   ********************************* */

#my_footer {
	height: 100px;
	margin: 0 auto;
	padding: 0px 0 0 0px;
	letter-spacing: normal;
	text-align: center;
	font-size: .6em;
/*  border: thin solid brown; */ 	
}

#my_footer p {
	margin: 0;
 	color: #641B0E;
}
#my_footer a {
	text-decoration: none;
}

/* *********************************
    Lists  
   ********************************* */

#listcontainer {
    margin-left: auto;
    margin-right: auto;
	list-style: none;

/*		 border: medium double blue; */  
}
#listcontainer li { 
	padding: 0 0 5px 30px;
	background-image: url(images/bullet_diamond.gif);
	background-repeat: no-repeat;
	background-position: 0 0;

/*		 border: medium double red; */ 
}

/* *********************************
    Floats 
   ********************************* */
.float_pic_right
{
float: right;
margin: 0 0 10px 10px;
border: 3px solid #641B0E;
}
.floatright
{
float: right;
margin: 0 0 10px 10px;
border: 0px solid #fff;
padding: 2px;
}
.floatleft
{
float: left;
margin: 10px 10px 0 0;
border: 0px solid #666;
padding: 2px;
}
.smalltable {
		font-weight: normal;
		font-size: small;
}
/* *********************************
    CSS form 
   ********************************* */
.cssform p{
width: 250px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #175267;
height: 1%;
}

.cssform label{
font-weight: bold;
	color: #175267;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 240px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
/* *********************************
    Submit Button 
   ********************************* */
.formbutton{
cursor:pointer;
font-weight:bold;
background:url(images/formbutton.gif) repeat-x left top;
}
.formbuttonred{
cursor:pointer;
border:outset 1px #ccc;
background:#FF942F;
color:#FF0000;
font-weight:bold;
padding: 1px 2px;
background:url(images/formbutton.gif) repeat-x left top;
}