html

{
	scrollbar-base-color: #008dbf; 
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-track-color: #CCCCCC;
}

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

}

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


body
{
	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
{
	text-decoration:underline;	
	text-align:justify;
	font-family:arial;

	margin-top:0px;
	margin-bottom:0px;
	color:#333333;

}

p
{
	
	text-align:justify;
	font-family:arial;
	font-size:smaller;
	margin-top:0px;
	margin-bottom:0px;
	color:#333333;
}


a
{
	
	text-align:justify;
	font-family:arial;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
	color:#00b4f0;
}

h1 {
	margin-top: 0;
	font-size:16pt;
	text-align:left;
	font-family:arial;
	color:#005480;

	margin-left:10px;
	margin-right:10px;
}


h2 {
	margin-top: 0;
	font-size:12pt;
	text-align:left;
	font-family:arial;

	color:#00b4f0;


	margin-left:10px;
	margin-right:10px;
}


ul
{


	font-family:arial;

	padding-left:40px;

	padding-right:  0px;

	font-style: none;

	font-weight: none;

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

	padding-bottom: 0px;
	

}

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


li
{
	text-align:justify;
	font-family:arial;
	font-size:smaller;
	margin-top:0px;
	margin-bottom:0px;
	color:#333333;
}

table
{
	text-align:justify;
	font-family:arial;
	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:10px;
	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 
{ 

	/* height:100%; */ /* height of header */
	/*width:900px;*/ /* width of header in total, comment out this line if you want full-screen */
	margin-left: auto; /* never change - needed here for centering in mozilla and opera, need a width set for it to work, no need to comment out for full-screen */
	margin-right: auto; /* never change - needed here for centering in mozilla and opera, need a width set for it to work, no need to comment out for full-screen */
	overflow:hidden; /* needed for single column in IE6.  Otherwise height of zero width left and right columns is added to bottom.  Also in IE6 min height bug overcome  */

	background: url(images/bg.jpg) right no-repeat; 
}

#main_wrapper 
{

	// do not ever include a height in here, causes problems //
	background: url(images/bg.jpg) right no-repeat; 
}


#main_container 
{
	width: 100%; /* never change */
	float: left; /* never change */
	margin-right: -239px; /* set this to the negative of the width of the right column, set to 0 if no right column */
}

#main_content 
{
	margin-right: 239px; /* set this to width of right column, set to 0 if no right column */
}

#main_left 
{
	float: left; /* never change */
	width: 230px; /* set this to the width of the left column, set to 0 if no left column */

	/*height:100%;*/ /* height of left column, set to 0 if no left column */
}

#main_center 
{
	margin-top:10px;
	padding-bottom:30px;

	margin-left: 230px; /* set to width of left column, set to 0 if no left column */
	/*height:100%;*/ /* high of center column */

/*	width: 600px; */ /* only set if you have you want a fixed center column.  Left and right columns must be fixed, so this means fixed header width above */

	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:0px;
	border-top-width:0px;
	border-style:solid;
	border-color:#cccccc;
	padding-right:10px;

	background: url(images/bg.jpg) top center no-repeat; 


}
#main_right 
{
	width: 239px;  /* set this to width of right column, set to 0 if no right column */
	float: right;  /* never change */
	/*height:100%;*/ /* height of right column, set to 0 if no right column */
}



#main_right p, #main_center p
{
	text-align:justify;
	font-family:arial;
	font-size:smaller;
	margin-top:15px;
	margin-bottom:15px;

	margin-left:10px;
	margin-right:10px;

	color:#333333;
}









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

#header_outer_wrapper 
{ 

	background:#008dbf;  /*add background colour here of header */
	height:150px; /* height of header */
	/*width:900px;*/ /* width of header in total, comment out this line if you want full-screen */
	margin-left: auto; /* never change - needed here for centering in mozilla and opera, need a width set for it to work, no need to comment out for full-screen */
	margin-right: auto; /* never change - needed here for centering in mozilla and opera, need a width set for it to work, no need to comment out for full-screen */
	overflow:hidden; /* needed for single column in IE6.  Otherwise height of zero width left and right columns is added to bottom.  Also in IE6 min height bug overcome  */
}

#header_wrapper 
{
	// do not ever include a height in here, causes problems//
}


#header_container 
{
	width: 100%; /* never change */
	float: left; /* never change */
	margin-right: -0px; /* set this to the negative of the width of the right column, set to 0 if no right column */
}

#header_content 
{

	margin-right: 0px; /* set this to width of right column, set to 0 if no right column */

}

#header_left 
{
	float: left; /* never change */
	width: 929px; /* set this to the width of the left column, set to 0 if no left column */
	background: #d4d4d4; /* background colour of left column */
	height:150px; /* height of left column, set to 0 if no left column */
}

#header_center 
{
	margin-left: 929px; /* set to width of left column, set to 0 if no left column */
	height:150px; /* high of center column */
	background: #008ec0; /* background colour of center column */
/*	width: 600px; */ /* only set if you have you want a fixed center column.  Left and right columns must be fixed, so this means fixed header width above */
}

#header_right 
{

	width: 0px;  /* set this to width of right column, set to 0 if no right column */
	float: right;  /* never change */
	background: #008ec0;  /* background colour of right column */
	height:0px; /* height of right column, set to 0 if no right column */

}



/*************************************************************************************/
#menu_outer_wrapper 
{ 
	background: #717074; /*add background colour here of header */
	height:30px; /* height of header */
	/*width:900px;*/ /* width of header in total, comment out this line if you want full-screen */
	margin-left: auto; /* never change - needed here for centering in mozilla and opera, need a width set for it to work, no need to comment out for full-screen */
	margin-right: auto; /* never change - needed here for centering in mozilla and opera, need a width set for it to work, no need to comment out for full-screen */
	overflow:hidden; /* needed for single column in IE6.  Otherwise height of zero width left and right columns is added to bottom.  Also in IE6 min height bug overcome  */

}

#menu_wrapper 
{

}


#menu_container 
{
	width: 100%; /* never change */
	float: left; /* never change */
	margin-right: -0px; /* set this to the negative of the width of the right column, set to 0 if no right column */
}

#menu_content 
{
	margin-right: 0px; /* set this to width of right column, set to 0 if no right column */
}

#menu_left 
{

	float: left; /* never change */
	width: 975px; /* set this to the width of the left column, set to 0 if no left column */
	background: #717074; /* background colour of left column */
	height:30px; /* height of left column, set to 0 if no left column */
	
}

#menu_center 
{
	margin-left: 239px; /* set to width of left column, set to 0 if no left column */
	height:30px; /* high of center column */
	background: #717074; /* background colour of center column */
/*	width: 600px; */ /* only set if you have you want a fixed center column.  Left and right columns must be fixed, so this means fixed header width above */
}

#menu_right 
{
	width: 0px;  /* set this to width of right column, set to 0 if no right column */
	float: right;  /* never change */
	background: #008ec0;  /* background colour of right column */
	height:0px; /* height of right column, set to 0 if no right column */
}




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


#footer_outer_wrapper 
{ 

	background: #FFFFFF; /*add background colour here of header */
	height:100px; /* height of header */
	/*width:900px;*/ /* width of header in total, comment out this line if you want full-screen */
	margin-left: auto; /* never change - needed here for centering in mozilla and opera, need a width set for it to work, no need to comment out for full-screen */
	margin-right: auto; /* never change - needed here for centering in mozilla and opera, need a width set for it to work, no need to comment out for full-screen */
	overflow:hidden; /* needed for single column in IE6.  Otherwise height of zero width left and right columns is added to bottom.  Also in IE6 min height bug overcome  */

}

#footer_wrapper 
{
	// do not ever include a height in here, causes problems
}


#footer_container 
{
	width: 100%; /* never change */
	float: left; /* never change */
	margin-right: 0px; /* set this to the negative of the width of the right column, set to 0 if no right column */
}

#footer_content 
{
	margin-right: 0px; /* set this to width of right column, set to 0 if no right column */
}

#footer_left 
{
	float: left; /* never change */
	width: 0px; /* set this to the width of the left column, set to 0 if no left column */
	background: #ff00ff; /* background colour of left column */
	height:0px; /* height of left column, set to 0 if no left column */
}

#footer_center 
{
	margin-left: 0px; /* set to width of left column, set to 0 if no left column */
	height:100px; /* high of center column */
	background: #ffffff; /* background colour of center column */
/*	width: 600px; */ /* only set if you have you want a fixed center column.  Left and right columns must be fixed, so this means fixed header width above */
}

#footer_right 
{
	width: 0px;  /* set this to width of right column, set to 0 if no right column */
	float: right;  /* never change */
	background: #fff;  /* background colour of right column */
	height:0px; /* height of right column, set to 0 if no right column */

}

#footer_center p
{
	font:12px Arial;
	font-weight:bold;
	color:#777777;	
	text-align:center;
	text-decoration:none;
}

#footer_center a
{
	font:12px Arial;
	font-weight:bold;
	color:#005480;
	text-align:center;
	text-decoration:none;
}


/* navigation menu */

/* block element for the heading */
.nav_header
{	
	float:left;
	overflow:hidden;
	width:200px;
	height:30px;
	background-color:#00b4ef;
	margin-left:7px;
	margin-top:0px;
	margin-bottom:3px;
}		


/* p element for the heading */
.nav_header p
{
	font-size:12px;
        color:#ffffff;
        font-weight:bold;
        font-family:arial;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left:10px;
	padding-right:5px;
	margin:0px;
}


/* block element for an item */
.nav_item
{	
	float:left;
	overflow:hidden;
	width:200px;
	height:30px;
	margin-left:7px;
	margin-top:0px;
	margin-bottom:0px;
/*	background:url(images/sidemenu.jpg) no-repeat; */


}		


/* a link for an item */
.nav_item a
{
	margin:0px;
	font-size:12px;
        color:#666666;
        font-weight:bold;
        font-family:arial;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left:10px;
	padding-right:5px;
	text-align:left;
	text-decoration:none;
	background:url(images/sidemenu.jpg) no-repeat;
}


/* a link hover for an item */
.nav_item a:hover
{
	margin:0px;
	font-size:12px;
        color:#ffffff;
        font-weight:bold;
        font-family:arial;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left:10px;
	padding-right:5px;
	text-align:left;
	text-decoration:none;
	background:url(images/sidemenu_hover.jpg) no-repeat;
}

.logo_protect img{
	margin-top:30px;
}