body{
	background-color: #F3F7F8;	
color: #333333;
font:normal 12px "arial rounded",verdana,Helvetica,Arial,sans-serif;
text-decoration:none;
margin-top:20px;
}
div { text-align: left }
a {
color: #666666;
text-decoration: underline;
font-weight: normal;
}
h1 { font: 14px bold  Helvetica,Arial,sans-serif}
h2 { font: 14pt bold  verdana,Helvetica,Arial,sans-serif}
h3 { font: 13px bold Helvetica,Arial,sans-serif;  }
h4 { font: 12px bold verdana,Helvetica,Arial,sans-serif }

input {
border: 1px #2A5893 solid;
color: #2a5893;
background:#DDDDDD url(http://www.aboard.co.uk/generic/bg/input_bg.jpg);
font:normal 12px Verdana,Arial,Helvetica,"sans-serif";
text-decoration:none;
}
textarea { border:1px #666666 solid;
color: #2a5893;font:normal 12px Verdana,Arial,Helvetica,"sans-serif";
text-decoration:none; }
select,option{
border:1px #CCCCCC solid;
color: #2a5893;
background:#F4F4F4;
font:normal 12px Verdana,Arial,Helvetica,sans-serif;
text-decoration:none
}
font,p,td,div,span {
color: #2a5893;
font: 12px verdana,Helvetica,Arial,sans-serif
}
.bglight { background-color: #00FFFF; }
.boxs{
border: 1px solid #006699;
width:20px;
color:#000000;
background:#FFFFFF;
font:11px verdana,helvetica,sans-serif;
text-align:center;
cursor: default;
}
.boxleftac { 
float: left;
position: relative;
padding: 2px 0px 0px 2px;
border: 1px solid #FFCC00;
text-align:center
 }
.boxleftal { 
float: left;
position: relative;
padding: 2px 0px 0px 2px;
border: 1px solid green;
overflow:hidden;
text-align:left;
 }
 .boxleftclear { 
float: left;
position: relative;
padding: 2px 0px 0px 2px;
border: 1px solid #00ffff;
clear: left;
 }
.boxright { 
float: right;
padding: 2px 0px 0px 2px;
position: relative;
border: 1px solid red ;
}
.boxrightclear { 
float: right;
padding: 2px 0px 0px 2px;
position: relative;
border: 1px solid #ffc0cb ;
clear: right;
}
.boxrightclear, .boxright,  .boxleftclear, .boxleftal, .boxleftac, div 
{ border-width: 0px } 

.alert, a.alert:active, a.alert:hover, a.alert:link, a.alert:visited {
padding:2px;
color:#FF0000 !important;
background:#E6E6E6;
font-weight:bold;
text-transform:none
}
.alert1,a.alert1:active,a.alert1:hover,a.alert1:link,a.alert1:visited{
color:#008000 !important;
background:transparent;
text-transform:none
}



/* - left nav with submenus http://css.maxdesign.com.au/listamatic2/ */
#navcontainer { 
margin-left: 0px;
 width: 140px;
 height: 550px;
}

#navcontainer ul ,#topnav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding: 5px 5px;
width: 120px;
color: #191970;
/*background-color: #C16297;*/
text-decoration: none;
border-top: 0px solid #fff;
border-left: 0px solid #fff;
border-bottom: 1px solid #191970;
border-right: 0px solid #333;
font-weight: bold;
/*background-image: url(http://www.absite.com/generic/bg/vertical06.jpg);
background-repeat: no-repeat;
background-position: 0 0;*/
}

#navcontainer a:hover
{
color: #191970;
background-color: #FFF8DC;
text-decoration: none;
border-top: 0px solid #333;
border-left: 0px solid #333;
border-bottom: 1px solid #191970;
border-right: 0px solid #fff;
/*background-image: url(http://www.absite.com/generic/bg/vertical06a.jpg);
background-repeat: no-repeat;
background-position: 0 0;*/
}

#navcontainer ul ul li { margin: 0; }

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 10px;
width: 115px;
color: #fff;
/*background-color: #C16297;*/
text-decoration: none;
font-weight: normal;
}

#navcontainer ul ul a:hover
{
background-color: #800080;
text-decoration: none;
}
/* end nav */

/* Start Tableless */
#wrapper { 
	WIDTH: 100%; 
	TEXT-ALIGN: center; 
	background-color: #F3F7F8;	
	padding :0px; 
	MARGIN: 0px auto; }
	
#continner {
	WIDTH: 800px;
	TEXT-ALIGN: left; 
	MARGIN: 0px auto;  
	border: 0px dashed #2A5893; 
	padding:0px;
	color: #C0C0C0;

	clear: both;
}

 #headder  { 
	WIDTH: 100%;
	color: #C0C0C0;
	font-weight: bold;
	MARGIN: 0px auto;  
	POSITION: relative;  
	padding:0px;
	text-align: left;
	border-right: 2px dashed #2A5893;
	border-left: 2px solid #2A5893;
	border-top: 2px dashed #2A5893;	
 }

