/*	**************************************************
		Stylesheet for Northern Stationery
		
		Copyright (c) Multisys Computers Ltd 2007.
		All rights reserved.
		
	**************************************************	*/

html {
  overflow-y: scroll;
}
 
html,body {
  margin:0;
  padding:0;
  height:100%;
  width:100%;
  background-color	: #c0c0c0;
  text-align	: center;
}

body {
   font-family : arial, helvetica, sans-serif;
}

h1 {
   font-size : 1.5em;
   color : #93c3d1;
}

.headtext {
	font-weight : normal;
	font-size: 5px;
	color : #ffffff;
	vertical-align : top;
	margin : 0;
	padding : 0;
}

h2 {
   font-size : 1.5em;
   background-color : #a3d3e1;
   text-align : right;
   font-style : italic;
   padding : 2px 10px 2px 2px;
   color : #ffffff;
}

h3 {
	font-size : 1em;
	font-weight : bold;
	color : #006d87;
}

td {
   font-size : 0.8em;
}

p {
   text-align : justify;
}

img {
   border : 0;
}

form {
	 font-family: arial, helvetica, sans-serif;
	 font-size: 1em;
}

textarea {
	 font-family: arial, helvetica, sans-serif;
	 font-size: 1em;
}

table#main {
	border	: 0;
	border-collapse	: collapse;
	text-align	: left;
}

tr {
	vertical-align	: top;
	height			: auto;
	border			: 0;
	margin			: 0;
	padding			: 0;
}


a {
	text-decoration : none;
}

a:link {
	color : #525bb0;
	text-decoration : none;
}
a:visited {
	color : #525bb0;
}
a:hover {
	color : #8389c1;
}

table#main {
	width					: 976px;
	margin-left			: auto;
	margin-right		: auto;
	margin-top			: 0;
	margin-bottom		: 0;
	padding				: 0;
	background-color	: #ffffff;
	height            : 100%;
   border            : solid black 1px;
}
tr#banner {
	background-color	: #093858;
	height	: 84px;
   width : 976px;
   padding : 0;
   margin : 0;
   border : 0;
}

tr#banner td {
   margin : 0;
   padding : 0;
   border : 0;
}

tr#banner h1 {
   margin : 0;
   padding : 0;
   border : 0;
}

tr#banner h1 img {
   margin : 0;
   padding : 0;
   border : 0;
}



tr#banner h1 img#callheader {
	float : right;
}


.mainmenu {
   margin : 0;
   padding : 0;
   background-image: url('/images/backs/navback.jpg');
   background-repeat: repeat;
   background-color : #093858;
   text-align : left;
   height : 1em;
   clear : both;
}
.mainmenu td {
	border	: 0;
	margin	: 0;
	padding	: 0;
}

.mainmenu ul {
   margin : 0;
   padding-left : 60px !important;	/*	For the IE box model bug	*/
   padding : 5px 5px 5px 20px;	/* IE will taked the 20px left padding	*/
   list-style: none;
   margin-left : auto;
   margin-right : auto;
}
.mainmenu ul li {
   display : inline;
   margin-left : 20px;
   font-size : 1.25em;
}

.mainmenu ul li a {
   color : #ffffff;
   background-color : transparent;
   text-decoration : none;
   border-top : 5px solid #57c1db;
/*   border-left : 1px solid #57c1db;
   border-right : 1px solid #57c1db;	*/
   padding : 0px 10px 5px 5px;
}
.mainmenu ul li a:visited {
   color : #ffffff;
/*   background-color : transparent;	*/
   text-decoration : none;
/*   border-left : 5px solid #0000ff;	*/
/*   padding : 5px 10px 5px 5px;	*/
}
.mainmenu ul li a:hover {
   text-decoration : none;
/*   background-color : #a3d3e1;	*/
   color : #ffffff;
   border-top : 5px solid #deeeeb;
/*   border-left: solid 1px #a3d3e1;
   border-right: solid 1px #deeeeb;	*/
}

