/* CSS Document - Computerisation*/

/*--------------------------------------- General Structure -----------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(/images/bg1.jpg) top left repeat-x #7ea1b9; font-family: Arial, Helvetica, sans-serif; }
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

#container{ position:relative; padding:0px 0px 0px 0px; margin-top:10px; margin-left:auto; margin-right:auto; width:769px; background:url(/images/container_bg1.gif) repeat-y; border:0px solid #000000; }

#header { width:100%; height:202px; margin:0px 0px 0px 0px; padding:0px;  }

#logo {  width:100%; height:63px; margin:0px; padding:5px 0px 0px 0px; background:url(/images/logo.gif) bottom repeat-x #ffffff; }

#main {  width:100%; margin:0px 0px 0px 0px;  }

.jumpbox {cursor:pointer;}
button {cursor:pointer;}

#sidebar { width:180px;  float:right;  margin:10px 5px 5px 0px; padding:0px; background:#444444; }
*html #sidebar {  margin:5px 2px 5px 0px;  }

#content { width:570px;  float:left;  margin:10px 0px 5px 5px; padding:0px; min-height:300px; height:auto !important;  height:300px; border:1px solid #AAAAAA; background:#ffffff; }
*html #content { margin:5px 0px 5px 3px; }
#slid_right {float:right; width:589px;}
#slid_left { background:url(/images/bac_slider.jpg) #497ab2 repeat-x bottom; width:180px; padding:10px 0px 0px 0px; float:left; height:129px;}

#block_home {}
#block_home ul {position:relative; margin:0px; padding:0px;}
#block_home li {position:absolute; top:0px; right:0px; margin:0px; padding:0px; list-style:none;}
#slid_left p {margin:0px 10px 0px 10px; padding:0px 0px 0px 0px; color:#ffffff; font-size:12px; font-weight:400;}


#lbOverlay {width:100%; display:none;  height:100%; position:absolute; top:0px; left:0px; background-color: #AFAFAF; z-index:10; opacity:0.5; filter: alpha(opacity=50);}

#contact_form {display:none}
#contact_form p {color:#fff !important;}
#video label {color:#ffffff; font-size:13px; font-weight:bold;}
#video {width:400px; z-index:20; display:none; position:fixed; top:0px; left:0px; padding:20px 20px 10px 20px; background:#7EA0B9; }
*html #video { z-index:20; display:none; position:absolute; top:0px; left:0px; padding:20px 20px 10px 20px; background:#7EA0B9; }
#video a {display:block;  color:#000000; margin:10px -10px 0px 330px; font-weight:bold; font-size:1.8em; text-decoration:none;}
#video .error_feedback li {color:#fff !important;}
#contact { font-size:1.2em; position:absolute; top:15px; right:0px; color:#FFF; border:1px solid #000;}
#contact a {background:#12152E; padding:5px 5px 5px 7px; margin:0px 2px 0px 2px; color:#ffffff;}
*+html #contact a {background:#12152E; display:inline-block; margin:0px 2px -7px 2px; color:#ffffff;}
#contact a:hover {text-decoration:none; background:none;}
#contact span {color:#9DADFD !important; font-weight:bold;}
#video input {width:210px; border:1px solid #000; padding:2px 0px 2px 0px;}
#video input.checker {width:inherit !important; border:1px solid #000; padding:0px 0px 0px 0px !important;}
#video textarea {width:210px; height:100px; border:1px solid #000; padding:2px 0px 2px 0px;}
#video button {display:block; float:right; margin:0px 30px 0px 0px;}
a.closethis { display:block; position:absolute; top:0px; right:20px; padding:2px; background:#fff;  color:#BF0000 !important; font-size:14px !important; text-align:center; border:1px solid #BF0000;}
#posted-query {width:350px; height:150px;}

#content a 

{

text-decoration: none;

color: #bb560e;

}

#content a:hover

{

text-decoration: underline;

color: #bb560e;

}

#footer { width:100%; background:#4B7CB4; margin-top:3px; padding:3px 0px 3px 0px; }

.clear { clear:both; }

dl, dt, dd, ul, li {margin: 0; padding: 0; list-style-type: none; }

#menu {font-size:12px; background:#ffffff; font-family:Arial, Helvetica, sans-serif;  color:#ffffff; width:180px; margin:0px 0px 0px 0px; font-weight:bold;}

#menu dl {margin:0px; padding:0px; }


#menu dt {
cursor: pointer; margin:0px;
height: 28px;
line-height: 20px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px; 
}

#menu dd {
display: block;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px; 
}

html* #menu ul {
width:180px;
text-align: left;
list-style-type:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px; 
}




:root #menu ul {
width:180px;
text-align: left;
list-style-type:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px; 
}


:root #menu li {
text-align: left;
min-height:28px;
height:auto !important;
height:28px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px; 
list-style-type:none;
}

#menu li {
text-align: left;
min-height:28px;
height:auto !important;
height:28px;
background:url(/images/nav_bac.jpg) left no-repeat;
list-style-type:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px; 
}

#menu dt a {margin:0px 0px 0px 0px; height:20px;    background:url(/images/navbg1_a.gif) top left no-repeat #444444; color:#ffffff; display:block;  font-weight:normal; font-size:11px; padding:2px 0px 4px 28px; }
#menu dt a:hover {background:url(/images/navbg1_h.gif) top left no-repeat #444444; border-bottom:1px solid #ffffff; border-right:0px solid #ffa175; text-decoration:none;  color:#ffffff; } 
#menu li a {margin:0px 0px 1px 0px; min-height:17px; height:auto !important; height:17px; border-bottom:1px solid #6685a3; border-right:0px solid #6685a3;  background: #000000; color:#ffffff; display:block; font-weight:normal; font-size:11px; padding:5px 0px 4px 28px; }



/*------------------------------------- General Text & Colours ---------------------------------------*/


h1{ color:#ffffff; background-color:#777777; font-size:18px; font-weight:normal; margin:0px 0px 10px 0px; padding:10px 6px 6px 8px; }
h2{ color:#4B7CB4; font-size:18px; font-weight:normal; margin:12px 8px 8px 8px; padding:0px 0px 0px 0px; }
h3{ color:#666666; font-size:14px; font-weight:bold; margin:12px 8px 10px 8px; padding:0px 0px 0px 0px; }
h4{ color:#67ADCF; font-size:14px; font-weight:bold; margin:12px 8px 10px 8px; padding:0px 0px 0px 0px; }
h5{ color:#999999; font-size:14px; font-weight:bold; margin:12px 8px 10px 8px; padding:0px 0px 0px 0px; }

ul {  font-size:12px;  color:#555555; margin:5px 0px 5px 22px;  list-style:disc; }
ul li { font-size:12px;  color:#555555; list-style:disc;}
ol {  font-size:12px;  color:#555555; margin:5px 0px 5px 30px; padding:0px;   list-style:decimal;}
ol li { font-size:12px; margin:5px 5px 5px 5px;  color:#555555; list-style:decimal; padding:0px;}
:root ol { margin:5px 0px 5px 24px; }

a { color:#333399; text-decoration:none; }
a:hover { color:#333399; text-decoration:underline;}

p { font-size:12px; margin:10px 8px 10px 8px; padding:0px 0px 0px 0px; line-height:16px;  color:#555555;  }
#footer p { font-size:11px; color:#FFFFFF; }

hr { border:0px; padding:0px; margin:10px 0px 10px 0px; background:#999999; height:1px; }