
/* Layout elements */
* {
	margin: 0px;
	padding: 0px;
	font-family: arial, sans-serif;
	font-size: small;
	line-height: 1.6em;
	border: 0px;
	color: #003060;
}
body {
	text-align:center;
	background: #0166ff url(../images/fadedbg.jpg) left top repeat-x;
}
ul {list-style-type: circle;}
li {margin-left:20px;}

strong {font-weight:bold;}

#wrapper {
	width: 85%;
	margin: 20px auto 3px auto;
/*	background: #fff url(../images/faux1.gif) repeat-y 28% 0; */
	background: #fff; 
	border: 3px solid #DEDEDE;
}
#branding {
	margin-bottom:20px;			/* push the content away */
	padding-top: 10px;
	text-align:left;
	height: 100px;
	background: #fff;
	background-image: url(../images/waves.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
}
#footer {
	clear:both;
	background-color:#c2cad7;
	border-top: 1px solid #dedede;
}
#footer p {
	color: #4754a3;
	font-size: 80%;
}

#content {
	width: 80%;
	margin-right:auto;
	margin-left:auto;
	margin-top: 0px;
	margin-bottom:0px;
	
	float: right; 
/*	background-color:#CCFF99; */
	text-align:left;
}
#content p	{
	padding-right: 10px;
}
#content a:hover{
	color:red;
}
.maincontent {
	float: left;
	width: 70%;
	text-align:justify;
}
.secondarycontent {
	float: right;
	width: 28%;
}
.fullcontent {
	float: left;
	width: 98%;
	text-align:justify;
}
.fullcontent p, .maincontent p, .secondarycontent p {
	padding-bottom:10px;
}
.splitleft {
	float: left;
	width: 49%;
}
.splitright {
	float: right;
	width: 49%;
}

#footnote {
	text-align: left;
	width: 85%;
	margin: 0px auto 20px auto;
	padding-bottom:20px;
}
#footnote p, #footnote a {
	font-family: arial,sans-serif;
	font-size:100%;
	color: #dcdcdc;
}

/* Navigation elements */
#navbar {
	margin:0px;
	padding: 0px 0px 0px 3px;
	width: 17%;
	float:left;
}
a.nav, a.nav:link, a.nav:visited, .hassub {
	display:block;
/*	width:100px; */
	height:28px;
	background-color:#fff;  /*#c2cad7; */
	border:1px solid #d7c6a8;
	margin-top:2px;
	text-align:left;
	text-decoration:none;
	font-family:'trebuchet MS',verdana, arial, sans-serif;
	font-size:95%;
	color:#000;
	line-height:28px;
/*	overflow:hidden;*/
	text-indent: 5px;
}
a.nav:hover {
	color:#fff;
	background:#8c99c5;
}
a.nav:active {
}