.mainmenu ul li a.current {
   text-decoration : none;
   background-color : #a3aae1;
   border-top : 5px solid #deeeeb;
/*   border-left: solid 1px #a3aae1;
   border-right: solid 1px #deeeeb;	*/
}
.mainmenu ul li a.current:visited {
   text-decoration : none;
/*   background-color : #a3aae1;
   border-top : 5px solid #deeeeb;	*/
}
.mainmenu ul li a.current:hover {
   text-decoration : none;
   background-color : #a3aae1;
}


li {
   font-size : 1em;
}

#submenu {
   background-color : #deeeeb;
}

#submenu ul {
   list-style : none;
   margin : 0;
   padding : 0;
   width : 90% !important;
}

#submenu ul li {
   background-color : #a3d3e1;
   border-bottom : solid 1px #ffffff;
   padding : 0;
   margin : 0;
}

#submenu ul li a {
   display : block;
   background-color : #deeeeb;
   color : #000000;
   padding : 2px 5px 2px 5px;
   border-left : solid 5px #a3d3e1;
   text-decoration : none;
   margin : 0;
   width : 100%
}

#submenu ul li.curlink {
   display : block;
   background-color : #deeeeb;
   color : #000000;
   padding : 2px 5px 2px 5px;
   border-left : solid 5px blue;
   text-decoration : none;
   margin : 0;
}

#submenu ul li a:link {
   display : block;
   background-color : #deeeeb;
   color : #000000;
   padding : 2px 5px 2px 5px;
   border-left : solid 5px #a3d3e1;
   text-decoration : none;
   margin : 0;
   width : 100%
}
#submenu ul li a:visited {
   display : block;
   background-color : #deeeeb;
   color : #000000;
   padding : 2px 5px 2px 5px;
   border-left : solid 5px #a3d3e1;
   text-decoration : none;
   margin : 0;
   width : 100%
}

#submenu ul li a:hover {
   border-left : solid 5px blue;
   background-color : #a3d3e1;
}

#submenu ul li a.current:link {
   border-left : solid 5px #ae01ff;
   background-color : #a3a9e1;
   color : #ffffff;
}
#submenu ul li a.current:visited {
   border-left : solid 5px #ae01ff;
   background-color : #a3a9e1;
   color : #ffffff;
}
#submenu ul li a.current:hover {
   border-left : solid 5px #ae01ff;
   background-color : #a3a9e1;
   color : #ffffff;
}

#submenu ul li a.admin:link {
   border-left : solid 5px red;
   background-color : #deeeeb;
}
#submenu ul li a.admin:visited {
   border-left : solid 5px red;
   background-color : #deeeeb;
}
#submenu ul li a.admin:hover {
   border-left : solid 5px red;
   background-color : #a3d3e1;
}

tr#contentrow td#submenu {
/*	width	: 20%;   */
   width : 161px;
   padding : 10px 5px 10px 5px;
}

tr#contentrow td#content {
/*	width	: 75%;   */
   width : 600px;
   padding : 10px 10px 10px 10px;
}

td#textcontent {
	width : 280px;
}

td#imagecontent {
	
}

tr#contentrow td#sidepanel {
   padding : 10px 5px 10px 5px;
   width : 161px;
   max-width : 160px;
}

tr#footer {
	background-color	: #d0d0d0;
	height	: 2em;
   font-size : 0.7em;
   color : #606060;
}

tr#footer td {
	padding	: 0 1em 0 1em;
	vertical-align	: middle;
}

tr#footer td.login {
	text-align	: right;
}

table#sidelogin {
   background-color : #deeeeb;
   padding : 10px;
   width : 100%;
}

table#sidelogin tr {
   width : 100%;
}

table#sidelogin th td {
   padding-left : 10px;
}

table#sidelogin th {
   background-color : #d0d0d0;
}

td#liaison {
	padding : 10px;
}