/***************************************************************************************
 *
 **************************************************************************************/
BODY {
	background-color: #e2e5ea;
	font-family: Verdana;
	font-size: 10pt;
	margin: 0px;
	height: 100%;

}

* { 
    -moz-box-sizing: border-box; 
}

/***************************************************************************************
 * Page container and heading block
 **************************************************************************************/
#pagecontainer {
	border: black solid 1px;
	margin: 0 auto;
	width: 820px;
	/*background-color: #ffffff;*/
	background-color: #90bade;
}

#pageheader {
	border-bottom: #000000 3px solid;
	background-color: #0c191f;
}

#headertitle {
	font-size: 13pt;
	color: #ace3f7;
	float: right;
	padding-right: 5px;
}

#nonav
{
	border-bottom: black 1px solid;
	height: 20px;
	background-color: #90bade;
}


/***************************************************************************************
 * Main body layout
 **************************************************************************************/
#leftside
{
	float: left;
	width: 150px;
	height: 100%;
	background-color: #90bade;
}

* html #leftside
{
	w\idth: 150px;
}



#mainbody
{
	border-left: black 1px solid;
	background-color: #90bade;
	border-collapse: collapse;
}

#centresection {
	border-left: black 1px solid;
	background-color: #ffffff;
}

#centresectionadmin {
	border-left: black 1px solid;
	background-color: #ffffff;
	width: 100% !important;
}

#centresection2 {
	height: 750px;
	margin-left:167px;
	margin-top: 10px;
	border-left: black 1px solid;
}

#rightside
{
	float: right;
	border-left: black 1px solid;
	width: 170px;
	height: 100%;
	background-color: #90bade;
}

#sidesectiontitle
{
	border-right: #508fc4 10px solid;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 90%;
	margin-bottom: 1em;
	border-left: #1958b7 10px solid;
	/*width: 150px;*/
	color: #ffffff;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	background-color: #2175bc;
	text-align: center;
}

#footer
{
	border-top: black 1px solid;
	border-width: 1px;
	color: #ffffff;
	height: 80px;
	background-color: #1958b7;
}


/***************************************************************************************
 * News Items: the news posts in the centre of the page
 **************************************************************************************/
#newscontainer
{
	border: #1958b7 2px solid;
	margin: 15px;
}

#newsheading
{
	padding-right: 0px;
	padding-left: 10px;
	font-weight: bold;
	color: #ffffff;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	background-color: #1958b7
}

#newspostedby
{
	padding: 10px;
	font-size: 7pt;
	float: left;
	font-style: italic;
	font-family: Verdana;
}

#newssubject
{
	padding: 10px;
	font-size: 8pt;
	font-family: Verdana;
	text-align: right;
}

#newsbody
{
	clear: both;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	font-size: 10pt;
	color: black;
	font-family: Verdana;
}

#newsmore
{
	margin-top: 5px;
	margin-bottom: 5px;
}

#newsmore a
{
	font-size: 10pt;
	cursor: pointer;
	color: #1958b7;
	font-family: Verdana;
	text-decoration: none;
}

#newsmore a:hover
{
	color: red;
}


/***************************************************************************************
 * Side Box: Small box for containing a list of links
 **************************************************************************************/
#sideboxcontainer
{
	border: #1958b7 2px solid;
	margin: 10px;
}

#sideboxtitle
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 90%;
	color: #ffffff;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	background-color: #1958b7;
}

#sideboxbody
{
	clear: both;
	padding: 10px;
	font-size: 8pt;
	color: black;
	font-family: Verdana;
	background-color: white;
}

#sideboxbody a
{
	color: #1958b7;
	text-decoration: none;
}

#sideboxbody a:hover
{
	color: red;
	text-decoration: underline;
}


/***************************************************************************************
 * Show box: for displaying a product on the sidebars
 **************************************************************************************/
#showboxcontainer
{
	border: #1958b7 2px solid;
	margin: 10px;
}

#showboxtitle
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 90%;
	color: #ffffff;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	background-color: #1958b7;
}

#showboximg
{
	padding: 10px;
	border-bottom: #1958b7 2px solid;
	text-align: center;
}

#showboxbody
{
	clear: both;
	padding: 10px;
	font-size: 8pt;
	color: black;
	font-family: Verdana;
	background-color: white;
}


/***************************************************************************************
 * Side Menu
 **************************************************************************************/
#button
{
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 1em;
	font-size: 90%;
	margin-bottom: 1em;
	/*width: 120px;*/
	color: #333;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	background-color: #90bade;
}

* html #button
{
	width: 120px;
}

