/* CSS Document */

body {background-color:#FFFFFF;
   color:#666666;
   font-family:Arial, Helvetica, sans-serif;
   text-align:center; font-size:10px;
   scrollbar-3dlight-color:#FFFFFF; 
   scrollbar-arrow-color: #FF0000;
   scrollbar-base-color:#FFFFFF;
   scrollbar-darkshadow-color:#FFFFFF;
   scrollbar-face-color:#FFFFFF;
   scrollbar-highlight-color:#FFFFFF;
   scrollbar-shadow-color:#FFFFFF;
}
h1 {font-size:34px; font-weight:700; }
h2 {font:Verdana, Arial, Helvetica, sans-serif; font-size:40px; font-weight:500; color:#0033FF;  }
h3 {font-size:40px; font-weight:500; color:#FF0000;}
p {font-size:12px; text-align:justify;}


.mainbox  {
    position:relative;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/back1.jpg);
	background-repeat:no-repeat;
	background-color:#333333;
	border:#0000CC 1px;
	top:6px;
	height:1420px;
	text-align:left;
	width:950px;
	padding-top:8px;
	padding-left:20px;
	padding-right:12px;		
}

.leftbox {
	position:absolute;
	left:9px;
	top:203px;
	width:203px;
	height:auto;
	border-right:#333333 1px solid;
	background-color:#FFFFFF;
	background-image:url(images/leftcurve.jpg);
	background-repeat:no-repeat;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:4px;
	text-align:left;
	z-index: 4;
}
.farrightbox {
	position:absolute;
	left:518px;
	top:50px;
	width:210px;
	font-size:10px;
	height:auto;
	border-left:#333333 1px solid;
	background-image:url(images/rightcurve.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:4px;
	text-align:left;
	z-index: 4;
	
}

.rightbox {
	position:absolute;
	left:229px;
	top:125px;
	width:490px;
	height:1266px;
	background-image:url(images/compass1.gif);
	background-repeat:no-repeat;
	border: 1px #000000 solid;
	text-align:left;
	background-color:#FFFFFF;
	padding-left:16px;
	padding-right:16px;
	padding-top:16px;
	z-index: 2;
	font-size:10px;
	text-decoration: none;
	
}
.clothesbox {
	position:absolute;
	color:#000066;
	left:100px;
	top:511px;
	width:auto;
	height:auto;
	border:#00CCFF 1px solid;
	text-align:left;
	background-color:#FFFFFF;
	border:#000066 thin solid;
	padding:10px;
	z-index: 7;
	visibility: hidden;
	
}
.clothesbox2 {
	position:absolute;
	color:#000066;
	right:100px;
	left:auto;
	top:511px;
	width:auto;
	height:auto;
	border:#00CCFF 1px solid;
	text-align:left;
	background-color:#FFFFFF;
	border:#000066 thin solid;
	padding:10px;
	z-index: 7;
	visibility: hidden;
	
}


.insetbox {
	position:absolute;
	left:376px;
	top:329px;
	height:221px;
	width:228px;
	background-color:#FFFFCC;
	color:#FF0000;
	border:#000099 1px solid;
	padding:10px;
	z-index: 3;
}
.shadebox {
	position:absolute;
	left:378px;
	top:333px;
	height:245px;
	width:253px;
	background-color:#CCFFCC;
	z-index: 2;
}
.footerbox {
    position:absolute;
	width:456px;
	height:103px;
	left:21px;
	top:639px;
	color:#CCCCCC;
	padding:40px;
	
}
#foot {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif 8px;
	text-align:center;
	bottom:141px;
	left: 18px;
}
.titles1 {
    font-size:13px;
	font-weight:300;
}
.float-right {float: right; padding-left:16px; padding-bottom:10px; padding-top:16px;}
.float-left {float: left; padding-right: 6px; padding-bottom: 10px; padding-top:16px}
.listpadstyle ul {font-style:oblique; list-style:circle;}
.padleft2 {font-size:18px; font-weight:400; color:#FF0000;font-style:oblique;}
.paddingRight {padding-right:270px;}
.bold {font-style:oblique; font-weight:400; font-size:10px;}
.emphasise {font-size:13px; font-weight:700; color:#CCCCCC;}
.emphasise2 {font-size:15px; font-weight:700; color:#FF0000;}
.redtext {color:#CCCCCC;}
.redtext2 {color:#FF0000;}
.bluetext {color:#0000CC;}
.whitetext {color:#FFFFFF;}
.admin {color:#CCFFFF;}


.padleft { padding-left:20px; }
.padleft3 { padding-left:10px; }
.content{
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 178px;
	border-left: 1px solid #ccd2d2;
}



.titlebox {
	position:absolute;
	left:8px;
	top:148px;
	height:50px;
	width:200px;
	font-size:300%;
	color:#000000;
	font-weight:bold;
	background-color:transparent;
}
form {background-color:#ffffff; padding:10px;}
input.txt {
     color:#00008B;
	 background-color:#E3F2F7;
	 border: 1px inset #00008B;
	 width: 180px;
	 margin:10px;
}
input.btn {
     color:#00008B;
	 background-color:#ADD8E6;
	 border: 1px outset #00008B;
	 
}
form p {
     clear:left;
	 margin: 0;
	 padding: 0;
}
form p label {
     float:left;
	 width:30%;
	 font: bold 13px Arial, Helvetica, sans-serif;
}
fieldset {
     border:1px solid;
	 border-color:#000066;
	 padding: 10px;
}
legend {
     font-family:Arial, Helvetica, sans-serif 12px;
	 color:#666666;
	 }

a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}
a:active {
	color: #666666;
	text-decoration: none;
}
#Layer1 {
	position:absolute;
	width:109px;
	height:47px;
	z-index:1;
	left: 854px;
	top: 107px;
}

.subtitlebox {
	position:absolute;
	left:651px;
	top:16px;
	height:16px;
	width:164px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#FFFFFF;
	padding-left:4px;
	padding-right:4px;
	color:#CCCCCC;
	letter-spacing:4px;
	text-align:left;
	z-index: 5;
}
.subtitlebox a:link, a:visited {
    text-decoration:none;
	color:#666666;
}
.subtitlebox a:hover {
    color:#FF0000;
}
.fade1  {
    filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.fade2  {
    filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}