/* colour overview ---

blue
#336183

orange
#e57b15

Possible colours to replace the orange:
greens - #7bbb4f


*/         
			body {
            margin: 0px;
            padding: 0px;
			min-width: 800px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 75%;
			color: #444;

			/* background: #fff url(../images/bg_page.gif) center top repeat-y; */
            }
			/* #619cc7 */
			
			a {
			color: #336183;
			}
				
			h1 {
			color: #336183;
			font-size: 22px;
			font-weight: normal;
			}
			h2 {
			color: #336183;
			font-size: 17px;
			font-weight: bold;
			}
			h3 {
			font-size: 15px;
			font-weight: bold;
			color: #e57b15;
			}
			h4 {
			font-size: 14px;
			font-weight: bold;
			color: #000;
			}
			
/* -----------------------------------------------
	Page Content Wrapper */
		
			#pagewrapper {
			width: 900px;
			margin: 0 auto;
			}
			
/* -----------------------------------------------
	Header Area */			
			
            #headerleft {
            background: #fff;
            width: 50%;
			float: left;
			height: 60px;
			padding: 10px 0 16px 0;
            }
			#headerright {
			float: left;
            background: #fff;
            width: 50%;
			text-align: right;
			height: 60px;
			padding: 10px 0 16px 0;
            }
			
/* -----------------------------------------------
	Top Menu */
				
			#topmenu {
			clear: both;
			width: 890px;
			}
			#topmenu ul {
			padding: 0;
			margin: 0;
			}
			#topmenu li {
			display: inline;
			list-style: none;
			padding: 0;
			margin: 0;
			}

			
/*	------------------------------------------------------------
	main nav */

#main_nav {
	position: relative;
	margin-bottom: 10px;
	top: 2px;
	width: 890px;
	height: 35px;
	background: #336183 url(../images/bg_navright.gif) right top no-repeat;
}
#main_nav ul,#main_nav li {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}
#main_nav a {
	display: block;
	overflow: hidden;
	background: url(../images/bg_nav.gif) 0 -70px no-repeat;
	text-decoration: none;
	height: 24px;
	padding: 11px 15px 0 17px;
	float: left;
	font-size: 12px;
	color: #eee;
}
#main_nav a:hover {
	background-position: 0 -35px;
	color: #333333;
}
#nav_home a { 
	background-image: url(../images/bg_nav_home.gif);
	padding-left: 19px;
	background-position: 0 0px;
	color: #ffffff;
}
#nav_home a:hover { 
	background-image: url(../images/bg_nav_home.gif);
	padding-left: 19px;
	background-position: 0 0px;
	color: #ffffff;
}


body.home #nav_home a,
body.about #nav_about a,
body.products #nav_products a,
body.support #nav_support a,
body.news #nav_news a,
body.store #nav_store a {
	background-position: 0 0 !IMPORTANT;
	color: #ffffff;
}			

/* -----------------------------------------------
	Top Banner Area */						
			#topbanner {
			background: #fff;
			clear: both;
			width: 100%;
			padding: 0 0 0 0;
			}
			
/* -----------------------------------------------
	Columns */			
			
            #leftcolumn {
            background: #fff;
            float: left;
            width: 205px;
			border-top: 5px solid #336183;
			padding: 10px 5px 20px 5px;
			margin: 0 10px 0 0;
            }
            #midcolumn {
            background: #fff;
            float: left;
            width: 430px;
			border-top: 5px solid #e57b15;
			padding: 10px 5px 20px 5px;
			margin: 0 10px 0 0;
            }
			#rightcolumn {
            background: #fff;
            float: left;
            width: 205px;
			border-top: 5px solid #336183;
			padding: 10px 5px 20px 5px;
			margin: 0 10px 0 0;
            }
			#maincolumn {
            background: #fff;
            float: left;
            width: 655px;
			min-height: 340px;
			border-top: 5px solid #e57b15;
			padding: 10px 5px 20px 5px;
			margin: 0 10px 0 0;
            }			
			
			#bleftcolumn {
			clear: both;
            background: #fff;
			float: left;
            width: 205px;
			border-top: 5px dotted #336183;
			padding: 10px 5px 0px 5px;
			margin: 0 10px 0 0;
            }
            #bmidcolumn {
            background: #fff;
            float: left;
            width: 430px;
			border-top: 5px dotted #e57b15;
			padding: 10px 5px 0px 5px;
			margin: 0 10px 0 0;
            }
			#brightcolumn {
            background: #fff;
            float: left;
            width: 205px;
			border-top: 5px dotted #336183;
			padding: 10px 5px 0px 5px;
			margin: 0 10px 0 0;
            }
			#bmaincolumn {
            background: #fff;
            float: left;
            width: 655px;
			border-top: 5px dotted #e57b15;
			padding: 10px 5px 0px 5px;
			margin: 0 10px 0 0;
            }

