/*
Theme Name: Harrow Technical
Theme URL: http://www.techdesigns.co.uk
Description: 
Version: 1
Author: Joey Robinson
Author URL: http://www.techdesigns.co.uk
Latest updated: 23rd February 2009
*/

html, body{ margin:0; padding:0; text-align:center; background:url(img/bg.jpg) top left repeat-x #999999; font-family:verdana; font-size:11px; } 

#pagewidth{ width:960px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page_bg.jpg) top left repeat-y;} 
#page{ width:960px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page.jpg) top left no-repeat;} 

#header{ position:relative; height:190px; width:960px;background:url(img/header.jpg) top left no-repeat;} 
#header h1{margin:0px 0px 0px 0px;padding:0px;float:left;width:960px; clear:left;}
#header h1 a{display:block;width:960px;height:190px;}
#header h1 a:hover{display:block;width:960px;height:190px;}
#header h1 span{display:none;} 
 
#leftcol{width:198px; float:left; position:relative; padding: 0px 6px 0px 36px; overflow-x:hidden;} 


#menu {list-style: none;  clear:left; }
ul#menu {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:198px;}
ul#menu li{margin: 0px 0px 2px 0px; display: block; font-family:verdana; font-size:11px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
ul#menu li a{ width: 181px; display: block; background:url(img/menu.jpg) top left no-repeat; padding: 8px 5px 0px 12px; height:21px; text-decoration:none;  color:#333333;margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#menu li a:hover{ background-repeat: no-repeat; background-position: -198px 0px; background-image:url(img/menu.jpg); text-decoration:none; color:#FFFFFF; }

#submenu {list-style: none;  clear:left; }
ul#submenu {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:198px;}
ul#submenu li{margin: 0px 0px 2px 0px; display: block; font-family:verdana; font-size:11px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
ul#submenu li a{ width: 181px; display: block; background:url(img/submenu.jpg) top left no-repeat; padding: 8px 5px 0px 12px; height:21px; text-decoration:none;  color:#FFFFFF;margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#submenu li a:hover{ background-repeat: no-repeat; background-position: -198px 0px; background-image:url(img/submenu.jpg); text-decoration:none; color:#FFFFFF; }


#contacts{width: 178px; line-height:1.5em; padding: 10px 10px 10px 10px; background:#EAEAEA;font-family:verdana; font-size:11px; font-weight:bold; color:#333333; }
#contacts a{color:#B83D2C; text-decoration:none; }
#contacts a:hover{color:#333333; text-decoration:none;  }

#ads{width: 198px; text-align:center;  }



#maincol{ float: right; display:inline; position: relative; width:624px; padding: 25px 66px 30px 30px; line-height:1.7em; overflow-x:hidden;}
#maincol h1, #maincol h2, #maincol h3, #maincol h4 { color:#AA3727; font-family:verdana; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:bold;text-decoration:none;}
#maincol h1 a, #maincol h2 a, #maincol h3 a, #maincol h4 a{ color:#AA3727; font-family:verdana; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:bold;text-decoration:none;}
#maincol h1 a:hover, #maincol h2 a:hover, #maincol h3 a:hover, #maincol h4 a:hover{ color:#AA3727; font-family:verdana; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:bold;text-decoration:none;}
#maincol p{ color:#333333; font-size: 11px; line-height:1.7em;}
#maincol a{ color:#333333; }
#maincol a:hover{ color:#333333; text-decoration:none;}
#maincol ul{ color:#333333; font-size: 11px; line-height:1.7em; }
#maincol ol{ color:#333333; font-size: 11px; line-height:1.7em;}
#maincol img{ float:right; padding: 0px 0px 10px 10px; border:0px; clear:right;} 

.red{color:#FF0000;}

#linkscol{ float: right; display:inline; position: relative; width:624px; padding: 25px 66px 30px 30px; line-height:1.7em; overflow-x:hidden;}
#linkscol h1, #linkscol h2, #linkscol h3, #linkscol h4 { color:#AA3727; font-family:verdana; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:bold;text-decoration:none;}
#linkscol h1 a, #linkscol h2 a, #linkscol h3 a, #linkscol h4 a{ color:#AA3727; font-family:verdana; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:bold;text-decoration:none;}
#linkscol h1 a:hover, #linkscol h2 a:hover, #linkscol h3 a:hover, #linkscol h4 a:hover{ color:#AA3727; font-family:verdana; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:bold;text-decoration:none;}
#linkscol p{ color:#333333; font-size: 11px; line-height:1.7em;}
#linkscol a{ color:#333333; }
#linkscol a:hover{ color:#333333; text-decoration:none;}
#linkscol ul{ color:#333333; font-size: 11px; line-height:1.7em; }
#linkscol ol{ color:#333333; font-size: 11px; line-height:1.7em;}





#footer{ height:62px;  margin-left:auto; margin-right:auto; width:960px; clear:both; background:url(img/footer.jpg) top left no-repeat; padding: 16px 0px 0px 0px; color:#FFFFFF;font-family:verdana; font-size:11px; font-weight:bold; text-transform:uppercase;} 
#footer a{color:#FFFFFF;font-family:verdana; font-size:11px; font-weight:bold; text-transform:uppercase;} 
#footer a:hover{color:#FFFFFF;font-family:verdana; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none;} 


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}





div.formlayout {
width: 500px;
background-color: #fffff;
padding: 0px;
margin: 0px auto;
float:left;
 }
 
div.row {
width: 450px;
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 150px;
  padding-top: 0px;
  padding-right: 4px;
 margin-bottom: 3px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 300px;
  text-align: left;
  }