/* 
International Shipping Parthers, Inc.
www.isp-usa.com

designed by: Jorge Pinon Design, 2006
version 1

*/

/* --------------- GENERAL RULES-------------------  */
* {
	padding: 0; 
	margin: 0
}
body { 
	background: #06253D url(../images/vert_strip.jpg) repeat-x;
	background-attachment: fixed;
	font-size: small;
	font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, Verdana, sans-serif;
}
a img {
	border: none;
}

ul {list-style: none;}

ol li {
	margin: 1em 0;
}

.skipnav, .structuralheader { 
	position: absolute;
	margin-left: -5000px; }

a:active { outline: none; }



/* ------------------- General TYPE Rules -------------------- */

p { 
	font-size: .92em;
	line-height: 1.5em;
	margin: 0 0 1em 0;
}
p.subheadtext {
	font-weight: bold;
	line-height: 1.2;
}
h1 {
	font: normal 1.6em/1.2 Georgia, "Times New Roman", Times, serif;
	color: #06253D;
	padding-top: 20px;
	margin-bottom: .4em;
}
h2 {
	font-size: 1.1em;
	line-height: 1.2;
	color: #203c52;
	margin-top: 1.5em;
}
h3 {
	font-size: .95em;
	line-height: 1.2;
	color: #333;
	margin-top: 1.5em;
	margin-bottom: .3em;
}
h4 {
	font: bold .9em/1.3;
	color: #06253D;
}


/* ------------------  LAYOUT  --------------------- */

#container {
	width: 780px;
	color: #222;
	background-color: #f2f0ed;
}

#main {          /* includes the div#top, div#leftcol, and div#content */
	position: relative;
	float: left;
	width: 617px;
	background: #FFF url(../images/main_bkgd_img.jpg) repeat-y;
}
		#main img.left {
			float: left;
			margin: 0 1em .5em .3em;
		}
		#main img.right {
			float: right;
			margin: 0 .3em .5em 1em;
		}

#top {
	position: relative;
	height: 80px;
	background: #FFF url(../images/banner_anchor.gif);
	overflow: hidden;
	border-bottom: 1px solid #003;
}
#top span#tagline {
	position: absolute;
	bottom: 3px;
	left: 260px;
	font-size: 11px;
	font-weight: bold;
	color: #e1dfd7;
}

#leftcol {
	position: relative;
	float: left;
	width: 150px;
	\width: 160px; 
	w\idth: 150px;
	border-left: 10px solid #06253d;
	padding-bottom: 130px;
}

#center {  /* text area between left and right cols, under #top div */
	position: relative;
	margin-left: 160px;
	padding: 12px 40px;
}

		#center a {
			color: #066;
		}
		#center a:visited {
			color: #555;
		}
		#center a:hover {
			color: #C20;
		}
		#center a:visited img{
			border-bottom: none;
		}
		
		#center ul {
			margin: 0 2em 2em .7em;
			list-style: disc;
		}
		#center ol {
			margin: 0 2em 2em 3em;
		}
		#center ul li, #content ol li {
			margin: .8em 0 0 14px;
			font-size: .9em;
		}
		#center ul.inline {
			margin: 0 0 2em 0;
		}
		#center ul.inline ul li {
			display: inline;
			padding: 0 0 0 .5em;
			margin: 0 .5em;
			border-left: solid 1px #8BBBA9
		}
		#center ul.inline ul li:first-child {
			border-left: none;
		}


#rightcol {
	margin-left: 618px;
	padding-top: 130px;
	background: transparent url(../images/capn_hat.jpg) top right no-repeat;
	color: #51504b;
}
		#rightcol div {
			margin: 0 0 1.5em 20px;
		}
		#rightcol div#lloydslogo {
			text-align: center;
			background: #fff;
			margin-left: 0;
			padding: .5em 0;
		}
		#rightcol div#lloydslogo p {
			color: #06253D;
			margin-top: .2em;
		}
		
		#rightcol ul li {
			padding: 0 .5em;
		}
		
		#rightcol p {
			color: #06253D;
			font-size: .85em;
			line-height: 1.2;
			word-spacing: 3px;
			margin: .5em 0;
		}
		
		#rightcol h4 {
			color: #06253D;
			font-size: .9em;
			margin: 2em 3em 0 0;
			padding: .5em 1em .1em .2em;
			border-bottom: solid 1px #51504b;
		}
		
		#rightcol a {
			font-size: .85em;
			text-decoration: none;
			color: #066;
		}
		#rightcol a:visited {
			color: #06253D;
		}
		#rightcol a:hover {
			color: #066;
			border-bottom: solid 1px #066;
		}
		#rightcol div#lloydslogo a:hover {
			border-bottom: none;
		}
		
