/*  Pre-def html tags  */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
}
p {  
	margin: 3px;
	padding: 0;
	font: 11px/150% Verdana, Arial, Helvetica, sans-serif;
	color: #555;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
}
h1 {
    font-size: 18pt;
    color: #00f;
    margin-bottom: 12pt;
}
h2 {
	font-size: 12pt;
	color: #666666;
	margin: 0pt;
	padding: 2px 2px 12px 24px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
h3  {
	font-size: 10pt;
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 20px;
	padding-left: 24px;
	
}
h3 a, h3 a:hover {
	color: black;
	text-decoration: none;
}	
h4 {
	color: #333333;
	background-color: #FFFFFF;
	font: bold 12pt Arial, Helvetica, sans-serif;
	padding: 0px 3px 40px 3px;
	border-bottom: solid 1px #CCCCCC }

img { border-width: 0 }
td {
    margin: 0;
	padding: 0;
	font: 11px/120% Verdana, Arial, Helvetica, sans-serif;
	color: #555 }
.form {
	font: 11px/120% Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
	color: #555 }
.drop {
	font: 11px/120% Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
	color: #555 }
#mainTable td { background-color:#F5F5F5; padding:4px; vertical-align:top }

.terms { 
    text-align:center; 
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #369 }
   

/*   Custom styles   */

.imageleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}
.imageright {
    float: right;
    margin:0 24px 18px 15px;
}
.imagedrop {
    margin-top:36px  }
    
.pagehead {
	font: normal 24px Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 8px;
}
.topmenu, .topmenu a {
	font: 7pt/7pt Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
.topmenu a:hover {
	color: #FF9900;
}
.callout {
	font: 18px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 4px;
	letter-spacing: .1em;

}
.pagebase {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background: #666;
	margin: 0px;
	padding: 0px;
}
.pagebase a {
	color: #CCCCCC;
	text-decoration: none;
}
.pagebase a:hover {
	color: #CCCCCC;
}

.mainmenu {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #996633;

}
.bodytext {
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 3px;
}
.bodytext a {
	font: 14px/150% bold Arial, Helvetica, sans-serif;
	color: #FF9900;
	text-decoration: none;
}
.bodylarger {
	font: 12px/150% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 3px 100px }
.bodytextindent {
	font: 11px/150% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 3px 100px;
}
.bodytextindent a {
	color: #336699;
	text-decoration: none;
}


.maintable {
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	border-right: 1px solid #ccc;
	border-bottom: #ccc;
	border-left: #ccc }
.address {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	margin: 2px;
	padding: 2px 2px 2px 24px;
}
.form {
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 2px;
	margin: 0px;
	border: 1px dashed #9CC;
}
.dropdown  {
    margin-top: 5px;
  	border: 1px dashed #9CC;
    font-family:Verdana;
    font-size:11px;
}
.wizardpanel {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 6px 3px 3px 6px;
	border-top: solid 1px #DDD;
}
.wizardpaneltop {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 6px 3px 3px 6px;
}
.error
{
	color: Red;
	background: right;

}
.leftmenu {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	padding: 0;
	margin: 2px 16px 2px 36px;
	border-bottom: 1px solid #666666;

}
.leftmenu a {
	text-decoration: none;
	color: #CCCCCC;
}
.leftmenu a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.leftmenuhead { 
	font: normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0;
	margin: 18px 12px 2px 12px;
 } 

.leftmenuhead a {
	color: #FFFFFF;
	text-decoration: none;
}
.leftmenuhead a:hover {
	color: yellow;
}
.sectionhead {
	font: normal 18px/30px Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0 0 30px 0;
	text-align: right;
	margin-right: 0px;
	padding-right: 20px;
	color: #FFFFFF;
}
.maintablewithpic {

	padding: 6px;
	background: #FFFFFF url(images/manshead.jpg) no-repeat left bottom;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: #ccc;
	border-left: #ccc;
}
.menupanel {
	background: url(images/menupanel.gif) no-repeat;
}
.menupanelbody {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px;
	margin-top: 4px;
	margin-left: 30px;
	margin-right: 30px;
}
.menupanelhead {
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 12px;

}
.maintabletranspar {

	padding: 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: #ccc;
	border-left: #ccc;
}
.telno {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
ol {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 1px;
	padding: 1px;
}
li {
	margin: 0px 2px;
	padding: 0px 2px;
	line-height: 150%;
}
ul {
	margin: 6px;
	padding: 6px;
}
.button {
	font-size: 11px;
	margin-top:24px }
	
#boxpanel {
    width:200px;
    border: solid 1px #f93;
    background-color: #ddd;
    padding:18px;
    margin:24px auto }
#boxpanel p {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #333 }
#boxpanel p a { color:#369 }