/* -----------------------------------------------
	Footer Area */
			
            #footer {
            background: #fff;
            clear: both;
            width: 880px;
			text-align: right;
			padding: 10px 5px 20px 5px;
			margin: 0 10px 0 0;
			font-size: 10px;
			color: #336183;
			}
			#footer a {
			text-decoration: none;
			color: #3782b9;
			}
			#footer a:hover {
			text-decoration: underline;
			}


/* -----------------------------------------------
	Print Viewer */
	
			#printviewer {
			margin: 10px;
			}
			
/* -----------------------------------------------
	CPD/News Viewer */
	
			#cpdnewsview {
			margin: 10px;
			min-width: 90%;
			color: #555;
			}
			#cpdnewsview p {
			text-align: justify;
			}
			
						
			
			
/* -----------------------------------------------
	Left Menu Nav */
	
			#leftmenu {
			padding: 0 0 0 2px;
			margin: 0;
			}
	
			#leftmenu ul {
			display: block;
			margin: 0;
			padding: 0 0 0 0;
			}
			
			#leftmenu li {
			display: inline;
			list-style: none;
			margin: 0;
			padding: 0 0 0 0;	
			}
			
			#leftmenu a {
			display: block;
			font-weight: bold;
			text-decoration: none;
			color: #000;
			margin: 0 0 0 -5px;
			padding: 7px 5px 7px 5px;
			}
			
			#leftmenu a:hover {
			text-decoration: none;
			background-color: #e57b15;
			color: white;
			}


/* -----------------------------------------------
	Left Menu Admin Nav */
	
			#leftmenuadmin {
			padding: 0;
			padding: 0 0 0 2px;
			}
	
			#leftmenuadmin ul {
			display: block;
			margin: 0;
			padding: 0 0 0 0;
			}
			
			#leftmenuadmin li {
			display: inline;
			list-style: none;
			margin: 0;
			padding: 0 0 0 0;	
			}
			
			#leftmenuadmin a {
			display: block;
			font-weight: bold;
			text-decoration: none;
			color: #336183;
			margin: 0 0 0 -5px;
			padding: 7px 5px 7px 5px;
			}
			
			#leftmenuadmin a:hover {
			text-decoration: none;
			background-color: #336183;
			color: white;
			}
			
			
/* -----------------------------------------------
	Top Login/Logout Boxes */
	
		#logintop {
		height: 32px;
		float: right;
		display: inline;
		font-size: 11px;
		text-align: right;
		background-color: ;
		color: #fff;
		padding: 7px 5px 0px 10px;
		}
		#logintop input {
		font-size: 11px;
		color: #e57b15;
		vertical-align: bottom;
		}
		#logintop b {
		}
		#logintop .signinbtn {
		font-size: 10px;
		padding: 0;
		}
			
/* -----------------------------------------------
	Signup/Retrieve Password Area */
	
		#signup2 {
		vertical-align: bottom;
		height: 60px;
		margin: 55px 0 0 0;
		}
			
			
/* -----------------------------------------------
	Signup/Retrieve Password Area Old */	
	
		#signup {
		margin: 26px 0 26px -2px;
		padding: 8px;
		width: 186px;
		background-color: #eee;
		}
		#signup ul {
		margin: 0;
		padding: 0 0 0 0;
		}	
		#signup li {
		list-style: none;
		margin: 0;
		padding: 3px;	
		}
		#signup .ttl {
		font-weight: bold;
		text-align: center;
		color: #336183;
		font-size: 12px;
		}
	
				
