@import "reset.css";
@import "type.css";
@import "grid.css";
@import "widgets.css";

/* colors:

seaport blue: #00538E;
alt green: #7F8959;
light blue: #a8d6f8;
light gray blue: #b3c3dc;

*/


/* link styling */

a { text-decoration: none; color: #00538E; }
a:link { text-decoration: none; color: #00538E; }
a:visited { text-decoration: none; color: #00538E; }
a:hover { text-decoration: none; color: #3c7dac; }
a:active, a:focus { text-decoration: none; color: #8698b4; }

/*   -----------  base text styles    ---------------      */

p {
	font-family: helvetica, arial, sans-serif;
	color: #333;
	line-height: 20px;
}

strong {
	font-weight: bold;
	color: #005383;
}

h1 {
	font-family: Georgia, times, "Times New Roman", serif;
	font-size: 1.7em;
	color: #333;
	border-bottom: 1px solid #ccc;
	font-variant: small-caps;
	font-weight: bold;
	padding: 10px 0px 4px 10px;
	margin: 0px;
}

h2 {
	font-family: Helvetica, arial, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 20px;
	color: #00538e;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #b3c3dc;
}

h3 {
	font-family: Helvetica, arial, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 20px;
	color: #00538e;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 6px 10px;
	border-bottom: 1px solid #ccc;
}

	h2 a {
		border: none!important;
	}
	
	h3 a {
		border: none!important;
	}

h5 {
	font-family: "Century Gothic", helvetica, arial, sans-serif;
	text-transform: uppercase;
	color:#777;
	font-size: 1.3em;
}

/* -----------    home page    ----------  */

div.seanews table td {
	padding: 7px 0px 7px 0px;
	margin: 0px!important;
}

	div.seanews table td span {
		display: block;
		background-color: #3575a5;
		font-size: 1em;
		font-family: "century gothic", helvetica, arial;
		color: #fff;
		padding: 4px 0px 4px 10px;
		margin: 3px 14px 0px 0px;
	}

	div.seanews table td a {
		color: #fff!important;
		margin: 0px;
		padding: 0px;
	}

	div.seanews table td a:hover {
		color: #a8d6f8!important;
	}

div.seanews table td.more2 {
	margin: 0px;
	padding: 0px;
	text-align: right!important;
}

	div.seanews table td.more2 a {
		color: #a8d6f8!important;
		font-family: helvetica, arial, sans-serif;
		font-weight: bold;
		font-style: italic;
		background-image: url(../_images/chrome/morearrow.gif);
		background-repeat: no-repeat;
		background-position: 0px 3px;
		line-height: 17px;
		border-bottom: 1px dotted #b3c3dc;
		margin: 0px 8px 0px 0px;
		padding: 0px 0px 0px 10px;
	}

	div.seanews table td.more2 a:hover {
		color: #fff!important;
	}
	
	

div.portnews p {
	padding: 10px 0px 4px 0px;
	margin: 0px;
	min-height:65px;
}

	div.portnews p a {
		line-height: 17px;
		color: #fff!important;
	}
	
		div.portnews p a:hover {
			color: #dbe0c7!important;
		}
		
		div.portnews p a span {
			font-weight: bold;
			color: #dbe0c7!important;
		}
	
	div.portnews a.more {
		float: right;
		font-size: 1em;
		font-weight: bold;
		font-style: italic;
		background-image: url(../_images/chrome/morearrow.gif);
		background-repeat: no-repeat;
		background-position: 0px 4px;
		padding: 0px 0px 0px 10px;
		color: #dbe0c7!important;
		border-bottom: 1px dotted #aeb78d;
		margin: 0px 0px 0px 0px;
	}
	
   		div.portnews a.more:hover {
   			color: #fff!important;
   		}
	


div#homepointers p {
	margin: 10px 0px!important;
	padding: 0px;
}

	div#homepointers p a {
		font-weight: bold;
		font-style: italic;
		color: #00538e;
		margin: 10px 0px;
		padding: 0px 11px 0px 0px;
		background-image: url(../_images/chrome/bluearrows.gif);
		background-repeat: no-repeat;
		background-position: 33px 5px;
	}
	
	div#homepointers p a:hover {
		color: #8698b4;
		margin: 10px 0px;
		padding: 0px 11px 0px 0px;
		background-image: url(../_images/chrome/lightbluearrows.gif);
		background-repeat: no-repeat;
		background-position: 33px 5px;
	}
	
	
	

/* ---------  general stylings -------  */	


/* side nav */
div#smallcol ul {
	list-style: none;
	font-family: Georgia, "Times New Roman", times, serif;
	font-size: 1.5em;
	width: 220px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

	div#smallcol ul li {
		line-height: 20px;
		background-image: url(../_images/chrome/dash.gif);
		background-repeat: no-repeat;
		background-position: 0px 10px;
		padding: 4px 0px 4px 10px;
	}
	
		div#smallcol ul li a {
			color: #555;
		}
		
		div#smallcol ul li a:hover {
			color: #00538e;
		}
		
		div#smallcol ul li a.chosen {
			color: #00538e;
			font-weight: bold!important;
			border-bottom: 1px solid #b3c3dc;
		}

