/* CSS Document */

/* CSS Document */
/* BACKGROUND */
		 
body {
	margin: 0px;
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC9966;
	background: #5E0000;
}

/* CONTAINER */

#container {
margin: 6 6px;
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #666;
background-color: #F9F9F9;
padding: 0px 4px;
text-align: left;
border-bottom: 1px dashed #E5E5E5;
border-top: 1px dashed #E5E5E5;
float: none;
}
		
/* GENERAL MOJO AND MULA */
		
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #B94B26;
	margin-bottom: 2px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-right: 4px;
	padding-left: 4px;
}
		
h2 {
color: #B94B26;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 2px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: normal;
}
		
h3 {
color: #999965;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 2px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: normal;
line-height: 12px;
text-align: left;
}

h4 {
color: #B3B38D;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 2px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: normal;
line-height: 20px;
background: #999965;
padding-right: 2px;
padding-left: 2px;
}

a {
	color: #CC9966;
	text-decoration: underline;
}

a:hover {
	background: #7D0E14;
	text-decoration: underline;
	color: #E08667;
}
	
form {
font-size: 9px;
}
		
input {
background-color: #FFF;
color: #999999;
border: 1px solid #CCC;
font-size: 11px;
padding: 3px;
}
		
.button {
padding: 2px;
}
		
/* HEADER ELEMENTS */

#header {
	border-bottom: 1px solid #910F18;
	clear: both;
	margin-bottom: 5px;
	text-align: left;
	border-top: 1px solid #910F18;
	margin-top: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
		
/* the slogan */
#header p {
	border-bottom: 1px solid #ABAB7E;
	text-align: justify;
	padding: 0px 4px 6px;
	margin-top: 6px;
	margin-bottom: 6px;
}

#header01 {
	padding-top: 5px;
	clear: both;
	margin-bottom: 5px;
	text-align: left;
}
		
/* the slogan */
#header01 p {
	margin-top: 6px;
	margin-left: 30px;
	text-align: justify;
	margin-bottom: 6px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #910F18;
}
#header01 h1 {
	padding: 0px 4px 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	color: #CC9966;
}		
#header01 p a {
	font-weight: normal;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
}
#header01 p a:hover {
	background: #D86741;
	color: #5E0000;
}
/* NAVIGATION ELEMENTS */
	
#navigation ul {
list-style-type: none;
text-align: left;
float: left;
width: auto;
padding-left: 0;
}

#navigation a {
	display: block;
	padding: 2px;
	width: auto;
	border-bottom: 1px solid #B3B38D;
	text-align: left;
	color: #74744B;
	text-decoration: none;
}

#navigation a:link, #navlist a:visited {
	color:#74744B;
	text-decoration: none;
	text-align: left;
}
		
#navigation a:hover {
background: #B7B791 url(../images/arrow.gif) no-repeat 96% 50%;
color:#B94B26;
text-align: left;
}
		
.navigation_header {
	font-weight: normal;
	text-transform: uppercase;
	color: #D9B366;
	letter-spacing: 1px;
	background: #B3B38D;
	padding-right: 2px;
	padding-left: 4px;
	line-height: 10px;
	text-align: left;
	font-size: 9px;
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}

.navigation_header_gr {
	font-weight: normal;
	text-transform: uppercase;
	color: #D9B366;
	letter-spacing: 1px;
	background: #5E0000;
	padding-right: 2px;
	padding-left: 4px;
	line-height: 12px;
	text-align: left;
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

		
#nav_horizontal {
	color: #B94B26;
	letter-spacing: 1px;
	font: 9px/20px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}
		
#nav_horizontal a:link {
	background: url(images/but_bluesq03.gif) no-repeat left 50%;
	text-align: left;
	padding-left: 15px;
	padding-right: 5px;
	text-decoration: none;
}
		
#nav_horizontal a:hover {
	background: url(images/but_bluesq03.gif) no-repeat left 50%;
	text-align: left;
	padding-left: 15px;
	padding-right: 5px;
	text-decoration: none;
}
		
#nav_horizontal a:visited {
	background: url(images/but_bluesq03.gif) no-repeat left 50%;
	text-align: left;
	padding-left: 15px;
	padding-right: 5px;
	text-decoration: none;
}

/* CATALOGUE ELEMENTS */

#catalogue_vertical {
clear: both;
margin-bottom: 10px;
text-align: left;
width: 95%;
margin-top: 5px;
}
		
#catalogue_vertical heading {
text-align: left;
color: #FFFFFF;
}
		
#catalogue_vertical a {
display: block;
padding: 2px;
border-bottom: 1px solid #E5E5E5;
text-align: left;
}

#catalogue_vertical a:link {
background: #FFFFFF url(but_brownsq03.gif) no-repeat left 50%;
text-align: left;
padding-left: 16px;
font-size: 10px;
line-height: 12px;
}
		
#catalogue_vertical a:hover {
background: #FFFFFF url(but_brownsq03.gif) no-repeat left center;
text-align: left;
padding-left: 16px;
font-size: 10px;
line-height: 16px;
color: #575352;
}
		
