html {overflow-y: scroll;}

body{
				font-size: medium;
				margin: 5px;
	}

.container {
                text-decoration: none;
	    	    margin: 0px;
		    	margin-left: auto;
		    	margin-right: auto;
                font-family: verdana, arial, helvetica, sans-serif;
                color: black;
	}

.headertable	{
				width: 100%;
                background-color: #A9A9FF;
                filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#000080, endColorStr=#A9A9FF, gradientType=0);
	}

.banner {
				padding: 0;
                margin-bottom: 5px;
                border: 1px solid gray;
                font-size: 0.7em;
                line-height: 20px;
	}
.headerimage {
                padding: 5px 20px 2px 0;
                float:left;
        }
.headertitle {
                color: #ff0000;
                font-size: 2em;
                font-weight: normal;
                line-height: 35px;
        }
        .bannertext {
                margin: 0;
                color: #000000;
                font-weight: bold;
        }
		.lightbannertext {
				margin: 0;
                color: #C0C0FF;
                font-weight: bold;
        }
        .headerdate {
        		margin: 0;
        		color: #C0C0FF;
                float:right;
                padding-right: 10px;
                font-weight: bold;
        }
.content {
				padding: 5px;
				margin-left: 135px;
				margin-right: 130px;
                border: 1px solid gray;
                text-align: justify;
                font-size: 0.8em;
	}

.contentwide {
				padding: 5px;
				margin-left: 135px;
				margin-right: 0;
                border: 1px solid gray;
                text-align: justify;
                font-size: 0.8em;
                overflow:auto;
	}

.sidebar-a {
				float: left;
				width: 130px;
                font-size: 0.75em;
        }

.sidebar-b {
				float: right;
				width: 125px;
                font-size: 0.75em;
        }

.table {
				border: 1px solid gray;
                width: 100%;
                background-color: #F1F2F9;
                filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F1F2F9, endColorStr=#D2D7F8, gradientType=0);
                margin-bottom: 5px;
        }

.thead {
                padding: 5px;
                border: 1px solid gray;
                color: white;
                background-color: #000080;
                filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#000080, endColorStr=#A9A9FF, gradientType=0);
        }
        .navhead {
				margin: 0;
        }
		.tcell {
                padding: 1px;
        }
        .navlink {
				margin: 0 0 0 12px;
                text-indent: -12px;
        }
.footertable	{
				width: 100%;
                background-color: #A9A9FF;
                filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#E6E8FF, endColorStr=#A9A9FF, gradientType=0);
	}

.footer {
                text-align: center;
				padding: 0px;
				margin-top: 5px;	
                border: 1px solid gray;
               	font-size: 0.7em;
	}
.caption	{
				font-size: 0.7em;
				font-weight: normal;
				color: #C0C0D0;
	}
.webmaster	{
				font-size: 0.7em;
				font-weight: bold;
				font-style: italic;
				color: #E0E0E0;
	}
	
.webmastertable	{
				width: 100%;
	}

        a{
                text-decoration: none;
                font-weight: bold;
                color:  #202020;
    }
        a:link {}
        a:visited {}
        a:active {}
        a:hover {color: #ff0000; text-decoration:underline;}
        
h1 {font-size: 1.3em; color: #000080; text-align: left; margin: 0 0 18px 0;}
h2 {font-size: 1.2em; color: #000080; text-align: left; margin: 12px 0 9px 0;}
h3 {font-size: 1.1em; color: #000080; text-align: left; margin: 9px 0 6px 0;}
h4 {font-size: 1.0em; color: #000000; text-align: left; margin: 9px 0 6px 0;}

hr {height: 1px; width: 98%; text-align: center;}

.clickable {cursor: pointer;}

a.whitelink:link {color: #ffffff; text-decoration:none;}
a.whitelink:visited {color: #ffffff; text-decoration:none;}
a.whitelink:active {color: #ffffff; text-decoration:none;}
a.whitelink:hover {color: #ffffff; text-decoration:none;}


.section {margin: 10px 5px 10px 5px; padding: 0; border-top: 1px solid #000080;}
.heading {font-weight: bold; color: #000080; margin: 10px 0;}
.enquiryform {margin: 0; font-size: 0.9em;}
.form {padding: 0; margin:0;}
.formfield {margin: 5px 0;}
.formlabel {width: 25%; float: left; font-weight: bold; margin: 0 5px 0 5px;}
.formlabelwide {width: 50%; float: left; font-weight: bold; margin: 0 5px 0 5px;}
.rightformlabel {width: 35%; float: left; font-weight: bold; margin: 0 5px 0 5px; text-align: right;}
.leftcolumn200 {width: 200px; float: left; text-align: left; padding: 4px 14px 4px 0;}
.leftcolumn300 {width: 300px; float: left; text-align: left; padding: 4px 14px 4px 0;}
.leftcolumn400 {width: 400px; float: left; text-align: left; padding: 4px 14px 4px 0;}
.leftcolumn400r {width: 400px; float: left; text-align: right; padding: 4px 14px 4px 0;}
.leftcol50 {width: 50%; float: left; text-align: center; padding: 0;}
.rightcol50 {width: 50%; float: right; text-align: center; padding: 0;}
.clear {clear: both;}