/* Normalization */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
img, fieldset {border: 0;}
caption, th {text-align: left;}



/* General Layout */
body {background: #a7a7a7; text-align: center; font-family: Arial, sans-serif;}

#container {width: 900px; margin: auto; padding: 15px 10px; background: #fff url(../img/background_top.png) repeat-x top; border: 1px solid #757575; text-align: left;}

#header {margin: 0 0 10px 0;}

#left {float: left; width: 170px;}
#content {float: left; overflow: hidden; width: 550px; margin: 0 20px 20px 20px;}
#right {float: left; overflow: hidden; width: 138px; text-align: center;}

#footer {clear: both; margin-top: 20px; padding: 10px; background: #fff; color: #5d1b09; text-align: center;}
#footer .links {margin-top: 10px; font-size: .75em;}

#content img {padding: 7px;}

a {text-decoration: none; color: #ef220c;}
a:hover {text-decoration: underline;}

img {border: 0;}

h1, h2, h3, h4, h5, h6 {color: #5d1b09;}
h1 {font-size: 1.2em; margin-bottom: 10px;}
h2 {font-size: .9em; margin-bottom: 10px;}
h3 {font-size: .8em; }

p {margin: 10px 0; font-size: .8em;}

li {margin: 5px 0 0; font-size: 12px;}

hr {color:#5d1b09; background-color:#5d1b09; margin: 18px 0; clear:both;}

address {font-size: 1.0em; font-style: normal; font-weight: bold; clear:both;}

.first {margin-top: 0; padding-top: 0;}
.last {margin-bottom: 0; padding-bottom: 0;}

.float_left {float: left;}
.float_right {float: right;}

.center_text {text-align: center;}

.ul_image {margin-right:15px;}



/* Page-specific Layout */
#home_company_info_box {background-color: #c0c0c0; padding: 5px 20px 5px 0; margin: 20px 5px;}
#home_company_info_box strong {color: #fff;}
#home_company_info_box h2 {padding: 10px 5px 0px 5px; text-align: center;}

#home_contact_info_box {text-align: center;}

.public_domain_catalog h2 {clear: both;}

#reefer_img {margin-right:25px;}

.roxy_program {text-align: center;}
.roxy_program h1 {font-size: 1.75em; margin-top:30px;}
.roxy_program h2 {font-size: 1.2em;}
.roxy_program h3 {font-size: 1.0em;}
.roxy_program p {margin: 10px 0; font-size: 0.9em;}

#sitemap_left {float: left;}
#sitemap_right {float: right; margin-right: 20px;}
#sitemap_both {clear: both;}



/* Left Menu Styles */
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	margin:			20px 0 0 0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			170px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			170px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			170px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #ebe3d0;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#5d1b09;
}
.sf-menu li {
	background:		#d6c7a0;
}
.sf-menu li li {
	background:		#d6c7a0;
}
.sf-menu li li li {
	background:		#d6c7a0;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#ebe3d0;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../img/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	170px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	170px; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}