html

{
	scrollbar-base-color: #9E3123; 
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-track-color: #CCCCCC;
}

*
{
	padding:0;
	margin:0;
	border:0;

}

.clearing {
	height: 0;
	clear: both;
	}


body
{
/*	background: url(images/bar.gif) repeat-y left;*/   /*add background colour here */
	margin-left: auto; /* comment out if you don't want centering ie full screen */
	margin-right: auto;  /* comment out if you don't want centering ie full screen */
	text-align:center;  /* comment out if you don't want centering ie full screen */
	margin-top: 0;
	margin-bottom: 0;
}

a
{
	color: #ffffff;
}

p
{
	text-align:justify;
	font-family: verdana;
	font-size:smaller;
	margin-top:15px;
	margin-bottom:15px;
	color:#666666;
}

h1 {
	margin-top: 0;
	font-size:13pt;
	text-align:left;
	font-family: verdana;
	color:#666666;
}


ul
{


	font-family: verdana;

	padding-left:   50px;

	padding-right:  20px;

	font-style: none;

	font-weight: none;

	text-decoration: none;
	
	padding-top: 5px;

	padding-bottom: 5px;
}

ol
{
	text-align:justify;
	font-family: verdana;
	font-size:smaller;
	margin-top:15px;
	margin-bottom:15px;
	color:#666666;
}


li
{
	text-align:justify;
	font-family: verdana;
	font-size:smaller;
	margin-top:15px;
	margin-bottom:15px;
	color:#666666;


}

table
{
	text-align:justify;
	font-family:verdana;
	color: #666666;
	font-size:smaller;
	margin-left: 0px; 
	margin-right: 0px;  


}

input
{
	border-color:#AAAAAA;
	border-top-width:2px;
	border-bottom-width:0px;
	border-left-width:2px;
	border-right-width:0px;
	border-style:solid;
	background-color:#dddddd;
	color:#000000;
}

.submit_input
{
	// not sure why but "submit input" does not accept changes to the button
	// also, background colour and height are ignored here.  you can set border-style:solid

	background-color:#00b4f0;
	width:200px;	
	height:20px;

	border-style:solid;
	border-color:#666666;
	border-top-width:0px;
	border-bottom-width:2px;
	border-left-width:0px;
	border-right-width:2px;
}


textarea
{
	background-color:#dddddd;
	overflow: scroll;
	scrollbar-base-color: #CCCCCC; 
	scrollbar-arrow-color: #AAAAAA;
	scrollbar-track-color: #AAAAAA;
}


.nomargins
{
	margin:0;
}

.bbmargin
{
	padding-bottom:200px;
}


.last {
	margin-bottom: 0;
}


.center_content
{
	padding-left:18px;
	padding-right:0px;
	padding-top:20px;
	padding-bottom:0px;
}

.spacergrey {
	height:4px;
	background-color:#CCCCCC;
	overflow: hidden; /* needed for min 18px IE6 bug */
}

.spacerdarkgrey {
	height:1px;
	background-color:#777777;
	overflow: hidden; /* needed for min 18px IE6 bug */
}


.spacerwhite {
	height:20px;
	background-color:#FFFFFF;
	overflow: hidden; /* needed for min 18px IE6 bug */
}

#header_topbar 
{

	position:absolute;
	right:0px;
	TEXT-ALIGN: right;
	border-color: #ffffff;
	width:100px;

}


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

#main_outer_wrapper 
{ 

	width:975px; /* comment out this line if you want full-screen */
	background: url(images/logo-trans.gif) left no-repeat; /*add background colour here */
	margin-left: auto; /* needed here for centering in mozilla and opera*/
	margin-right: auto; /* needed here for centering in mozilla and opera*/

}

#main_wrapper 
{

	background: url(images/background.gif) repeat-y right; /* do not add background colour here as it wipes out left strip */
/*	background: url(images/colour-horizontal-strip-right.gif) repeat-y right;*/ /* do not add background colour here as it wipes out left strip */
}


#main_container 
{


	width: 100%;
	float: left;
	margin-right: -250px;
/*	background: url(images/colour-horizontal-strip-right.gif) repeat-y right;*/ /* do not add background colour here as it wipes out left strip */
}

#main_content 
{


	margin-right: 250px;
/*	background: url(images/colour-horizontal-strip.gif) repeat-y left #FFFF00;*/ /*add background colour here */
}

#main_left 
{


	width: 0px;
	float: left;
/*	background: url(images/colour-horizontal-strip.gif) repeat-y left #FFFF00;*/ /*add background colour here */
}

#main_center 
{
	margin-left: 0px;

	margin-bottom:0px;

}


#main_right 
{
	width: 250px;
	float: right;
	background: url(images/background.gif) repeat-y right; /* do not add background colour here as it wipes out left strip */
	margin-bottom:0px;
}

#main_right p
{
	margin-left:45px;
	margin-top:8px;
}

#main_right a
{
	color:#333333;
	font-weight:bold;

}

#main_center a
{
	color:#333333;
	font-weight:bold;
}

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

#header_outer_wrapper 
{ 

		height:120px;
	width:975px; /* comment out this line if you want full-screen */
/*	background: url(images/colour-horizontal-strip.gif) repeat-y left #FFFF00; /*add background colour here */
	margin-left: auto; /* needed here for centering in mozilla and opera*/
	margin-right: auto; /* needed here for centering in mozilla and opera*/

}