#footer {
	font-size: .8em;
	color: #FFF;
	clear: both;
	padding: 1em;
	border-top: 1px solid #FFF;
	text-align: right;
	background-color: #9e9b91;
}



/* ----------- Leftcol Navigation bars  --------------------  */
/*  from http://www.alistapart.com/articles/horizdropdowns/  */
#leftcol ul {
	list-style: none;
	width: 150px;
	margin: 0;
	padding: 0;
	z-index: 1;
}

#leftcol ul li {
	position: relative;  /* so that the sub-menu can then be placed absolutely within the li's */
	margin: 0; padding: 0;
	border-bottom: solid 1px #FFF;
}

#leftcol ul li a {
	font: normal 12px "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	display: block;
	text-decoration: none;
	color: #FFF;
	background-color: #699;
	padding: 6px 0px 7px 5px;
}
#leftcol ul li a:hover{
	background-color: #06253D; 
}
#leftcol ul li a.current {
	background-color: #06253D;
}

#leftcol ul li ul {
	position: absolute;
	width: 150px;
	left: 150px;
	top: 0;
	border-left: solid 1px #06253d;
	display: none;
}
#leftcol ul li:hover ul {
	display: block;
}
#leftcol ul li ul a {
	background-color: #8DACA7;
	border-right: solid 1px #8DACA7;
	border-left: solid 2px #699;
}

#leftcol ul li ul a:hover {
	border-right: solid 1px #8DACA7;
	border-left: solid 2px #000;
}

#leftcol #altnav {
	border-top: solid 1px #FFF;
	margin-top: 30px; 
}
#leftcol #altnav li a {
	background-color: #9E9B91;
	padding: 4px 0 3px 5px;
}
#leftcol #altnav li a:hover {
	background-color: #e1dfd7;
	color: #6e6e64;
}

/* ------- member login button -------- */

#leftcol p {
	margin: 16px 5px;
}
#leftcol p a {
	padding: 3px;
	border: solid 1px #9e9b91;
	text-decoration: none;
	color: #fff;
}
#leftcol p a:hover {
	background-color: #9e9b91;
}


/* -------certifications  div -------- */

#certifications {
	margin: 2em auto;
	text-align: center;
}
#certifications a {
	font: normal .9em Arial, sans-serif;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: solid 1px #233;
	color: #233;
}
#certifications a img{
	display: block;
	margin: 3px auto;
	border: none;
}

/*------------- footernav :: at bottom of content div on every page ----------------------*/
ul#footernav {
	margin: 3em 0 0 0;
	padding-top: 1em;
	border-top: 1px dotted #CCC;
	text-align: center;
}
ul#footernav li {
	display: inline;
	margin: 0;
}
ul#footernav li a{
	font: normal .85em/2 Arial, Helvetica, "Lucida Grande", sans-serif;
	text-decoration: none;
	color: #699;
	border: none;
	border-left: 1px solid #DDD;
	padding-right: 1em;
	padding-left: 1em;
	margin-left: -1px;
}
ul#footernav li a:visited {
	color: #666;
	border: none;
	border-left: 1px solid #DDD;
}
ul#footernav li a:hover {
	text-decoration: underline;
	border: none;
	border-left: 1px solid #DDD;
}
ul#footernav li a.last {
	border-right: 1px solid #DDD;
}


/* ... needed because IE won't do the pop-out subnav  */
div#servicessubmenu {
	float: left;
	width: 373px;
	position: relative;
	margin: 0 0 1em;
	padding: 0;
}

div#servicessubmenu ul {
	list-style: none;
	width: 124px;
	float: left;
	margin: 0;
}

div#servicessubmenu ul li {
	margin: 0; 
	padding-bottom: 0;
}

div#servicessubmenu ul li a {
	text-decoration: none;
	font-size: 10px;
	display: block;
	background-color: #699;
	color: #FFF;
	margin: 1px 1px 0 0;
	padding: .5em 0 1em .3em;
}
div#servicessubmenu ul li a:visited {
	color: #FFF;
}
div#servicessubmenu ul li a:hover {
	color: #FFF;
	text-decoration: underline;
	background-color: #8DACA7;
}
div#servicessubmenu ul li a.current {
	background-color: #06253D;
}

/* ... needed because IE won't do the pop-out subnav  */
div#servicessubmenu1 {
	float: left;
	width: 388px;
	position: relative;
	margin: 0 0 1em;
	padding: 0;
}