#catalogue_vertical a:visited {
background: #FFFFFF url(but_brownsq03.gif) no-repeat left 50%;
text-align: left;
padding-left: 16px;
font-size: 10px;
line-height: 12px;
}
		
.catalogue_vertical_header {
font-weight: normal;
text-transform: uppercase;
color: #FFFFFF;
letter-spacing: 1px;
background: #7498C0;
padding-right: 2px;
padding-left: 4px;
line-height: 12px;
}
/* THE SMALL BOX BELOW NAV */
#navigation p {
margin-top: 40px;
padding: 5px;
border-bottom: 1px dotted #CCC;
border-top: 1px dotted #CCC;
}		
/* CONTENT ELEMENTS */
#content {
	font: 11px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	text-align: justify;
}
#content p {
	border-bottom: 1px solid #910F18;
	padding: 0px 4px 6px;
	margin-top: 6px;
	margin-bottom: 6px;
}
#content h1 {
	padding: 0px 4px 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	color: #CC9966;
}		
#content p a {
	font-weight: normal;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
}
#content p a:hover {
	background: #D86741;
	color: #5E0000;
}
		
#content ul {
text-align: left;
padding: 4px 0px;
list-style-type: square;
text-align: left;
width: auto;
margin-top: 4px;
margin-bottom: 4px;
text-transform: uppercase;
}
		
.content_header {
font-weight: normal;
text-transform: uppercase;
color: #FFFFFF;
letter-spacing: 1px;
background: #7498C0;
padding-right: 2px;
padding-left: 4px;
line-height: 12px;
text-align: left;
}
/* DOWNLOADS ELEMENTS */

#downloads {
font: 11px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
text-align: justify;
}
		
#downloads p {
border-bottom: 1px solid #DDDDDD;
padding: 0px 4px 6px;
margin-top: 6px;
margin-bottom: 6px;
}
		
#downloads ul {
text-align: left;
padding: 4px 0px;
list-style-type: square;
text-align: left;
width: auto;
margin-top: 4px;
margin-bottom: 4px;
}
		
.downloads_header {
font-weight: normal;
text-transform: uppercase;
color: #FFFFFF;
letter-spacing: 1px;
background: #7498C0;
padding-right: 2px;
padding-left: 4px;
line-height: 12px;
text-align: left;
}
						
/* SIDEBAR ELEMENTS */

#sidebar {
text-align: justify;
}

#sidebar h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #CC9966;
	margin-bottom: 2px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-right: 4px;
	padding-left: 14px;
	text-align: left;
	background: url(images/but_bluesq03a.gif) no-repeat left 50%;
}
					
#sidebar p {
	border-bottom: 1px solid #910F18;
	text-align: justify;
	padding: 0px 4px 6px;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 30px;
}
		
#sidebar ul {
text-align: left;
padding: 2px 2px 4px 0px;
list-style-type: square;
text-align: left;
width: auto;
margin-top: 2px;
margin-bottom: 2px;
font-size: 10px;
line-height: 12px;
}

#sidebar p a {
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: underline;
}
		
#sidebar p a:hover {
	color: #E0C080;
	background: #B94B26;
}

#sidebar01 {
text-align: justify;
}
#sidebar01 h1{
	text-align: justify;
	color: #B94B26;
}
#sidebar01 p a {
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: underline;
	color: #B94B26;
}
		
#sidebar01 p a:hover {
	color: #E0C080;
	background: #D76139;
}

#sidebar01 p{
	margin-top: 5px;
	margin-left: 30px;
	text-align: justify;
	margin-bottom: 5px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #910F18;
}
		
/*TABLE ELEMENTS */

#table_bkg_white {
background: url(images/harbourvue_bkg_750.jpg);
		}
		
.main_table_bck {
background: url(../images/bkgr_750x1.jpg) repeat-y center top;
}

.main_table_cat_bck {
background: url(table_bkg_cat_800x1.jpg) repeat-y center top;
}

/* FOOTER ELEMENTS */

#footer {
	clear: both;
	padding: 0px 5px;
	font: 11px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	color: #E0C080;
}

#footer p {
	color:#E0C080;
	padding: 5px;
}

#footer p a:active {
	color:#74744B;
	text-decoration: none;
}

#footer p a:hover {
	background: #D75E35;
	color: #E0C080;
}

#footer p a:visited {
	color: #CC9966;
}
		
/* PICTURE ELEMENTS */
		
.pic_borders {
border: 1px solid #CCCCCC;
margin: 2px;
padding: 2px;
}
.address01 {
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 4px 6px;
}
#contact {
	font: 11px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}
#contact p {
	border-top: 1px solid #910F18;
	border-bottom: 1px solid #910F18;
	padding: 6px 2px;
	margin: 6px 2px;
}
.contact_buttons{
	font: bold 9px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0px 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-transform: uppercase;
	color: #E0C080;
	background: #5E0000;
}
.emphasise {
	letter-spacing: 1px;
	font-weight: normal;
	background: #910F18;
}