body {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #ffffff;
  background: #E5E5E5 url(../img/body_bg.gif) top repeat-x;
  text-align:center; /* for IE */
  margin: 0;
}

div#wrapper {
  text-align:left; 	/* reset text alignment */
  width:990px;
  background-color: #fff;
  margin:0 auto; 	/* for the rest */ 
  z-index:-100;
}

TABLE.bodytable{
  border: 0px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 0px;
}

TABLE.maintable{
  border: 0px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 0px;
  margin: 0px;
}
TABLE.headertable{
  border: 0px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 0px;
  background: #ffffff;
}
TABLE.footertable{
  border: 0px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 0px;
  margin: 10px;
}
/* ROUNDED BOXES AND TABS */

#top-pane
{	margin-top: 0px; /* this is to allow room for the tabs */
}

/*
#header {  
 float:left;  
 width:800px;  
 position:absolute;  
 background:#DAE0D2 url("img/tab_bg.gif") repeat-x bottom;  
 font-size:93%;  
 line-height:normal;  
 top: -27px;
 left:0px
 border: 1px solid green;
}
*/

#header {  
 position:relative;
 top:0px;
 left:0px;
 font-size:93%;  
}

#header #current {  
 background-image:url("img/tab_left_on.gif");  
}


#header ul {  
 position:absolute;
 top:-26px;
 left:25px;
 list-style:none;
 margin:0px;
 padding:0px;
}

#header li {  
 float:left;  
 background:url("img/tab_left.gif") no-repeat left top;  
 margin:1px;
 font-size:13px;  
 padding:0px 20px 0px 5px;  
}

#header a  {  
 float:left;  
 display:block;  
 background:url("img/tab_right.gif") no-repeat right top;  
 font-size:13px; 
 margin:0;
 padding:3px 26px 3px 16px;  
 text-decoration:none;  
 font-weight:bold;  
 color:#fff;  
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */

#header #current a {  
 background:url("img/tab_right_on.gif") no-repeat right top;  
 color:#00457C;  
}

#header a:hover {  text-decoration:none;  }

.boxtl, .boxtr, .boxbl, .boxbr { 	background-image: url('img/corners1280x10.gif');	height: 5px;	font-size: 2px;	}
.boxtl, .boxbl { margin-right: 5px;	}
.boxtr, .boxbr { margin-left: 5px;	margin-top: -5px;	}
.boxtr { background-position: 100% 0;	}
.boxbl  { background-position: 0 -5px;	}
.boxbr { background-position: 100% -5px;	}
.boxin { margin-left: 5px;	margin-right: 5px;	background: #fff;	color: #000;	padding-left: 10px;	padding-right:10px;	text-align: left;}
.notopgap    { margin-top: 0; }
.nobottomgap { margin-bottom: 0; }
.boxinl, .boxinr {	background-image: url('img/borderslr10x1.gif');	background-repeat: repeat-y; 	}
.boxinr { background-position: 100% 0; }

/*
	<div class="boxtl"></div><div class="boxtr"></div>
	<div class="boxinl"><div class="boxinr"><div class="boxin">
		<p class="notopgap">Your text & other things inside</p>
		...
		<p class="nobottomgap">...</p>
	</div></div></div>
	<div class="boxbl"></div><div class="boxbr"></div>
*/


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


.canvas  {
  margin-left: 0;
  margin: 5px;
}

.pane  {
  margin-left: 0;
  margin: 0px;
}

input.pane, select.pane, p.pane, td.pane {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #000;
  font-weight: regular;
}

textarea.pane {
  background-color: #ffffff;
  border: black 0px solid;
  color: #000;
  font-family: Tahoma, arial, verdana, ms sans serif;
  font-size: 12pt;
  font-weight: normal
}
b.pane {
  font-size: 20px;
  margin-left: 0px;
  margin: 0px;
}
.clientname {
  font-family: Palatino;
  font-size: 20px;
  color: #ffffff;
  font-weight: regular;
  margin-top: 28px;
  margin-left: 20;
}
.clockdiv {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: regular;
  margin-top: 20px;
}
.listroweven {
  background: #E7E7E9 ;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #222222;
  font-weight: bold;
}
.listrowodd {
  background: #ffffff;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #222222;
  font-weight: bold;
}
.selectlisteven {
  background: #E7E7E9 ;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 10px;
  color: #222222;
  font-weight: regular;
}
.selectlistodd {
  background: #ffffff;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 10px;
  color: #222222;
  font-weight: regular;
}

.leftmenu{
  font-family:  Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  text-indent:4px;
}
a.leftmenu:hover {
  text-decoration: underline;
}
a.leftmenu{
  font-family:  Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #E71E15;
  font-weight: bold;
  text-decoration: none;
  text-indent:15px;
}


a.loginlinkinsert:hover {
  text-decoration: underline;
}
a.headermenu:hover {
  text-decoration: underline;
}
.headermenu {
  font-family:  Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #E71E15;
  font-weight: regular;
  text-decoration: none;
}
a.headermenu {
  font-family:  Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #fff;
  font-weight: regular;
  text-decoration: none;
}
a.loginlinkinsert {
  font-family:  Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #fff;
  font-weight: regular;
  text-decoration: none;
}
.footermenu, a.footermenu, td.footermenu {
  font-family:  Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: regular;
  text-decoration: none;
}
a.footermenu:hover {
  color: #000000;
  text-decoration: underline;

}


TD, P {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 13px;
  color: #000;
  font-weight: regular;
}
H2 {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #000;
  font-weight: bold;
}



TD.main, P.main {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}


CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
}








