/* http://www.masonsmortar.co.uk/css/layout.css */
/* CSS Document */

/* Strip Defaults */

*{
margin: 0;
padding: 0;
}


/* HTML Elements */
body{
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
}

li{
margin: 0 0 10px 25px;
}

td,th{padding: 2px 5px;}

ul,ol{
margin: 0 0 20px 0;
}

p,h1,h2,h3,h4,h5,h6,hr{
margin: 0 0 10px 0;
}

h1,h2,h3,h4,h5,h6{
font-size: 1.1em;
}

hr{
border: 0;
height:1px;
}

/* General Classes */

.ct{
padding: 20px;
}

.clr{
clear:both;
font-size: 1px;
line-height: 1px;
}

.bld{
font-weight:bold;
}

.tr{
text-align:right;
}

.tc{
text-align:center;
}

.tl{
text-align:left;
}

.sml{
font-size: 0.75em;
}

/* Position Elements */

.main_con{
position: relative;
width: 800px;
font-size: 0.75em;
line-height: 1.5em;
}

.logo_con{
width :100%;
height :120px;
}

.head_con{
float:left;
width: 588px;
height: 123px;
}

.left_con{
float:left;
width: 152px;
height: 615px;
}

.right_con{

width: 588px;
position: relative;
float:left;
}

 .nav_con{
float:left;
width: 588px;
position:relative;
padding: 10px 0;
font-size: 1.083em;
font-weight:bold;

} 

.nav_con div.ct{
padding: 0 0 0 20px;
}

.foot_con{
width:740px;
}

.col{
float:left;
width: 278px;
margin: 0 10px 0 0;
}

.col2{
float:left;
width: 278px;
}


/* Navigation Elements */

.backlink{
padding: 5px 10px 5px 20px;
text-decoration: none;
float:right;
}

.nav_con ul{
margin: 0;
list-style:none;
}

.nav_con ul li{
display:block;
float:left;
position:relative;
margin: 0;
}

.nav_con ul li a{
padding: 5px 10px 5px 20px;
text-decoration: none;
}

.nav_con ul li ul{
position:absolute;
display:block;
top: 18px;
left: 20px;
border: 1px solid #000;
padding: 5px;
z-index:100;
margin: 0;
}

.nav_con ul li ul li{
display:block;
float:none;
padding: 2px 10px 2px 2px;
margin: 0;
}

.nav_con ul li ul li a{
float:none;
padding: 2px 5px;
}

.index_nav{
/* list-style:url(triangle.gif) interesting  */
list-style:none;
}

.index_nav li{
margin: 0 0 10px 0;
}

/* Form Elements */

.l_100, .l_150{
display:block;
float:left;
padding: 3px 0 0 0;
margin: 0 5px 3px 0;

}

.l_100{
width: 100px;
}

.l_150{
width: 150px;
}

.i_400{
width: 400px;
float:left;
padding: 1px 5px;
margin: 0 0 3px 0;
}

.t_400{
width: 400px;
height: 200px;
float:left;
padding: 1px 5px;
margin: 0 0 3px 0;
}


.tab_1{
border-collapse:collapse;

}

.tab_1 th, .tab_1 td{
vertical-align:middle;
border: 1px solid #000;
padding: 1px;
text-align:center;
}