/*********** General html styles **********************/

a 		  { color: #0000A2; }
a:active 	  { color: #0000A2; }
a.new 	  { color: #0000A2; }
a.new:visited { color: #0000A2; }
a.stub 	  { color: #0000A2; }
a:visited 	  { color: #0000A2; }

a 		  { text-decoration: none;	color: #0000A2;	background: none; }
a:hover 	  { text-decoration: none; 	color: #0000CC; }

img 		  { border: none;	vertical-align: middle;}

p 		  { margin: .4em 0 .5em 0;	line-height: 2 em; }
p img 	  { margin: 0; }


hr {
	height: 1px;
	color: #aaa;
	background-color: #aaa;
	border: 0;
	margin: .2em 0 .2em 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #0B5147;
	border: none;
	background: none;
	margin: 0;
	padding-top: .5em;
	padding-bottom: .17em;
	border-bottom: 1px solid #aaa;
	font-weight: normal;
}


h1 { font-size: 160%; }
h2 { font-size: 130%; }
h3, h4, h5, h6 {
	border-bottom: none;
	font-weight: bold;
}
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5 { font-size: 90%; }
h6 { font-size: 70%;  }

ul {
	line-height: 1.5em;
	margin: .3em 0 0 3em;
	padding: 0;
}
ol {
	line-height: 1.5em;
	margin: .3em 0 0 3.2em;
	padding: 0;
	list-style-image: none;
}
li {
	margin-bottom: .1em;
}
dt {
	font-weight: bold;
	margin-bottom: .1em;
}
dl {
	margin-top: .2em;
	margin-bottom: .5em;
}
dd {
	line-height: 1.5em;
	margin-left: 2em;
	margin-bottom: .1em;
}

form {
	border: none;
	margin: 0;
}
textarea {
	padding: .1em;
}


div#rootsAroundPaddock {
	position:relative;
	width:155px;
	margin-bottom: 5px;
}


/***********************************************************************************/
/* General Divs */
body {
	margin: auto;
	width: 766px;
	background-image: url('');
	background-position: center;
	background-repeat: repeat-y;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	behavior: url(/include/csshover.htc); /* call hover behaviour file IE 5.x + fix */
}

div#header_container {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 4px;
}
div#header {
	background-color: #FFFFFF;
	width: 766px;
	height: 150px;
	background-image: url('images/header.jpg');
	background-repeat: no-repeat;
	position: relative;
	padding-bottom: 3px;
	margin: 10px auto auto auto;
}
div#left_container {
	width: 155px;
	float: left;
}
div#right_container {
	width: 590px;
	float: left;
	margin: 0px 0px 0px 16px;
}
div#footer2 {
	clear: both;
	border-top: solid 3px #FFFFFF;
	border-bottom: solid 3px #FFFFFF;
	font-size: 0.85em;
	text-align: center;
	padding: 2px;
}


div.sideBar {
	position:absolute;
	width:155px;
	left:0px;
	top:180px;
	right:611px;
	bottom:100%;
	background-position:left;
}

div.content {
	position:absolute;
	width:590px;
	top:180px;
	right:0px;
	left:176px;
}


/**********************************************************************************/
/* Home button for header*/

#login {
	position: absolute; /*needed to use z-index */
	bottom: 60px;
	right: 10px;
	width: auto;
	background-color: none;
	overflow: visible;
	font-size: 90%;
}



/**********************************************************************************/
/* Home button for header*/

#homeButton {
	position: absolute; /*needed to use z-index */
	height: 30px;
	width: 30px;
	background-color: none;
	top: 0px;
	left: 735px;
	overflow: visible;
}
#homeButton a, #homeButton a:hover {
	display: block;
	background-repeat: no-repeat;
	text-decoration: none;
}
#homeButton a, #homeButton a:hover, #homeButton a:active {
	width: 30px;
	height: 30px;
}



/***********************************************************************************/
/* Search Button Functions */


#search {
	left: 540px;
	top: 125px; 
	background: none;
	width: 10em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	overflow:visible; 
	position: absolute; 
}


/*IE fix*/

* html  #search {
	width: 14.5em;
}

#searchInput {
	top: auto;
	height: auto;
	border: 1px solid #84a7cf;
	width: 120px;
}
#searchGoButton {
	background:url(images/"search.gif") right no-repeat;
	position: absolute;
	top: auto;
	height: auto;
	vertical-align: centre;
	font-size: 70%;
}

