/* Default style sheet for www.hodgkinsongroup.com */

/* Hyperlinks
******************************/

a {
			color: #006699;			
			text-decoration: underline;
 			font-weight: normal;
 			font-size: 10px
}

a:hover {
			text-decoration: none;
			color: #99CCFF;
}

a.strong {
   			font-weight: bold;
   			color: #666666;
}

a.strong_blue {
			color: #006699;
			font: 11px Arial, Helvetica, sans-serif;
			text-decoration: none;
 			font-weight: bold;
}

a.strong_blue:hover {
			color: #99CCFF;
			font: 11px Arial, Helvetica, sans-serif;
			text-decoration: none;
 			font-weight: bold;
}

.smalllink {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			width: 192px;
			color: #006699;
			line-height: 160%;
}

a.pdflink {
			background:url(pdf_icon.png) no-repeat;
			padding-left:27px;
			height:30px;
			padding-bottom:3px;
			padding-top:2px;
}


/*HTML Selectors
******************************/

div.blue_box {
			width: 5px;
			height: 5px;
			background-color: #006699;
			margin-right: 8px;
			float: left;
			margin-top: 4px;
}

div.blue_block {
			width: 780px;
			height: 22px;
			margin-top: 1px;
			background-image: url(../images/blue_gradient.jpg);
			background-repeat: repeat-x;
}


div.right {
			float: right;
}

div.right_top_margin {
			float: right;
			margin-top: 15px;
}

div.underline {
			text-decoration: none;
			border-bottom: dotted 1px #333333;
			margin-bottom: 20px;
			padding-top: 10px; 
}


BODY, TD	{ font-family: Verdana, Arial, sans-serif; font-size:8pt; margin:0px;}

ul {
			list-style:url(../images/right_arrow.gif) outside;
			line-height: 160%;
}

p {			text-align: left; 
			line-height: 160%
}

p.right {
			float: right;
}

table.index {
			width: 600px;
			margin-left: 90px;
			margin-top: 20px;
} 

/* Copyright 2006 Joost de Valk */

table.alternate_rows {
	border-spacing: 0;
	border-collapse: collapse;
	
}
table.alternate_rows th, table.alternate_rows td {
	text-align: left;
	padding: 20px 20px 20px 20px;
/*	width: 100px;
*/}
table.alternate_rows td {
	border-width: 0px 1px 0px 1px;
}
table.alternate_rows tr.odd td {
	background-color: #E0E0E0;
}
table.alternate_rows tr.even td {
	background-color: #fff;
}

/********************************/


h1 {
			color: #000000;
			font: 19px Arial, Helvetica, sans-serif;
			font-weight: normal;
			margin-top: 2px;
			text-align: left;
			letter-spacing: 0.15em;
			margin-left: 15px;
}

hr {
			border: 1px solid #E0E0E0;
			margin-top: 15px;
			margin-bottom: 15px;
}

h3 {
			color: #212121;
			font: 13px Arial, Helvetica, sans-serif;
			font-weight: normal;
			margin-top: 12px;
			text-align: left;
			letter-spacing: 0.15em;
}

div.indent  {
			padding-left: 15px;
			padding-right: 15px;
}

div.heading_line {
			width: 5px;
			height: 40px;
			background-color: #993366;
			float: left;
}

div.heading_line2 {
			width: 5px;
			height: 25px;
			background-color: #993366;
			float: left;
}

body   {
			font-family: 100% Verdana, Arial, Helvetica, sans-serif;
			background-image: url(../images/gradient_background.jpg);
			background-repeat: repeat-x;
			margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
			padding: 0;
			text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
			color: #666666;
			height: auto;
}

td {
			vertical-align: top;
}

img {
			border: none;
}

img.sub_main_image {
			margin-bottom: 10px;
}

li {
			margin-bottom: 8px
}

/* Classes 
******************************/

.italic {
			font-style: italic;
}

.unbold {
			font-weight: normal;
}

.sub_heading { color:#6699CC; font-size:10pt; font-weight: bold; letter-spacing:.1em; text-indent: 0px  }


.emphasize {
   			font-weight: bold;
}

.larger {
			font-size: 11px;
}

.bigger {
			font-size: 12px;
			color: #993366;
}

.smallprint {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			width: 192px;
			color: #666666;
			line-height: 160%;
}

/* Page Layout
******************************/

.logo {
			width: 412px;
			height: 62px;
			top: 53px;
			margin-left: 10px;
}

#rounded_box {
			width:780px;
			margin:0px auto;
}

.top {
			width: 780px;
			height: 28px;
			background: url(../images/top.gif) no-repeat left top;
}

.centre-content {
			position:relative;
			background-color:#FFFFFF;
}

.bottom {
			width: 780px;
			height: 30px;
			background: url(../images/bottom.gif) no-repeat left top;
			padding-left: 23px;
}

.content_pos {
			padding-top: 102px;
			width: 540px;
}

.upper_sub {
			background-image: url(../images/sub_logo.gif);
			width: 772px;
			height: 61px;
			position: absolute;
  			left: 4px;
			top: 0px;
			background-color: #FFFFFF;
			background-repeat: no-repeat;
}

  
/********************************/

.oneColFixCtr #container {
			width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
			height: 610px;
			margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
			text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColFixCtr #mainContent {
/*			margin-top: 20px;
*/			padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.upper {
			background-image: url(../images/homepage_logo.gif);
			width: 195px;
			height: 42px;
			position: absolute;
			left: 17px;
			top: 30px;
}
	
.background {
			position: relative;
			width: 780px;
			height: 600px;
}	
	
.lower {
			background-image: url(../images/homepage_lower_back.gif);
			width: 749px;
			height: 229px;
			left: 0px;
			top: 220px;
			position: absolute;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}

.fltrt2 { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-right: 10px;
	margin-top: 15px;
}


.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 25px;
	border: 0px;
}

.fltlft2 { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 10px;
	border: 0px;
}

td.mail {
		background:url(mail.gif) left top no-repeat;
}

td.address {
		line-height:160%;
}