/*--------------------------------------------------------------------------

www.Longtown-signs.co.uk (c) Copyright 2006 Longtown

----------------------------------------------------------------------------*/



/* OVERRIDE COMMON TAGS
 -------------------------------------------------------------------------- */
html {height: 100%; }
body{
font: 70%/150% Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px;
height: 100%;
background-color: #fff; 
}
table { font: 70%/150% Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px;}
h1 { font: bold 240%/100% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #366b7d; } 
h2 { font: 180%/100% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #366b7d; }
form { margin: 0px; padding: 0px; }  


/* TYPOGRAPHY
 -------------------------------------------------------------------------- */
.instructions{font-weight: normal; color: #FF0000; } 
div#leftnav h2 { font: bold 200%/100% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #366b7d; padding-top: 5px; }

/* MODIFIERS
 -------------------------------------------------------------------------- */
.clearboth{clear: both;}
.clearleft{clear: left;}
.clearright{clear: right;}
.left{text-align: left; }
.center{text-align: center; }
.right{text-align: right; }


/* LAYOUT
 -------------------------------------------------------------------------- */
div#wrapper {width: 760px; margin: 0px auto; background-color: #fff;  }
div#pageshadow { text-align: center; background: #fff url("/longtown/img/shading/shadow.jpg") top center repeat-y; } 
div#header { background-color: #5b8f8e; color: #fff; padding: 4px 15px; font-weight: bold;  } 
div#footer { margin: 0px; padding: 0px;  }
div#corporate_logo { text-align: right; clear: both; margin: 0px 5px 5px 0px; }

div#contentwrapper { padding: 20px; } 
div#contenttitle{ margin-top: 10px; }

/* MAIN CONTENT */
div#content { float: left; width: 530px; top: 0px; left: 0px;  } /* Width: 760px - 150px(Leftnav) - 80px(Padding) */
div#content table{ font-size: 100%;  }
div#content table td { vertical-align: top; } 
div#content img.border { display: block; margin: 5px 20px 5px 0px; float: left; padding: 5px; border: 1px solid #bedede; width: 200px; }

/* For Sitemap Page */
ul.pages li { list-style-image: url("../img/document.gif"); }
li.postings { list-style-image: url("../img/document.gif"); }
li.channels { list-style-image: url("../img/folder.gif"); }
div#header img { float: left; width: 180px; top: 0px; left: 0px;  }
div#header p { float: right; top: 0px; right: 0px; margin-top: -15px; margin-right: 5px; font-weight: bold; }
table.data td { background-color: #e7f3f3;} 

/* FOOTER */
div#footer_text { background-color:#366b7d;  vertical-align: middle; clear: both; color: #fff; padding: 20px; vertical-align: middle; }
ul#links, ul#login { margin: 0px; padding: 0px;}
ul#links { float: left; top: 0px; width: 620px; } /*Width: 760px - 100px(Login) - 40px(Padding) */
ul#login { float: right; width: 100px; text-align: right; top: 0px;  } 

ul#links li, 
ul#login li {display: inline; border-right: 1px solid #fff; padding: 0px 5px; } 

ul#links li.lastitem, 
ul#login li.lastitem { border: 0px; } 

ul#links li a:link, 
ul#login li a:link, 
ul#links li a:visited, 
ul#login li a:visited {color: #fff; text-decoration: none; }
 
ul#links li a:hover, 
ul#login li a:hover, 
ul#links li a:active, 
ul#login li a:active {color: #fff; text-decoration: underline; } 


/* FORMS
 -------------------------------------------------------------------------- */



/* NAVIGATION
 -------------------------------------------------------------------------- */
div#menu { background-color: #5d86a2; color: #fff; padding: 5px 10px; width: 100%; }
div#menu ul { margin: 0px; padding: 0px; }
div#menu li { display: inline; border-right: 1px solid #fff; padding-left: 5px; padding-right: 5px;   } 
div#menu li.lastitem { border: 0px; } 
div#menu li a, div#menu li a:visited { color: #fff; text-decoration: none; }
div#menu li a:hover, div#menu li a:active { color: #fff; text-decoration: underline; }




/*LEFTNAV*/
div#leftnav {width: 150px; margin-right: 20px; float: left;  }
div#leftnav ul { margin: 0px; padding: 0px; width: 150px;}
div#leftnav li 
{
	list-style-type: none;  
	border: 1px solid #aec4d4; 
	margin-bottom: 5px; 
	padding: 0px; 
	display: block; 
	width: 150px; 
	line-height: 23px;
}
div#leftnav a:link, div#leftnav a:visited 
{display: block; color: #5d86a2; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 5px; width: 148px;}
div#leftnav a:hover, div#leftnav a:active 
{display: block; color: #ffffff; font-weight: bold; text-transform: uppercase; text-decoration: none; background-color: #5d86a2; padding: 5px; width: 148px;}

div.breadcrumbs{ width: 100%; clear: both; color:  #366b7d;}
div.breadcrumbs ul { list-style-type: none; margin: 0px; padding: 0px;  }
div.breadcrumbs ul li { list-style-type: none; margin: 0px; padding: 0px; display: inline;   }
ul#crumbs img { vertical-align: middle; margin: 2px; padding: 2px; margin-right: 6px;  }




/* LINKS
 -------------------------------------------------------------------------- */
a, a:visited{color: #669999; text-decoration: none;  }
a:hover, a:active{color:#336666;  text-decoration: underline; }
a.noborder {border: none;}
a.noborder image {border: none;}


/* ROUNDED CORNERS ON BANNER
----------------------------------------------------------------- */



/* Debugging */
div#testblock{background-color:#330099; width: 100%; clear: both; }