div#servicessubmenu1 ul {
	list-style: none;
	width: 129px;
	float: left;
	margin: 0;
}

div#servicessubmenu1 ul li {
	margin: 0; 
	padding-bottom: 0;
}

div#servicessubmenu1 ul li a {
	text-decoration: none;
	font-size: 10px;
	display: block;
	background-color: #699;
	color: #FFF;
	margin: 1px 1px 0 0;
	padding: .5em 0 1em .3em;
}
div#servicessubmenu1 ul li a:visited {
	color: #FFF;
}
div#servicessubmenu1 ul li a:hover {
	color: #FFF;
	text-decoration: underline;
	background-color: #8DACA7;
}
div#servicessubmenu1 ul li a.current {
	background-color: #06253D;
}

/* --------------- CONTACT TABLE ------------------------*/
/* ------------------------------------------------------*/

table#employeecontact {
	border-collapse: collapse;
	margin-right: -20px;
}
#employeecontact caption {
	text-align: left;
	border-bottom: solid 1px #CCC;
	margin: 1em 0 0 0;
	padding: .5em;
	background-color: #699;
	color: #FFF;
	font-weight: bold;
	font-size: .9em;
	letter-spacing: .1em;
	text-transform: uppercase;
}
col#name { 
	background-color:#e1dfd7;
}

#employeecontact tr {
	border-top: solid 1px #CCC;
	height: 3em;
}
#employeecontact th {
	text-align: left;
	padding: .5em 0 .2em 3px;
	background-color: #699;
	color: #fff;
	border-left: solid 1px #fff;
}
#employeecontact td {
	font-size: .9em;
	padding: .5em 0 .2em 6px;
}
#employeecontact td.empName {
	font-weight: bold;
}


/* ------------------- Login Form ------------------------*/
/* -----------------------------------------------------*/


.loginoption {
	background-color: #f2f0ed;
}
#center .loginoption p {
	margin: 0;
}
#center .loginoption p a {
	display: block;
	text-decoration: none;
	font-size: 11px;
	padding: 10px;
	color: #036;
}
#center .loginoption p a:hover {
	color: #fff;
	background-color: #366;
}

#center #citrixoption {
	font-size: 14px;
}
#webmailoption {
	background-color: #fff;
}
#center #webmailoption {
	margin-top: 50px;
	margin-bottom: 100px;
}
#webmailoption a {
	display: block;
	float: left;
	padding: 10px;
	border: solid 1px #efefef;
}
#center #webmailoption a:hover {
	color: #036;
	background-color: #fff;
	border: solid 1px #036;
}


/* ------------------- SITE MAP ------------------------*/
/* -----------------------------------------------------*/
#center div.sitemapcolumn {
	width: 50%;
	float: left;
}
#center div.sitemapcolumn ul {
	list-style: none;
	margin: 0 1em;
}
#center div.sitemapcolumn li a {
	font: normal .9em Verdana, Arial, sans-serif;
	color: #036;
	display: block;
	margin: 0;
	padding: .2em 0 .2em .5em;
	border-bottom: solid 1px #DDD;
	text-decoration: none;
}
#center div.sitemapcolumn a:visited {
	color: #555;
}
#center div.sitemapcolumn a:hover {
	color: #C60;
	border-color: #C60;
}
h2.section {
	margin-top: 1em;
	margin-left: 1em;
}

/* ------------------- BODY ID Variations -----------------------*/
/* --------------------------------------------------------------*/
#sales #center img {
	float: left;
	margin-top: .5em;
	margin-right: 1em;
}

#quality #center img {
	margin: 0 auto;
}


/* -------------------- CLASSED items -------------------------*/
/* --------------------------------------------------------------*/

acronym { cursor: help; }

.tiny {
	font: normal .7em Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0;
}
.allcaps {
	text-transform: uppercase;
}
.smallcaps {
	font: normal 9px Verdana, Arial, sans-serif;
	text-transform: uppercase;
}
.smallbold {
	font: 700 .8em Verdana, Arial, Helvetica, sans-serif;
}
.smallitalics {
	font-size: .8em;
	font-style: italic;
}

div.officerinfo a {
	float: right;

}
h2.officer {
	margin-top: 2.5em;
	padding: 1em 0 0;
	color: #699;
	border-top: solid 1px #699;
}
p.officertitle {
	font-size: .8em;
	font-weight: bold;
	color: #203c52;
	margin-top: .5em;
}

#onboard #content ul {list-style: circle;}