#header_wrapper 
{		height:120px;
/*	background: url(images/colour-horizontal-strip-right.gif) repeat-y right; /* do not add background colour here as it wipes out left strip */
}


#header_container 
{
	height:120px;
	width: 100%;
	float: left;
	margin-right: -250px;
/*	background: url(images/colour-horizontal-strip-right.gif) repeat-y right; /* do not add background colour here as it wipes out left strip */

}

#header_content 
{
	height:120px;
	margin-right: 250px;
/*	background: url(images/colour-horizontal-strip.gif) repeat-y left #FFFF00; /*add background colour here */
}

#header_left 
{
	height:120px;
	width: 0px;
	float: left;
/*	background: url(images/colour-horizontal-strip.gif) repeat-y left #FFFF00; /*add background colour here */
}

#header_center 
{
	margin-left: 0px;
	height:120px;
}

#header_right 
{
	height:120px;
	width: 250px;
	float: right;
	background: url(images/background.gif) repeat-y right; /* do not add background colour here as it wipes out left strip */

}


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

#menu_outer_wrapper 
{ 

	height:32px;
/*	width:975px; /* comment out this line if you want full-screen */
	background-color:#CCCCCC;
	margin-left: auto; /* needed here for centering in mozilla and opera*/
	margin-right: auto; /* needed here for centering in mozilla and opera*/

}

#menu_wrapper 
{
	height:32px;
	background-color:#CCCCCC;
}


#menu_container 
{
	height:32px;
	width: 100%;
	float: left;
	margin-right: -0px;
	background-color:#CCCCCC;

}

#menu_content 
{
	height:32px;
	margin-right: 0px;
	background-color:#CCCCCC;
}

#menu_left 
{

	height:32px;
	width: 0px;
	float: left;
/*	background: url(qmimages/gradient2.bmp) repeat-x left;*/ /* do not add background colour here as it wipes out left strip */
	
}

#menu_center 
{
	margin-left: 0px;
	height:32px;
	background-color:#CCCCCC;
	text-align:left;
}

#menu_right 
{
	height:32px;
	width: 0px;
	float: right;
	background-color:#CCCCCC;
}

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

#displayer_outer_wrapper 
{ 

	height:200px;
/*	width:975px; /* comment out this line if you want full-screen */
/*	background: url(images/colour-horizontal-strip.gif) repeat-y left #FFFF00; /*add background colour here */

	margin-left: auto; /* needed here for centering in mozilla and opera*/
	margin-right: auto; /* needed here for centering in mozilla and opera*/

}

#displayer_wrapper 
{
	height:200px;
/*	background: url(images/colour-horizontal-strip-right.gif) repeat-y right; /* do not add background colour here as it wipes out left strip */
}


#displayer_container 
{
	height:200px;
	width: 100%;
	float: left;
	margin-right: -0px;
/*	background: url(images/colour-horizontal-strip-right.gif) repeat-y right; /* do not add background colour here as it wipes out left strip */

}

#displayer_content 
{
	
	height:200px;
	margin-right: 0px;
/*	background: url(images/colour-horizontal-strip.gif) repeat-y left #FFFF00; /*add background colour here */
}

#displayer_left 
{
	height:200px;
	width: 0px;
	float: left;
/*	background: url(images/colour-horizontal-strip.gif) repeat-y left #FFFF00; /*add background colour here */
}

#displayer_center 
{
	margin-left: 0px;
	height:200px;
	background-color:#9D3123;
}

#displayer_right 
{
	height:200px;
	width: 0px;
	float: right;
/*	background: url(images/colour-horizontal-strip-right.gif) repeat-y right; /* do not add background colour here as it wipes out left strip */
}


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

#footer_outer_wrapper 
{ 

	/*width:1200px; /* comment out this line if you want full-screen */
/*	background: url(images/colour-horizontal-strip.gif) repeat-y left #FFFF00; /*add background colour here */
	height:100px;
	margin-left: auto; /* needed here for centering in mozilla and opera*/
	margin-right: auto; /* needed here for centering in mozilla and opera*/

}

#footer_wrapper 
{
	height:100px;
/*	background: url(images/colour-horizontal-strip-right.gif) repeat-y right; /* do not add background colour here as it wipes out left strip */
}


#footer_container 
{
	height:100px;
	width: 100%;
	float: left;
	margin-right: -0px;
/*	background: url(images/colour-horizontal-strip-right.gif) repeat-y right; /* do not add background colour here as it wipes out left strip */

}

#footer_content 
{
	height:100px;
	margin-right: 0px;
/*	background: url(images/colour-horizontal-strip.gif) repeat-y left #FFFF00; /*add background colour here */
}

#footer_left 
{
	height:100px;
	width: 0px;
	float: left;
/*	background: url(images/colour-horizontal-strip.gif) repeat-y left #FFFF00; /*add background colour here */
}

#footer_center 
{
	height:100px;
	margin-left: 0px;

	background-color:#9D3123;  /*  */
}

#footer_right 
{
	height:100px;
	width: 0px;
	float: right;
/*	background: url(images/colour-horizontal-strip-right.gif) repeat-y right; /* do not add background colour here as it wipes out left strip */
}

#footer_center p
{
color:#ffffff;
text-align:center;
}

#footer_center a
{
color:#ffffff;
}