/*  Base CSS for ashteadgroup.org  */
/*  © Keith Gravell Cambridge Web Projects 2007  */

body { 
	text-align:center;
	margin:0; padding:0;
	background: url(../images/bg6.jpg) repeat-x }
	
body, p, li {
	font: 11px Verdana, Arial, Helvetica, Sans-Serif; 
	color: #333;	
	border: 0; }

p {
	padding: 0 0 6px 0px;
	margin:0;
	line-height: 150% }
p a { color: #369; text-decoration:none; border-bottom:dotted 1px #369 }
p.caption{ 
    font-size:10px; 
    color:#369; 
    background-color:#f5f5f5; 
    margin-bottom:-8px; 
    margin-top:16px; 
    padding:6px }  
p.qt{ 
    color:#555;  
    font: oblique 13px/18px "Trebuchet MS", "Times New Roman", Times, serif }
p.quoted { font: oblique 14px/18px Georgia, "Times New Roman", Times, serif;
     quotes:none;
     margin-top:18px }
p.small { font-size:10px; line-height:12px }
p.large { font-size:11px; color:#000 }
p.tight{ line-height:130% }
p.label{ font-size:10px; line-height:10px; margin:0 0 3px 0; padding:0; color:#666 }
p.hd {font: bold 9px Arial, Helvetica, Sans-Serif; margin:0; padding:0  }
p.insight { font: bold 14px Arial, Helvetica, sans-serif; color: #333; padding:10px 0 4px 0; text-align:center}

h1, h2, h3, h4, h5{
	font: normal 20px Arial, Helvetica, sans-serif;
	color:#060;
	padding:6px 0 0 0;
	margin:0 }
h1{ margin-bottom:24px }
h2{ font-size:14px; 
    font-weight:bold; 
    color:#444; 
    padding-bottom:6px }
h2 a{ color: #444; text-decoration:none }
h2 a:hover{ color: #999 }
h3{ font-size:14px  }
h4{ font-size:12px; min-height:36px }

ol,ul,li{ margin:0; padding:0 }
li { margin-left: 24px; line-height:150% }
td { vertical-align:top }

img{ border-width: 0}
em { color:#000; font-size:120%; font-style:normal }

.media {
    font-size:small; 
    color:Red; 
    font-style:italic; 
    text-align:center  }
a.media { display: block }

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

.button { 
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	margin-top:24px;
	margin-left:0}
	
.border{ border:1px solid #ccc; padding:12px }
.borderunder{ border-bottom:1px solid #ccc; padding-bottom:4px }
	
.imageleft  {
	float: left;
	padding: 0px;
	margin-right:12px; }
.floatleft {
    float: left;
    margin-left:-160px  }
.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{ 
	float:right;
	font-size: 9px; 
	color:#999; 
	margin: 0 -96px 0 0 }
.bcrumb a{ color:#999; text-decoration:none }

.testimonial {
	font: oblique 14px/20px "Trebuchet MS", "Times New Roman", Roman;
	color: #666666 }


/*  Styles for AJAX Modal Popup */
.modalBackground {
	background-color:#999;
	filter:alpha(opacity=40);
	opacity:0.4;
}

.modalPopup {
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:#DDDDDD;
	padding:18px;
	width:250px;
}

		
/* menu Styles  */
.chromestyle{ width: 99% }

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

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

.chromestyle ul li{
	display: inline;
	list-style:none;
	margin: 0;
	font: 500 14px Arial, Helvetica, sans-serif }

.chromestyle ul li a{
	color: #333;
	padding: 4px 18px;
	text-decoration: none;
	border-right: 1px solid #DADADA }

.chromestyle ul li a:hover, .chromestyle 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 }