#pagewidth{ 
 width:750px; 
 text-align:left; 
 min-width: 500px;margin-left:auto; 
 margin-right:auto; 
  
} 
 
#header{
	height:100px;
	width:100%;
	background-image: url(../image/customer/headbar.jpg);
 } 
 
#leftcol{
 width:100px; 
 float:left; 
 position:relative; 
 margin-left:-100px; 
 margin-right:1px; 
 }
 
#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 100px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color: #FFFFFF;   /* left column colour */ 
border-left-style: solid; 
 /*/*/ border-right-width: 100px; /* right column width. NN4 hack to hide borders */ 
border-right-color: #FFFFFF;  /* right column colour */ 
border-right-style: solid; 
  background-color: #FFFFFF; /* center column colour */ 
width: auto; 
 } 
 
#rightcol{
 /*/*/ width:100px; /* hack keeps NN4 right column right? */ 
 float:right; 
position:relative; 
  margin-right:-100px; 
 margin-left:1px; 
} 
 
#footer{
 height:80px; 
 width:750px; 
 background-color:#FFFFFF; 
} 
 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 515px; 
 position: relative; 
 margin: 0 -8px 0 -2px; 
 padding: 10px 0px 0 25px;
 }
 
#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
 
.content{padding:0px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 

 
 /*printer styles*/ 
@media print{ 
/*hide the header when printing*/
#header{display:none;}
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:30px;} 
#maincol{width:610px;}

/*hide the right column when printing*/
#rightcol{display:none;} 
#outer{border-right:0;} 
#footer{display:none;}
}














.navbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
}
a.nav:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a.nav:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.nav:hover{ 
	color: #FFFFFF;
	text-decoration: underline;
}
.subbar {
	text-transform: none;
	text-align: center;
	vertical-align: middle;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-color: #ff5200;
	height: 30px;
}
.subcat {
	text-transform: none;
	text-align: center;
	vertical-align: middle;
	background-color: #FF8800;
	height: 30px;
}















html, body{ 
 margin:15px 0 0 0; 
 padding:0; 
 text-align:center; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
} 
h1 {
 font-size: 16px;
}

.head_img1 {
	position: relative;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	left: 100px;
	top: 0px;
}
img.typeOne {
	border-top: 0px none;
	border-right: 5px solid #FFFFFF;
	border-bottom: 0px none;
	border-left: 0px none;
}
.login {
	position: absolute;
	top: 10px;
	left: 365px;
	width: 270px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.slogan {
	position: absolute;
	font-size: 9px;
	font-weight: bold;
	color: #000066;
	left: -130px;
	top: 52px;
	width: 350px;
}
input.text {
	background-color:#FFFFFF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	border: 1px solid #000066;
	margin: 2px;
	padding: 0px;
}
input.button {
background-color:
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	border: 0px none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 2px;
	padding: 0px;
	background-image: url(images/login_button.jpg);
	background-repeat: no-repeat;
	cursor: hand;
}
.logtext {
	font-size: 10px;
	font-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 2px;
	padding: 0px;
}
.crumbs {
	position: absolute;
	left: -350px;
	top: 75px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.improved {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	text-decoration: none;
	text-align: center;
}
a.crumb:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
a.crumb:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
a.crumb:hover{ 
	text-decoration: underline;
}
a:link {
	color: #000099;
	text-decoration: none;
}
a:visited {
	color: #000099;
	text-decoration: none;
}
a:hover {
	color: #000099;
	text-decoration: underline;
}.right_imgs {
	border: 2px solid #FF6600;
	margin-top: 3px;
}
/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 1px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 2px #006699 solid; }


/* Main table cell colours and backgrounds */
td.row1	{ background-color: #EFEFEF; }
td.row2	{ background-color: #DEE3E7; }
td.row3	{ background-color: #D1D7DC; }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #FFFFFF;
		background-image: url(images/cellpic2.jpg);
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #FFA34F; font-size: 11px; font-weight : bold;
	background-color: #006699; height: 25px;
	background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(images/cellpic1.gif);
			background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
	background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }
a.main:link,a.main:active,a.main:visited { color : #006699; }
a.main:hover		{ text-decoration: underline; color : #DD6900; }
hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;} 
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #006699}
a.cattitle		{ text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: underline; }
.forumlink		{ font-weight: bold; font-size: 12px; color : #006699; }
a.forumlink 	{ text-decoration: none; color : #006699; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #DD6900; text-decoration: underline; }
/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}

input { text-indent : 2px; }


/* The main submit button option */
input.mainoption {
	background-color : #FAFAFA;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #F06000;
	font-weight : bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border: thin outset #FF3300;
	cursor: hand;
}
input.liteoption_hover {
	background-color : #F06000;
	font-weight : normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border: thin inset #FF3300;
	cursor: hand;
}

.esitContent div.trainline {
	border-top:dotted 1px;
	border-bottom:dotted 1px;
	font-size:0.9em;
}

.esitContent div.trainline .inner div
{
	display:inline;
	padding-right:2px;
	padding-left:2px;
	border-right:1px solid;
}

.esitContent div.trainline .inner .tlItemActive
{
	
	font-weight:bold;

}

.esitContent .access{
	display:none;
}

.esitContent h1
{
	font-size:130%;
}

.esitContent h2
{
	font-size:120%;
}

.esitContent h3
{
	font-size:100%;
}

.esitContent h4
{
	font-size:100%;
}