div#contentcol p {
	color: #555;
	font-size: 1.2em;
	margin-left: 10px;
	margin-right: 20px;
}

	div#contentcol p span{
		color: #00538e;
		font-size: 1.2em;
		font-weight: bold;
	}
	
	div#contentcol p span.caps {
		color: #555;
		font-size:1em;
		font-weight: normal;
	}
	
	div#contentcol a {
		border-bottom: 1px dotted #b3c3dc;
	}


/* portfolio pages */

div#mainport p {
	margin-left: 10px;
	margin-right: 230px;
}

div#mainport p a.more {
	background-image: url(../_images/chrome/bluearrows.gif);
	background-repeat: no-repeat;
	background-position: 63px 4px;
	padding-right: 11px;
	margin-left: 6px;
}

div#mainport h4 {
	color: #222;
	background-image: url(../_images/chrome/square.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 20px 20px;
}

div.transaction h3 {
	font-size: 1.5em;
	border: 0px;
	margin: 0px;
	padding: 0px 0px 8px 0px;
}

div.transaction p {
	font-size: 1.1em!important;
	line-height: 18px;
	margin: 0px!important;
	padding: 0px!important;
}


/* team pages */

div.member h2 {
	margin: 4px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	font-size: 1.3em;
}

	div.member h2 a {
		padding: 0px 0px 2px 0px;
		border-bottom: 1px solid #ccc!important;
	}

div#contentcol div.member p {
	margin: 0px;
	padding: 4px 0px 0px 0px;
	border: 0px;
	color: #808080;
	font-size: 1.1em;
	line-height:  14px;
}

/* individual team member */

div#contentcol div.individual h2 {
	font-size: 2.4em;
	font-family: helvetica, arial, sans-serif;
	border: 0px;
	margin: 25px 0px 5px 0px;
	padding: 0px;
}

div#contentcol div.individual h3 {
	margin: 0px 40px 0px 0px;
	padding: 0px 0px 4px 0px;
	border: 0px;
}

div#contentcol div.individual h4, td h4 {
	font-weight: bold;
	color: #00538e;
	font-size: 1.4em;
	border-bottom: blue!important;
}

div#contentcol ul {
	margin: 0px 40px 40px 20px;
	list-style: none;
	padding: 0px 5px;
}

div#contentcol ul li {
	color: #444;
	font-size: 1.2em;
	line-height: 19px;
}

div#contentcol ul li.seaporttitle {
	font-family: Georgia, "Times New Roman", times, serif;
	border-bottom: 1px solid #ccc;
	color: #00538e;
	font-size: 1.8em;
	padding: 3px 0px;
	margin: 0px 0px 5px 0px;
}

div#contentcol div.individual h5 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

div#contentcol div.individual p {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

div#contentcol div.individual div.block h1 {
	border: 0px;
	
}

div#contentcol div.individual div.block ul {
	list-style: none;
	background-color: #fff;
	margin: 6px;
	padding: 14px;
	border: 1px solid #eee;
	min-height: 110px;
	_height: 110px;
}

div#contentcol div.individual div.block ul li {
	font-size: 1.2em;
	background-image: url(../_images/chrome/square2.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding: 1px 0px 1px 10px;
	margin: 0px;
}

div#contentcol div.individual div.block a {
	padding-top: 5px;
}

div#contentcol div.individual div.block a.vcard {
	background-image: url(../_images/chrome/vcard.gif);
	background-repeat: no-repeat;
	background-position: 144px 0px;
	padding-right: 25px;
	padding-top: 5px;
}

div#contentcol div.individual div.block a.vcard:hover {
	background-image: url(../_images/chrome/vcard2.gif);
}


/* news sections */ 

p.date {
	font-family: Georgia, Times, "Times New Roman", serif;
	margin: 0px 0px 0px 10px!important;
	padding: 0px;
	color: #888!important;
}

	p.date a {
		font-family: Georgia, Times, "Times New Roman", serif;
		margin: 0px;
		padding: 0px;
		color: #888!important;
		border-bottom: 1px dotted #ccc;
	}
	
	p.date a:hover {
		font-family: Georgia, Times, "Times New Roman", serif;
		margin: 0px;
		padding: 0px;
		color: #00583e!important;
		border-bottom: 1px dotted #ccc;
	}


div#news p {
	margin-right: 40px!important;
	margin-bottom: 20px;
}

div#news h3 {
	line-height: 24px;
}

a.more {
	background-image: url(../_images/chrome/bluearrows.gif);
	background-repeat: no-repeat;
	background-position: 63px 4px;
	padding-right: 11px;
	margin-bottom: 10px;
}