#button ul
{
	border: medium none;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#button li
{
	margin: 0px;
	border-bottom: #90bade 1px solid;
}

#button li a
{
	border-right: #508fc4 10px solid;
	border-left: #1958b7 10px solid;
	padding-right: 5px;
	padding-left: 0.5em;
	padding-bottom: 5px;
	padding-top: 5px;
	display: block;
	width: 100%;
	color: #fff;
	background-color: #2175bc;
	text-decoration: none;
}

#button li a:hover
{
	border-right: #5ba3e0 10px solid;
	border-left: #1c64d1 10px solid;
	color: #fff;
	background-color: #2586d7;
}


/***************************************************************************************
 * Post list navigation
 **************************************************************************************/
#postbuttonprev
{
	border: #1958b7 2px solid;
	padding: 5px;
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 10pt;
	float: left;
	cursor: pointer;
	color: #ffffff;
	font-family: Verdana;
	background-color: #2175bc;
}

#postbuttonnext
{
	border: #1958b7 2px solid;
	padding: 5px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 10pt;
	float: right;
	cursor: pointer;
	color: #ffffff;
	font-family: Verdana;
	background-color: #2175bc;
}

#postbuttonback
{
	border: #1958b7 2px solid;
	padding: 5px;
	margin: 0px auto;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 10pt;
	width: 100px;
	cursor: pointer;
	color: #ffffff;
	font-family: Verdana;
	background-color: #2175bc;
	text-align: center;
}


/***************************************************************************************
 * Products
 **************************************************************************************/
#prodcontainer
{
	margin: 30px 10px 30px 15px;
}

#prodheading
{
	padding-right: 0px;
	padding-left: 10px;
	font-weight: bold;
	color: #ffffff;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	background-color: #1958b7;
}

#prodbody
{
	clear: both;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 10pt;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: black;
	font-family: Verdana;
	/*height: 80px;*/
}

#prodtitle
{
	margin-top: 5px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #1958b7;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	text-decoration: underline;
}

#prodimg
{
	float: left;
	margin: 10px;
}

#proddesc
{
	font-size: 10pt;
	margin: 10px;
	font-family: Verdana;
}


/***************************************************************************************
 * Links
 **************************************************************************************/
#aboutlink
{
	font-size: 10pt;
	font-family: Verdana;
}

#aboutlink A
{
	color: blue;
	text-decoration: underline;
}

#aboutlink a:hover
{
	color: red;
}


/***************************************************************************************
 * Product tab list
 **************************************************************************************/
#tablist
{
	padding: 0px;
	margin-top: 0.1em;
	margin-bottom: 0px;
	margin-left: 0px;
	font: bold 12px Verdana;
	border-bottom: #1958b7 1px solid;
}

#tablist li
{
	display: inline;
	margin: 0px;
	list-style-type: none;
}

#tablist li a
{
	border: #1958b7 1px solid;
	border-bottom: medium none;
	padding-right: 0em;
	padding-left: 0em;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-right: 0px;
	background-color: #2175bc;
	text-decoration: none;
	color: #ffffff;
}

#tablist li a:link
{
	color: #ffffff;
}

#tablist li a:visited
{
	color: #ffffff;
}

#tablist li a:hover
{
	border-color: #1958b7;
	background: #2586d7;
	color: #ffffff;
}

#tablist li a.current
{
	background-color: #90bade;
}


/***********************************************************
 * Post list
 **********************************************************/
#postlisttitle {
	color: white;
	font-size: 24px;
	font-family: Verdana;
	font-weight: bold;
}

#postlisttable {
	border-collapse: collapse;
	border: #1958b7 solid 2px;
	width: 550px;
	font-family: Verdana;
	font-size: 10pt;
}

#postlistleft {
	width: 140px;
	text-align: center;
	background-color: #2175bc;
	color: #ffffff;
}

#postbuttonprev {
	margin-top: 20px;
	margin-left: 10px;
	float: left;
	padding: 5px;
	background-color: #2175bc;
	border: #1958b7 solid 2px;
	color: #ffffff;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10pt;
	cursor: hand;
}

#postbuttonnext {
	margin-top: 20px;
	margin-right: 10px;
	float: right;
	padding: 5px;
	background-color: #2175bc;
	border: #1958b7 solid 2px;
	color: #ffffff;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10pt;
	cursor: pointer;
}

#postbuttonback {
	margin: 0 auto;
	width: 100px;
	text-align: center;
	padding: 5px;
	background-color: #2175bc;
	border: #1958b7 solid 2px;
	color: #ffffff;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10pt;
	cursor: pointer;
}

#postbuttonprev2 {
	margin-top: 20px;
	float: left;
	padding: 5px;
	background-color: #2175bc;
	border: #1958b7 solid 2px;
	color: #ffffff;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10pt;
	cursor: pointer;
}

#postbuttonnext2 {
	margin: 20px;
	float: right;
	padding: 5px;
	background-color: #2175bc;
	border: #1958b7 solid 2px;
	color: #ffffff;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10pt;
	cursor: pointer;
}


/***********************************************************
 * Table list
 **********************************************************/
#tablecontainer {
	margin:10px;
	padding:10px;
	float:left;
}

#tabletitle {
	background-color: #1958b7;
	color:white;
	border:black 1px solid;
	padding-left: 5px;
	padding-right: 5px;
}

#tablerow {
	border:black solid 1px;
	padding-left: 5px;
	padding-right: 5px;
}