#searchText {
	position: relative; /*needed to use z-index */
	top: 115px;
	left: 538px;
	height: 30px;
	width: 205px;
}
#searchText a, #searchText a:hover {
	display: block;
	width: 191px;
	height: 40px;
	background: #FFFFFF url(images/searchfor_text_green.gif);
}
#searchText a:hover {
	background: #FFFFFF url(images/searchfor_text_blue.gif);
}

#searchButton {
	position: absolute; /*needed to use z-index */
	top: 106px;
	right: 0px;
	height: 30px;
	width: 30px;
}
#searchButton a, #searchButton a:hover {
	display: block;
	background-repeat: no-repeat;
	text-decoration: none;
}
#searchButton a, #searchButton a:hover, #searchButton a:active {
	width: 30px;
	height: 30px;
}


/********************************************************************************/
/* breadcrumbs */

#breadcrumbsTop {
	position:relative;
	width:590px;
	min-height: 30px;
  	height:auto !important;
  	height: 30px;
	background-image: url(images/topBreadcrumbsGreenBox.gif);	
  	font-size: 80%;
}

#breadcrumbsContent {
	position: relative;
	left: 15px;
	font-size:70%;
}


#breadcrumbsBottom {
	position:relative;
	width:590px;
	background: #FFFFFF url(images/bottomBreadcrumbsGreenBox.gif) top no-repeat;	
	height: 14px;
}

/*
Adding a height to breadcrumbsBottom fixes the breadcrumbsBottom to show in firefox.
However, add a couple of lines of code inside breadcrumbsTop div, and add borders to the two div's above.  
--> You will see something strange happens in firefox - the breadcrumbsTop div seems to have a blank space at the
bottom of it, above the breadcrumbsBottom div.  THIS NEEDS FIXING !!!
*/



/********************************************************************************/
/*Outline box for the navigation panels */

#navBox {
	top: 0px;
	width:155px;
	left:0px;
	right:611px;	
	background: #FFFFFF url(images/topSidebarBox.gif) no-repeat;
	background-color: #FFFFFF;
	text-align:center;
}

#navBoxBottom {
	background: #FFFFFF url(images/bottomSidebarBox.gif) no-repeat;
	height: 8px;
	width:155px;
	margin-bottom: 10px;
}

#navBox h5 {
	margin-left: 1px;
	padding-left: 4px;
	padding-top: 13px;
	padding-bottom: 7px;
	color: #799443;
	display: block;
	text-transform: none;
	font-weight: bold;
	font-size: 90%;
	text-align: left;
}



/********************************************************************************/
/* content Box */

#contentBox {
	background: #FFFFFF url(images/topContentBox.gif) no-repeat;
}
#contentBox h1 { 
	font-size: 170%;
	margin-bottom: 20px;
}
#contentBox p {
	margin-bottom: 20px;
}
#contentBoxBottom {
	position:relative;	
	height: 8px;
	background: #FFFFFF url(images/bottomContentBox.gif) no-repeat;
}

div.contentBody {
	padding-top: 10px;
	margin-left: 15px;
	padding-bottom: 10px;
	width: 560px;
	text-align: justify;
}


/*******************************************************************************/
/* footer */

#footer  {
	background: #fff; 
	border: none !important;
	align: center;
	clear: both;
  	width: 100%;
  	padding-top: 5px;
	text-align: center;
	font-size: 9px;
}
#footer li, #footer a {
	color: #799443;
	align: center;
	margin: 0 1.3em 0 1.3em;
	display: inline;
}


/* hide from incapable browsers */
head:first-child+body #footer li { white-space: nowrap; }


/*********************************************************************************/
/* the homepage */

.homeCont {
	position: relative;
	float: left;
	width: 390px;
}
.homeSide {
	position: relative;
	float: right;
	width: 155px;
}
#greyBox {
	top: 0px;
	width: 155px;
	left: 0px;
	right: 611px;	
	background: #FFFFFF url(images/topGreyBox.gif) no-repeat;
	text-align: left;
	padding-left: 1px;
}
#greyBoxBottom {
	background: #FFFFFF url(images/bottomGreyBox.gif) no-repeat;
	height: 8px;
	width: 155px;
	margin-bottom: 10px;
}



/*********************************************************************************/
/* the companyListing */

.companyDetails {
	position: relative;
	float: right;
	width: 150px;
	font-size: 92%;
	line-height: 125%;
}
			
