/* ---------------------------- */
/* STANDARD TAG RESET			*/
/* ---------------------------- */
html, body, h1, h2, h3, p, ul, li, form, img
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
textarea{overflow: auto;}	/* IE scrollbar fix */
/* ---------------------------- */
/* STANDARD TAG DEFINITION		*/
/* ---------------------------- */
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
	text-align: center;
	background-color: #F4C8A3;
}
h1,h2,h3,h4,h5,h6 
{
	clear: both;
	margin-bottom:5px;
}
/*  todo - complete all the h stuff  */
h1 
{
	font-size: 160%;
	color: #005176;
	text-align:left;
	font-weight:normal;
}
h1.h1_left
{
	text-align:left;
}
h1.h1_center
{
	text-align:center;
}
h2
{
	font-size: 100%;
	color: #666;
	margin: 10px 0px 15px 0px;
	text-align:left;
	border-bottom: 1px solid #CCC;
}
h2.orange
{
	font-size: 110%;
	color: #EC6E00;
	/*margin: 10px 0px 10px 0px;
	text-align:left;*/
	border: 0px;
}
h3 
{
	font-size:130%;
	font-weight:normal;
	color: #666;
}
a{ text-decoration:none; }
a:hover{ text-decoration:underline; }
.clear_both{ clear:both; }
p
{
	font-size:80%;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:justify;
}
p.centre
{
	text-align:center;
}
ul{ list-style:none; }
/* ---------------------------- */
/* PAGE ELEMENTS				*/
/* ---------------------------- */

