/*Basics*/
body, a {
color:#606060;
font-family:Arial;
font-size:10pt;
}

p{
color:#606060;
font-family:Arial;
font-size:10pt;
padding: 0px 0px 5px 0px;
margin: 0px;
}

ul, ol  {font-family: Arial; color: #606060; margin: 0px; padding:5px 0px; font-size: 10pt; }
li, ol  {padding:5px 0px; }
ul, ol  {margin-left:20px; }
body {background-color:white;}
h1 {color:black; font-size:14pt; font-weight:bold; margin:0px; padding:10px 0px; font-family:Arial;}
h2 {color: grey; font-size: 12pt; margin: 0px; padding:5px 0px; font-style:italic; }
h3 {color:black; font-size:12pt; font-weight:bold; padding:5px 0px 0px 0px; font-family:Arial; margin:0px;}
h4 {color:black; font-size:8pt; font-weight:bold; font-style:italic; padding:0px 0px 5px 0px; margin:0px; font-family:Arial; margin:0px;}
h5 {color:black; font-size:8pt; font-weight:bold; font-style:italic; padding:1px 0px 0px 0px; margin:0px; font-family:Arial; margin:0px;}
small {font-size:8pt}

#view {
width: 750px;   
background: white;
margin-left: auto;	
margin-right: auto;	
}

.textblock{
padding:0px 10px;
}

.image{
border:none;
padding: 0px 5px 5px 0px;
}

.button{
margin:10px 0px 10px 10px;
}

.button a{
height: 42px;
text-decoration: none;
float: left;
padding: 0px 0px 0px 20px;
color: #FFFFFF;
font-size: 12pt;
font-weight: bold;
background:url('../images/matownn_button_left.jpg') no-repeat left top;
}

.button input{
height: 42px;
text-decoration: none;
float: left;
padding: 0px 0px 0px 20px;
color: #FFFFFF;
font-size: 12pt;
font-weight: bold;
background:url('../images/matownn_button_left.jpg') no-repeat left top;
}

.button a span{
height: 42px;
background:url('../images/matownn_button_right.jpg') no-repeat right top;
padding: 6px 7px 5px 0px;
float: none;
display: block;
}

/* Header*/
#header{
width:100%;
height: 110px;
background: white;
border-bottom: 1px solid #606060;
margin-bottom:20px;
}
#header-left{
height:90px;
margin-top:20px;
float: left;
}
#header-right{
height:90px;
float: right;
margin-top:20px;
}

#contentarea  {
}

.contentarea  {
}


/*clearfloats*/
.clearfloats{
clear:both;
}


/*signup form styles*/

/*Tables*/
table.matownntable td{
border-collapse: collapse;
border-bottom: 1px solid #aaaaaa;
border-right: 0;
padding-right: 20px;
}
table.matownntable tr:last-child td{
border-bottom:0;
}

table.matownntable th{ text-align: left; }

.twocols {width:50%; }

/*footer*/
#footer{
width:100%;
text-align: center;
clear:both;
border-top: 1px solid #606060;
margin-top: 20px;
}

#footer a, #footer a.footeritem, #footer .delimiter{
font-size: 8pt;
font-weight: bold;
color: #aaaaaa;
}
#footer a.footeritem:hover { color:black; }
#footer a.footeritem .hover{ color:black; } /* for ie6 */

/* Aslett Clearing Method for Submenu*/
.clearfix:after{
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display:inline-table;}
/*backslash hack hides from IE mac \*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/* end backslash hack */
_________________________________________________________________________________________________________________________

/*The rest of this is left over from Text 2 Order's Website - It's inactive at the moment but have left in incase we want to use later*/

.highlight {color: #183060; padding: 0px; }

div.#notice { height: 30px; float:right;}

/* Links & Buttons */
.link{
padding: 5px 5px;
font-weight: normal;
color:blue;
float:left;
}
.link:hover { font-weight: bold; }
.link .hover{ font-weight: bold; } /* for ie6 */




/* Defining the Viewing Pane*/


/* Navbar*/
#navbar{
margin-top: 20px;
float: left;
width: 100%;
}

#tabs { overflow:hidden; padding:0; margin-left:2.5% }
* html #tabs { height:1%; }
#tabs li { float:left; list-style:none; margin:0 0 0 5px; padding:5px; }
* html #tabs li { display:inline-block; }
#tabs li a { text-decoration:none;  font-size:10pt; font-weight: bold; color: #183060; }
#tabs li, #tabs li .sb-inner { background:#eee; }
#tabs li.current, #tabs li.current .sb-inner { background:#aaaaaa url('../images/headergradient.jpg') repeat-x; }
#tabs li:hover, #tabs li:hover .sb-inner { background:#aaaaaa url('../images/headergradient.jpg') repeat-x; }
#tabs li.hover, #tabs li.hover .sb-inner { background:#aaaaaa url('../images/headergradient.jpg') repeat-x; } /* for ie6 */

/*Subnavigation*/
#subMenu {width: 65%; border-bottom: 1px solid #aaaaaa; }
#subMenu li { font-weight: bold; float: left; list-style-type: none; padding: 0px 10px 10px 10px; }
#subMenu li a	{ text-decoration: none; color: #aaaaaa; }
#subMenu li a:hover { color: #183060 }
#subMenu li a.current { color: #183060 }

/*Contentblock - its a class because as an id it was overriding stuff and spoiling the layout*/

.inner{
float: left;
}
/* Footer */