.descDetails {
	position: relative;
	float: left;
	width: 390px;
	line-height: 1.5em;
}
.descDetails p { line-height: 1.5em; padding:0 0 0 0;}
.descDetails br { line-height: 1em; padding: 0 0 0 0; }
.descDetails ul { line-height: 1.2em; margin: 0 0 0 3.5em; }
.descDetails ol { line-height: 1.2em; margin: 0 0 0 3.5em; }
.descDetails li { margin-bottom: 0.3em; }
.descDetails p, ol, ul, li { margin-top: 0px; margin-bottom: 0px; }


.desc {
	position: relative;
	padding-top: 1em;
	padding-bottom: .17em;
}
	
.companyName {
	position: relative;
	float:left;
	font-family: "Arial";
	font-size: 150%;
	line-height: 110%;
	color: #00008A;
}
.companyName h1{
	border-bottom: none;
}

.webIcon {
	float: right;
	position: relative;
	height: 44px;
	width:  40px;
	background:url(images/web_icon.gif) center no-repeat;
}
.emailIcon {
	float: right;
	position: relative;
	height: 44px;
	width:  40px;
	background:url(images/email_icon.gif) center no-repeat;
}

.logo {
	position: relative;
	margin-top: 10px;
	height: 100px;
	width: 155px;
}
.addressDetails {
	position: relative;
	margin-top: 10px;
}
.addressDetails h2 {font-family: "Bradley Hand ITC", "Arial"; font-weight: bold;}

.contactDetails {
	position: relative;
	margin-top: 10px;
}
.contactDetails h2 {font-family: "Bradley Hand ITC", "Arial"; font-weight: bold;}

.openingDetails {
	position: relative;
	margin-top: 10px;
}
.openingDetails h2 {font-family: "Bradley Hand ITC", "Arial"; font-weight: bold;}

.mapDetails {
	position: relative;
	height: 41px;
	margin-top: 10px;
}

.mapLink {
	position: absolute;
	left: 35px;
	top: 7px;
	width: 80px;
	height: 27px;
	background:url(images/map_button_large_blue.gif) center no-repeat;
}


.webDetails {
	position: relative;
	width:560px;
}

.visualClear {
	clear: both;
}

.visualClear2 {
	clear: both;
}

			
.webDetails p {
	text-align: center;
}



/*********************************************************************************/
/* the menu */
.submenu {
	background-color: #FFFFFF;
}

ul.navMenu, li.navMenu, li.folder, a.navMenu, a.submenu {
	display: block;
	margin: 0;
	padding: 0;
	border: 0px;
	border-color: none;
	background-color: none;
	font-family: arial,tahoma,verdana,helvetica;
	font-size: 11px;
	z-index: 2;
	text-align: left;
}

ul.navMenu {
	margin-left: 1px;
	width: 145px;
	background: white;
	list-style: none;
}

li.navMenu, li.folder {
	position: relative;
	padding: 1px;
	padding-left: 6px;
	z-index: 3;
}
		
li.folder ul {
	position: absolute;
	left: 130px; /* IE */
	top: 0px;
}

li.folder>ul { 
	left: 140px; 
} /* others */

a.navMenu, a.submenu {
	padding: 2px;
	text-decoration: none;
	color: #030371;
	font-weight: bold;
	width: 100%; 	/* IE */
}

li.navMenu>a.navMenu, li.folder>a.submenu { 
	width: auto; 
} /* others */

li.folder a.submenu {
	background: url("images/folder_arrow.gif") right no-repeat;
	z-index: 3;
}


/* regular hovers */

a.navMenu:hover, a.submenu:hover {
	border-color: gray;
	background-color: #D3D1FF;
	color: black;
}
	

li.folder a.submenu:hover {
	backgound-color: #D3D1FF;
}
	
/* hovers with specificity */
	
li.folder:hover { 
	border-color: gray;
	background-color: #D3D1FF;
	color: black;
	z-index: 4; 
}		
		
ul.navMenu ul, li.folder:hover ul ul {
	display: none;
}

li.folder:hover ul, li.folder:hover li.folder:hover ul {
	display: block;
	border: 1px solid blue;
}



/*********************************************************************************/
/* business directory */

#companyList li {
	display: block;
	padding: 0;
	border: 0px;
	border-color: none;
	background-color: none;
	font-family: arial,tahoma,verdana,helvetica;
	font-size: 11px;
	text-align: left;
}





#alphanumericLinks {
	text-align: center;
	padding-bottom: 10px;
}
#alphanumericLinks a:hover {
	text-decoration: underline;
}