/*  Base CSS for Modality Smnall Business  */
/*  © 2008 Keith Gravell Cambridge Web Projects  */

body { 
	text-align:center;
	margin:0; padding:0;
	font: bold 12px Arial, Helvetica, Sans-Serif; 
	background: #1c2024 url(../images/bodybg.jpg) repeat-x }	
body, p, li {
	font: normal 11px Verdana, Helvetica, Sans-Serif; 
	line-height: 180%;
	color: #333;	
	border: 0; }
p, li { margin: 0 0 8px 0; padding:0 }
p.small{ font-size:10px; line-height:12px }
p.tight{ line-height:130% }
p.link { padding: 12px 0 6px 6px }
p.link a{ 
	font: bold 14px Arial, Helvetica, Sans-Serif; 
	color:#369; 
	text-decoration:none }

h1, h2, h3, h4 {
	font: Arial, Helvetica, sans-serif;
	color:#666;
	padding:2px 0 0 0;
	margin:0 0 36px 0  }
h1 { font-size: 32px; font-weight:normal }
h2 { font-size:14px; font-weight:bold; color:#444; padding-top:8px }
h2 a { color: #444 }
h3 { font-size:12px  }
h4 { font-size:11px }
ul { margin:0 0 0 16px; padding:0 }
li { margin-top:0px }

img{ border-width: 0; margin:0; padding:0}

td {
	border-bottom:solid 1px #ccc;
	vertical-align:top }

.error{ color: #FF0000; }
.form {
    font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
    border: solid 1px #CCCCCC }
.multiform {
    font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
    padding:6px;
    border: solid 1px #CCCCCC }    
.drop { 
    font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
    margin:0; padding:0 }

.button { 
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	margin-top:12px;
	margin-left:0}

.label{ font-size:9px; line-height:10px; margin:0 0 3px 0; padding:0; color:#369 }	

.border{ border:1px solid #ccc; padding:4px }
	
.imageleft  {
	float: left;
	padding: 0px;
	margin-right:0 12px 0 0 ; }
.imageright  {
	float: right;
	margin-left:12px }
	
.quote { 
	float:right;
	width:200px;
	margin: 12px -72px 12px 36px;
	padding: 18px 0;
	border-top:	1px solid green;
	border-bottom: 1px solid green }
.quote p { 	font:oblique 15px/24px Times, serif }
.quote p em { font-size:12px }

.bcrumb{ 
	font-size: 9px; 
	color:#999; 
	margin: 0;
	padding:0 }
.back { 
    display:block;
    border: solid 1px #F90;
    background-color: #333;
    padding: 6px 12px;
    margin:4px }
.back a { 
    font-weight:bold;  
    color:#F90; 
    text-decoration:none }

	
/* menu Styles  */
.menustyle{ width: 99%; font-weight: bold }

.menustyle:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden }

.menustyle ul{
	width: 100%;
	background: url(../images/menubg.gif) center center repeat-x; 
	padding: 4px 0;
	margin: 0;
	text-align: center }

.menustyle ul li{
	display: inline;
	font: 14px Arial, Helvetica, sans-serif }

.menustyle ul li a{
	color: #333;
	padding: 4px 14px;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid #DADADA }

.menustyle ul li a:hover, .menustyle ul li a.selected { 
	color: #fff;
	background-color: #000 }

.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #BBB; 
	border-bottom-width: 0;
	font: normal 10px Verdana, sans-serif;
	line-height:14px;
	z-index:100;
	background-color: white;
	width: 120px;
	visibility: hidden }

.dropmenudiv a{
	color: #333;
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #BBB; 
	padding: 2px 0;
	text-decoration: none }

* html .dropmenudiv a{ width: 100% }  /*IE only hack*/

.dropmenudiv a:hover{ 
	color: #333;
	background-color: #ddd }