a.hassub, a.hassub:link, a.hassub:visited {
	background-image: url(../images/boxedplus.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
} 
a.chosen, a.subchosen {
/*	background:#c00;*/
	background-image: url(../images/bn-chosen.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
}
a.subnav, a.subnav:link, a.subnav:visited {
	display:block;
	background-color: #E1D5A8;
	border-right:1px solid #d7c6a8;
	border-left:1px solid #d7c6a8;
	margin-left: 10px;
	text-align:left;
	text-decoration:none;
	font-family:'trebuchet MS',verdana, arial, sans-serif;
	font-size:85%;
	height:2em;
	padding-top:0.5em;
	color:#000;
	overflow:hidden;
	text-indent: 5px;
}
a.dropped {
	background-image:none !important;
}

a.subnav:hover {
	color:#fff;
	background:#8c99c5;
}
a.subnav:active {
}

a.first {
	margin-top:-1px;
}
a.last {
	border-bottom:1px solid #d7c6a8;
}
a.subchosen:hover{
	background-image: url(../images/chosen.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
}

/* Heading styles */
h2 {
	font-family:arial, sans-serif;
	font-weight: bolder;
	font-size: 105%;
	margin-bottom:5px;
}
h1 {
	font-family:arial, sans-serif;
	background-color: #8c99c5;
	background-image: url(../images/box.jpg);
	background-position: 97% 50%;
	background-repeat:no-repeat;
	color: #fff;
	font-weight:bold;
/*	font-size:120%; */
	font-size:16px;
	letter-spacing:1px;
	text-indent:1em;
/*    padding:0px 5px; */
	margin-bottom:3px;
}

/* misc */
.aquabox {color: #004080; font-weight:bolder;}
h2 .aquabox {color: #003060; font-weight:bolder; font-size:110%;}
.gold {color: #FFC000; font-weight:bolder;}
.centered {text-align:center;}
.floatright {float:right;}
.smallindent {text-indent:2em;}
.must {color: #ff0000;}
.lowlite {color:#888;font-size:80%;font-weight:normal;}

a.standalonebutton, a.standalonebutton:link, a.standalonebutton:active {
	padding:5px;
	border: 1px solid #c2cad7;
	background-color: #fff;
	color: #4455a3;
	text-decoration:none;
	margin: 0px 10px;
	font-weight:bolder;
}
a.standalonebutton:hover {
	background-color: #8c99c5;
	color: #fff;

}

a.contact, a.contact:link, a.contact:active {
	background-image: url(../images/contact.gif);
	background-repeat:no-repeat;
	background-position: top left;
	width:110px;
	height:90px;
	padding:0px;
	text-decoration:none;
	margin: -5px 0px 0px 0px;
}
a.contact:hover {
	background-image: url(../images/contact.gif);
	background-repeat:no-repeat;
	background-position: bottom left;

}

.newsitem { clear:both; border-bottom: 2px solid #d7c6a8; margin-bottom:2px;}

.editcontrols { display:inline; color: #008000; }
.editcontrols a { color: #008000;font-size:0.8em;font-weight:bold;}

/* shading applied to pages that have lists */
.shadedlist{
	padding:20px;
	border: 1px solid #C6CDE3;
	background-color: #e2e5f0;
	margin:20px 30px 20px 20px;
	clear:both;
}
.shadedlist li {font-weight:bold;}
.shadedlist li em {font-weight:normal;}

/* image handling for photo gallery pages */
.image {
	display:inline;
	float:left;
	vertical-align:bottom;
	padding:5px;
	border:1px solid #d7c6a8;
	margin:1px;
/* 	overflow:hidden; */
	background-color: #fff;
}
.image img {margin:auto;}

.editing {height:260px;}

p.section{
	clear:both;
}
textarea, input{
	border:1px solid #008000;
}
textarea.faded{
	color:#a0a0a0;
}
.filename {
	font-size:xx-small;
}

.picturelist {
	float: left;
	width:95%;
	padding:5px;
	border: 1px solid #C6CDE3;
	background-color: #e2e5f0;
	margin:10px 10px 10px 10px;
	clear:both;
}
.picturelist li {
	display:inline;
	float:left;
	list-style:none;
/*	width:220px;
	overflow:hidden; */
	height:225px;
	padding:5px;
	background-color: #fff;
	text-align:center;
	border: 1px solid #d3d3d3;
	margin:10px;
}

.clearer {clear: left; line-height: 20px; height: 0;}

dl.table-display
{
margin: 2em 0;
padding: 0;
}

.table-display dt
{
width: 15%;
float: left;
margin: 0 0 0 0;
padding:3px;
border-top: 1px solid #999;
font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
float: left;
width: 75%;
margin: 0 0 0 0;
padding:3px;
border-top: 1px solid #999;
}

/* CSS for the shipments page */
#dispatches {padding:0px; margin:0px;border-collapse:collapse; border: 1px solid #666;}
#dispatches tr:hover {background-color:#f0f0f0;}
#dispatches	td, #dispatches	th {padding:0.2em; border-right: 1px solid #ccc;text-align: center;}
#dispatches	caption {font-size:1.3em;font-weight: bold; margin: 1em 0;text-align:left;}
#dispatches	thead {background: #eff; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5;text-align: center;}
#dispatches	th {color: #0020e0; text-align: center; font-weight: bold; border-bottom: 1px solid;}
#dispatches .lastrow {color: #0020e0; border:1px solid #0020e0; border-top: 2px solid #0020e0; font-weight:bold;}
#dispatches	.altrow {background-color:#edf5ff;}
#dispatches	.leftalign {text-align:left;}

#facts {padding:0px; margin:0px;border-collapse:collapse; border: 1px solid #666;}
#facts th, #facts td {border: 1px solid;text-align:center; padding:0.3em; }
#facts	caption {font-size:1.3em;font-weight: bold; margin: 1em 0;text-align:left;}
#facts tfoot {font-weight:bold;color: #0020e0; font-size: 110%;}	

.shadedbox {border: 1px solid #C6CDE3;background-color: #e2e5f0; margin:10px 5px; padding:20px 10px 10px 15px;}

.alert {
	width:60%;
	border:1px solid #ffa500;
	background-color: #f2eaaa;
	background-image: url(../images/stop.gif);
	background-position:left 50%;
	background-repeat: no-repeat;
	height:55px;
	line-height: 55px;
	font-family: verdana, sans-serif;
	margin:20px;
	font-weight:bolder;
	padding-left:90px;
	padding-top: 10px;
}

#infopack a.lo, #infopack a.hires {margin:0px 10px;width:47px; height:18px;display:block;background-position:0px 0px;background-image:url(/images/hilow.gif);text-decoration:none;}
#infopack a.lo:hover{background-position:0px -19px;}

#infopack a.hires {background-position:0px -38px;}
#infopack a.hires:hover {background-position:0px -57px;}