#topnav {display: block;	width: 780px; text-align: right;	margin-top: 12px;}
#topnav a, #topnav a:link, #topnav a:visited, #topnav a:active, #topnav a:hover {
	border: 1px dotted #2a5893;
	border-width: 0px 0px 0px 0px;
	color: #2a5894;
	font: normal bold 16px verdana, helvetica ,sans-serif;
	text-align: center;
	text-transform: lowercase;
	text-decoration: none;
	cursor: default;
	padding: 4px 2px 0px 2px;
	margin-left: 10px;
}



#mainbody {
	width: 800px;
	padding: 3px 0px 0px 0px;
	margin: 0 auto;
	display: block;
	border-left: 2px dashed #2A5893;
	border-right: 2px dashed #2A5893;
	}
#arealeft {
width: 180px;
	float: left;
	border: 0px solid #CC99FF;
}
#areacenter {
	width: 610px;
	border: 0px solid #66FF99;
	float: left;
	text-align: center;
	
}
#arearight {
	float: right;
	position: relative;
	width: 1%;
	height: 350px;
	border: 2px solid #FFFF33;
	display: none;
}
#areacenter ,#arearight ,#arealeft { border-width: 0px; }

.navsubm {
	z-index: 100;
	border: 0px solid #FDF0E5;
	text-align: left;
	padding: 1px;
	background: #ffffff;
}
.tbsidemenu { width: 180px; } /* is inside area left */
.cat1,.cat1 a:active,.cat1 a:link,.cat1 a:visited {
padding: 0px 0px 0px 3px;
width:170px;
font: bold 13px/19px verdana,sans-serif !important ; 
height:18px;
margin-top: 0px;
display: block;
 background: #2a5893;
 color: #ffffff;
 text-decoration: none;
 border-bottom: #ffffff 2px solid;
 text-transform: capitalize;
}
.cat1 a:hover { border-bottom: #2a5893 2px solid;  text-transform: capitalize;}

.cat2 a:active,.cat2 a:link,.cat2 a:visited {
 text-transform: capitalize;
 padding:1px;
display:block;
font: bold 11px verdana,sans-serif normal;
color: #2a5893;
white-space: nowrap;
margin-left: 0px;
 border-left: 5px solid #ffffff;
 text-decoration: none;
}
.cat2 a:hover{ border-left: 5px solid #669999; }
.cat2 ul li{
margin:0;
padding:0;
width:170px;
list-style:none
}
.cat3,a.cat3:hover{
padding:2px;
border: #2a5893 1px solid;
width:100%;
display:block;
background:#FFFFFF;
font:8pt verdana,sans-serif normal;
text-transform:none
}
.cmscathead { display: block;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
}
.menuhp,.menuhp a,.menuhp a:link,.menuhp a:visited, a.menuhp:active, a.menuhp:hover { text-transform: capitalize !important; }
.navli {display: block;	width: 160px; }
.navli a, a.navli:link, a.navli:visited, a.navli:active, a.navli:hover {
	z-index: 100;
	margin-top: 4px;
	border: 1px dotted #FFD700;
	border-width: 0px 0px 1px 0px ;
	color: #CD853F;
	font: 12px verdana,helvetica,"sans-serif";
	text-align: left;
	text-decoration: none; 
	cursor: default;
	padding: 4px 2px 0px 2px;
	white-space: nowrap;

}
.pictd, .pictd .imageCell {
	vertical-align: bottom;
	
}
.navlt,.navlt a:link  {
	width: 125px;
	border-width: 0px 0px 0px 0px;
	border: 1px  solid #FFD700;
	color: #000000;
	margin: 1px 2px 1px 2px;
	background: #ffffff;
	font: 12px verdana,helvetica,"sans-serif";
	text-align: center;
	text-decoration: none;
	cursor: default;
	padding: 0px 2px 0px 2px;

}
 a.navlt:visited {
	width: 125px;
	color: #000000;
	margin: 2px 2px 2px 2px;
	background: #ffffff;
	font: 12px verdana,helvetica,"sans-serif";
	text-align: center;
	text-decoration: none;
	cursor: default;
	padding: 0px 8px 0px 8px;
}
a.navlt:hover,  a.navlt:active{
	color: #DC143C;
	margin: 2px 2px 2px 2px;
	background: #ffffff;
	font: 12px verdana,helvetica,"sans-serif";
	text-align: center;
	cursor: default;
}

#footer { 
	width: 800px;
	height: 40px;
	MARGIN: 0px auto;  
	border:0px solid red; 
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	background-color: #2A5893;
	text-align: center;
	clear: both;}

#hotspot{
text-decoration:underline;
cursor:default
}

/* END Tableless */


.title {
	color: #2a5893	;
	font:18px bold Verdana, Geneva, Arial, Helvetica, "sans-serif" ;
	display: block;
	text-align: center;
}
.stitle {
	color: #C66300;
	font: Verdana, Geneva, Arial, Helvetica, "sans-serif" 12px normal;
} 
.smallt { font-size: 9px }
.samllt1 { font-size: 10px }
.samllt2 { font-size: 11px }