/* ---------------------------- */
/* HEADER AREA					*/
#top-container
{
	border-top: 4px solid #004565;
	background-color:#FFF;
	border-bottom: 4px solid #004565;
	background-image:url(../images/top-back.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
#header
{
	width: 970px;
	margin: 0px auto 0px auto;
}
#header-logo-area{ padding: 10px 0px 10px 0px; }
#header-search
{
	padding: 5px;
	background-color:#FFB655;
	margin-bottom:10px;
	margin-top:5px;
	border:2px solid #FFF;
	height:25px;
}
/* ---------------------------- */
/* FOOTER AREA					*/
#footer
{
	margin-top: 10px;
	background-color:#F4C8A3;
}
#footer #content
{
	width: 970px;	/*  todo ?? */
	margin: 0px auto 0px auto;
}

.footer_table
{
	width: 970px;	/*  todo ?? */
}
.footer_table td
{
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:top;
}
.footer_table td, #footer_table td.right
{
	font-size: 80%;
	text-align:left;
	color: #666;
}
.footer_table td.spacer
{
	width:40px;
}
.footer_table td.right
{
	text-align:right;
}
.footer_table td.copyright
{
	font-size: 70%;
	color: #666;
}
.footer_table td.axp
{
	font-size: 70%;
	color: #666;
	text-align:right;
}
.footer_table th
{
	font-size: 80%;
	text-align:left;
	color: #666;
	border-bottom: 1px solid #999;
}
.footer_table td p
{
	font-size: 100%;
}
.footer_table td a
{
	text-decoration:none;
	color: #666;
}
.footer_table td a:hover
{
	text-decoration:underline;
}
#bottom
{
	border-bottom: 4px solid #005E8A;
}
#copy_area
{
	border-top: 1px dashed #FFF;
	width: 970px;
	margin: 0px auto 0px auto;
	padding: 5px 0px 5px 0px;
}
/* ---------------------------- */
/* MAIN MENU					*/
#main_menu
{
	width:970px;
	margin:5px auto 5px auto;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 90%;
	height: 30px;
	background-image:url(../images/menu-back.jpg);
	background-repeat:repeat-x;
	background-position: 0px 0px;
}			
#main_menu_left{ float:left; }
#main_menu_left li{ display: inline; }
#main_menu_left a
{
	float:left;
	color: #FFF;
	text-decoration: none;
	font-weight:bold;
	padding: 7px 9px 7px 9px;
	border-right: 1px solid #F4C8A3;	
}
#main_menu_left a:hover
{
	background-image:url(../images/menu-back-on.jpg);
	background-repeat:repeat-x;
	background-position: 0px 0px;
}
#main_menu_left #active
{
	float:left;
	color: #FFF;
	font-weight:bold;
	padding: 7px 9px 7px 9px;
	background-image:url(../images/menu-back-on.jpg);
	background-repeat:repeat-x;
	background-position: 0px 0px;
	border-right: 1px solid #F4C8A3;
}

/* ---------------------------- */
/* MAIN PAGE					*/
#page_container
{
	width: 970px;
	margin: 0px auto 0px auto;
	background-color: #F4C8A3;
}
/* 2 column page */
#page-2-col
{
	background-image:url(../images/2-col-back.gif);
	background-repeat:repeat-y;
	border-bottom: 2px solid #005E8A;
	background-color:#FFFFFF;
}
/* 3 column page */
#page-3-col
{
	background-image:url(../images/3-col-back.gif);
	background-repeat:repeat-y;
	border-bottom: 2px solid #005E8A;
	background-color:#FFFFFF;
}
#page_normal
{
	float:left;
	width: 765px;
	padding: 5px 8px 5px 8px;
}
/*  Left Column  */
#page_left
{
	float:left;
	width: 200px;
	padding: 5px 10px 5px 10px;
}
/* centre column */
#page_centre
{
	float:left;
	width: 540px;
	padding: 5px 10px 5px 10px;
	text-align:left;
}
/*  Right Column  */
/*
#page_right
{
	float:right;
	width: 185px;
}*/
/* advertising boxes */
/*
.display_box2
{
	font-size:80%;
	background-color:#EFEFEF;
	border: 1px solid #CECECE;
	color: #333;
	text-align:center;
	padding: 10px 20px 10px 20px;
	width: 700px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image:url(../images/display-box-back.gif);
	background-repeat:no-repeat;
}
*/
.big_blue
{
	color: #2D6FB7;
	font-size: 150%;
}
.advertise_table
{
	font-size:80%;
	width: 720px;
	border-collapse:collapse;
	text-align:left;
	margin-bottom: 10px;
}
.advertise_table2
{
	font-size:80%;
	width: 720px;
	border-collapse:collapse;
	text-align:left;
	margin-bottom: 10px;
}
.advertise_table{ border: 1px solid #EC6E00; }
.advertise_table2{ border: 1px solid #018BCC; }
.advertise_table th, .advertise_table2 th
{
	font-size:140%;
	background-repeat:repeat-x;
	color: #FFF;
	font-weight:normal;
	padding: 4px 0px 4px 10px;
}
.advertise_table th{ background-image:url(../images/title-back.jpg); border: 1px solid #EC6E00; }
.advertise_table2 th{ background-image:url(../images/title-back2.jpg); border: 1px solid #018BCC; }
.advertise_table td, .advertise_table2 td
{
	background-color:#EFEFEF;
	padding: 10px 10px 10px 10px;
}
.advertise_table td.right
{
	text-align:right;
}
/*  page right stuff for customer adverts */
#page_right
{
	float:right;
	width: 185px;
	text-align:center;
	/*margin-top: 10px;*/
}
#page_right .title
{
	font-size:120%;
	margin: 2px 2px 20px 2px;
	padding:5px;
	background-color:#005176;
	color:#FFF;
}
#page_right .item
{
	margin-bottom: 20px;
}
#page_right .item_title
{
	color: #333;
	font-size:80%;
}
/* ---------------------------- */
/* SITE FORMS					*/
.form_table
{
	font-size:80%;
	background-color:#EFEFEF;
	border: 1px solid #CECECE;
}
.form_table td
{
	color: #333;
	text-align:left;
	padding:10px;
}
.form_table td.right{ text-align:right; }
.form_table td.centre{ text-align:center;}
.form_table th
{
	color: #EA603C;
	border-top: 1px solid #CCC;
	font-size:150%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding:10px;
}
.form_table .text_box, .form_table .text_area, .form_table .select_box
{
	border: 1px solid #9ACBFA;
	border-radius:5px;
	padding: 5px;
	margin-top: 3px;
	color: #666;
	background-color:#FFFFE7;
}
.form_table .text_box:focus, .form_table .text_area:focus, .form_table .select_box:focus
{
	background-color: #FFFFE0;
	border: 1px solid #ED7811;
}
.form_table .form_small_text
{
	font-size:90%;
	color: #666;
	margin-top: 3px;
}
.submit_button
	{
		padding: 5px 10px 5px 10px;
		color: #FFF;
		background-color:#666;
		font-size: 130%;
		cursor: pointer;
		border: 0px;
		border-radius:5px;
		display:block;
	}
	.submit_button:hover, .submit_button_sm:hover
	{
		background-color:#333;
	}

.form_error, .site_error
{
	font-size: 90%;
	background-color:#000;
	color: #FFF;
	font-weight: bold;
	padding: 10px;
	text-align:center;
}
.form_message, .site_message
{
	font-size: 90%;
	background-color: #A40029;
	color: #00FF00;
	font-weight:bold;
	padding: 10px;
	text-align:center;
}
.form_message a, .site_message a
{
	color:#FFF;
}
ul.content
{
	font-size: 75%;
	text-align:left;
	margin-left: 20px;
	list-style:disc;
}
ol.content
{
	font-size: 75%;
	text-align:left;
	margin-left: 20px;
}
ul.content li
{
	margin-top: 5px;
	margin-bottom: 5px;
}
ol.content li
{
	margin-top: 10px;
	margin-bottom: 10px;
}
.display_name
{
	color: #2D6FB7;
	font-weight:bold;
	text-align:right;
	margin-top: 5px;
}
/***************  Styles for paging/ordering menus  *******************/
#paging_menu_1
{
	font-size: 80%;
	margin: 10px 0px 5px 0px;	
	color: #0094D6;
}
#paging_menu_1 a
{
	text-decoration:none;
	padding: 2px 6px 2px 6px;
	margin: 0px 2px 0px 2px;
	color: #0094D6;
}
#paging_menu_1 a:hover
{
	background-color: #0094D6;
	color: #FFF;
	text-decoration:none;
}
#paging_menu_1 #current_page
{
	padding: 2px 6px 2px 6px;
	margin: 0px 2px 0px 2px;
	background-color: #0094D6;
	color: #FFF;
}
#paging_menu_1 .inactive
{
	color: #999;
	padding: 2px 6px 2px 6px;
	margin: 0px 2px 0px 2px;
}
#paging_menu_1 .separator
{
	color: #999;
	padding: 0px 3px 0px 3px;
}
/*  table for general use */
.table1
{
	font-size:80%;
	border-collapse:collapse;
	border-top: 4px solid #B9C9FE;
	border-bottom: 4px solid #B9C9FE;
	text-align:left;
	border-left: 1px solid #B9C9FE;
	border-right: 1px solid #B9C9FE;
}
.table1 th
{
	background-color:#B9C9FE;
	color: #333;
	font-weight: bold;
	text-align:left;
	padding:6px;
}
.table1 td
{
	background-color:#E8EDFF;
	border-top: 1px solid #B9C9FE;
	border-bottom: 1px solid #B9C9FE;
	padding:5px;
}

.table2
{
	font-size:90%;
	border-collapse:collapse;
	border-top: 4px solid #B9C9FE;
	border-bottom: 4px solid #B9C9FE;
	text-align:left;
	border-left: 1px solid #B9C9FE;
	border-right: 1px solid #B9C9FE;
}
.table2 th
{
	background-color:#B9C9FE;
	color: #333;
	font-weight: bold;
	text-align:left;
	padding:10px;
}
.table2 td
{
	background-color:#E8EDFF;
	border-top: 1px solid #B9C9FE;
	border-bottom: 1px solid #B9C9FE;
	padding:10px;
}





a.button
{
	padding: 5px 10px 5px 10px;
	color: #FFF;
	background-color:#23607C;
	font-size: 130%;
	border-radius:5px;
}
a.button:hover
{
	text-decoration:none;
	background: transparent;	/* take the bg-image off */
	background-color: #5B7A95;
}

a.button_sm
{
	padding: 5px 8px 5px 8px;
	color: #FFF;
	background-color:#23607C;
	font-size: 90%;
	border-radius:5px;
	font-weight:bold;
	border:1px solid #FFF;
}
a.button_sm:hover
{
	text-decoration:none;
	background: transparent;	/* take the bg-image off */
	background-color: #5B7A95;
}


/**  for breadcrumb trail **/
p#breadcrumb
{
	font-size: 75%;
	margin: 0px;
	color: #005176;
}
p#breadcrumb a
{
	color: #005176;
	text-decoration:none;
}
p#breadcrumb a:hover
{
	text-decoration:underline;
}