/* -----------------------------------------------
	Front Page Display 1 (news)*/
			
		#fpdisplay1 {
		margin: 0;
		padding: 0px 4px 0 4px;
		overflow: hidden;
		font-size: 12px;
		color: #666;
		}
		#fpdisplay1 h5 {
		margin: 12px 0 5px 0;
		padding: 5px 0 0 0;
		font-size: 11px;
		color: #000;
		border-top: 2px dotted #336183;
		}
		#fpdisplay1 i {
		font-size: 11px;
		}

/* -----------------------------------------------
	Front Page Display 2 (cpd)*/
			
		#fpdisplay2 {
		margin: 0;
		padding: 0px 0px 0 0px;
		overflow: hidden;
		font-size: 12px;
		color: #666;
		}
		#fpdisplay2 h5 {
		margin: 12px 2px 5px 0;
		padding: 5px 0 0 0;
		font-size: 11px;
		color: #000;
		border-top: 2px dotted #e57b15;
		}
		#fpdisplay2 i {
		font-size: 11px;
		}
		
/*	------------------------------------------------------------
	Buttons */
	
	#editbtn, #deletebtn, #pmbtn, #pfvbtn, #deletebtn2, #cancelbtn, #addbtn, #ac_new, #ac_edit, #ac_delete, #news_add, #backbtn, #signupbtn, #forgot, #tpbtn, #csbtn {
	display: block;
	float: right;
	width: 128px;
	height: 20px;
	text-align: center;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	padding: 4px 0 0 0;
	margin: 0 0 0 5px;
	color: #ffffff;
	background: url(../images/btn_pmanage.gif) no-repeat;
	margin-bottom: 10px;
	text-decoration: none;
	}
	
	#editbtn {
	background: url(../images/btn_edit.gif) no-repeat;
	}
	
	#pmbtn {
	background: url(../images/btn_pm.gif) no-repeat;
	}
	
	#deletebtn {
	background: url(../images/btn_delete.gif) no-repeat;
	}
	
	#deletebtn2 {
	background: url(../images/btn_delete2.gif) no-repeat;
	float: left;
	width: 300px;
	padding: 4px 0 0 0;
	margin: 5px 0 0 5px;
	}
	
	#cancelbtn {
	background: url(../images/btn_cancel.gif) no-repeat;
	float: left;
	width: 300px;
	padding: 4px 0 0 0;
	margin: 5px 0 0 5px;
	}
	
	#addbtn {
	background: url(../images/btn_add.gif) no-repeat;
	}
	
	#ac_new {
	background: url(../images/btn_acnew.gif) no-repeat;
	float: none;
	width: 240px;
	padding: 4px 0 0 0;
	margin: 5px 0 10px 0;
	}
	
	#ac_edit {
	background: url(../images/btn_acedit.gif) no-repeat;
	float: left;
	width: 50px;
	padding: 4px 0 0 0;
	margin: 0 5px 0 0;
	}
	
	#ac_delete {
	background: url(../images/btn_acdelete.gif) no-repeat;
	float: left;
	width: 70px;
	padding: 4px 0 0 0;
	margin: 0 5px 0 0;
	}
	
	#news_add {
	background: url(../images/btn_newsadd.gif) no-repeat;
	width: 128px;
	clear: both;
	float: none;
	padding: 4px 0 0 0;
	margin: 0 0 15px 0;
	}
	
	#backbtn {
	background: url(../images/btn_back.gif) no-repeat;
	width: 70px;
	}
	
	#signupbtn {
	background: url(../images/btn_signup.gif) no-repeat;
	float: none;
	width: 180px;
	padding: 4px 0 0 0;
	margin: 0;
	}
	
	#forgot {
	background: url(../images/btn_forgot.gif) no-repeat;
	float: none;
	width: 180px;
	padding: 4px 0 0 0;
	margin: 0;
	}
	
	#pfvbtn {
	clear: both;
	}
	
	#tpbtn {
	background: url(../images/btn_tp1.gif) no-repeat;
	float: left;
	width: 210px;
	padding: 4px 0 0 0;
	margin: 0 0 0 6px;
	}

	#csbtn {
	background: url(../images/btn_cs1.gif) no-repeat;
	float: left;
	width: 210px;
	padding: 4px 0 0 0;
	margin: 0;
	}
	
		
/* -----------------------------------------------
	Page Updated */
	
	#pageupdated {
	color: #336183;
	text-align: right;
	font-size: 11px;
	}