/*============ other =================*/

#searchformdiv {
 float:left;
 width:400px;
}
#menupreviewdiv {
 float:left;
 margin-left:40px;
 width:400px;
}
#searchresultdiv {
 clear:both;
}

a:active {outline:none}
a {outline:none}
/*============ text =================*/

tr.tablerowodd {
	background-color:#eee;
}
tr.tableroweven {
	background-color:#eee;
}

h1
{
	font-size: 18px;
	font-weight: bold;
	margin-top:2px;
	margin-bottom:4px;
	color: #00457C;
}

h1.tnheading {
	font-size: 12px;
	font-weight: bold;
	color: #00457C;
}
p.tnsubtext {
	font-size: 12px;
	font-weight: normal;
	color: #00457C;
}

h2
{	font-size: 16px;
	font-weight: bold;
}

h1.htmlmenu {
  font-family: Arial, Verdana, sans-serif;
  font-size: 25px;
  color: #000;
  font-weight: bold;
}
p.htmlmenu, td.htmlmenu {
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  color: #000;
  font-weight: regular;
}
p.htmlmenucourse, td.htmlmenucourse {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #000;
  font-weight: bold;
}
p.htmlmenudish, td.htmlmenudish {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #000;
  font-weight: regular;
}

.pane  {

}
input.pane, select.pane {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #003366;
  font-weight: regular;
  margin-left: 10px;
  margin: 10px;
}
p.pane, td.pane {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #003366;
  font-weight: bold;
  margin-left: 10px;
  margin: 10px;
}
input.panenomarg, select.panenomarg, p.panenomarg, td.panenomarg {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #003366;
  font-weight: regular;
}
input.panesmall, select.panesmall, p.panesmall, td.panesmall{
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  color: #003366;
  font-weight: bold;
}
select.leftselect {
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  color: #003366;
  font-weight: regular;
}
b.pane {
  font-size: 20px;
  margin-left: 0px;
  margin: 0px;
}

textarea.pane {
  background-color: #fff;
  border: black 0px solid;
  color: #003366;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: regular;
}
p.loginform, td.loginform {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #003366;
  font-weight: bold;
}
p.loginformsmalltxt, td.loginformsmalltxt{
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  color: #003366;
  font-weight: bold;
}

b.panel {
  font-size: 12px;
  margin-left: 0px;
  margin: 0px;
  font-weight: normal;
}
b.panelbold {
  font-size: 14px;
  margin-left: 0px;
  margin: 0px;
  font-weight: bold;
}
input.panel, select.panel, p.panel, td.panel {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #003366;
  font-weight: normal;
}

b.panelbigtxt {
  font-size: 16px;
  margin-left: 0px;
  margin: 0px;
  font-weight: bold;
}

a.adminlink {
  font-size: 9px;
  margin-left: 0px;
  margin: 0px;
  font-weight: normal;
  text-decoration: none;
}
a.adminlink:hover {
  font-size: 9px;
  margin-left: 0px;
  margin: 0px;
  font-weight: normal;
  text-decoration: underline;
}

input.panelbigtxt, select.panelbigtxt, p.panelbigtxt, td.panelbigtxt {
  font-family: Arial, Verdana, sans-serif;
  font-size: 16px;
  color: #003366;
  font-weight: bold;
}
.clientname {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: normal;
  margin-top: 28px;
  margin-left: 20;
}
.clockdiv {
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  margin-top: 20px;
}
.listroweven {
  background: #E7E7E9 ;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #222222;
  font-weight: regular;
}
.listrowodd {
  background: #ffffff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #222222;
  font-weight: regular;
}
.listroweven2 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #222222;
  font-weight: regular;
}
.listrowodd2 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #222222;
  font-weight: regular;
}
.selectlisteven {
  background: #E7E7E9 ;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #036;
  font-weight: normal;
  text-indent: 3px;
}
.selectlistodd {
  background: #ffffff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #036;
  font-weight: normal;
  text-indent: 3px;
}

a.loginlinkinsert:hover {
  color: #ffffff;
  text-decoration: underline;
}
a.headermenu:hover {
  color: #ffffff;
  text-decoration: underline;
}
.headermenu {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: regular;
  text-decoration: none;
}
a.headermenu {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: regular;
  text-decoration: none;
}
a.loginlinkinsert {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: regular;
  text-decoration: none;
}
.footermenu, a.footermenu, td.footermenu {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}
a.footermenu:hover {
  color: #000000;
  text-decoration: underline;
}

/* ARTICLE STYLES */
div.articlebox {
	float:left;
	width:319px;
	height:210px;
	background:#f0f0ff;
	padding:5px;
	margin:5px;
	border:1px solid black;
}
h1.articlebox {
	margin: 5px 5px 5px 5px;
	font-size:14px;
	color:#008;
	font-weight:bold;
}
p.articlebox {
	margin: 5px 5px 5px 5px;
	font-size:12px;
	color:#008;
}
a.articlebox {
	font-size:12px;
	color:#008;
	font-weight:bold;
}
/* ARTICLE STYLES END */