/* HEADER SECTION
------------------------------------------------- */
h1#header {
	position: relative;
	padding: 10px 0 0 5%;
	margin: 0;
}

h2#subtitle { /*belowbody title */
	margin: 0;
	padding: 0 0 10px 5%;
	
	color: #000;
}

/* CRUMBTRAIL
---------------------------------------------- */
#crumbtrail {
	position: relative;
	padding-left: 5%;
	z-index: 1;

	background-color: #369;
	/*border: thin dashed #CCFF00;*/
}
	#crumbtrail span {
		position: relative;
		width: 75%;
		line-height:20px;
		z-index: 3;

		color: #FFF;
	}

	#crumbtrail a { color: #FFF; }

	/* --- iceberg --- */
	#crumbtrail img#iceberg {
		position: absolute;
		left: 75.5%; /* .5 because we don't want overlap with crumbtrailTxt */
		top: -34px; /*has to correspond with image */
		z-index: 2;
		/*width: 87px;
		height: 68px;*/
	}

/* MAIN SECTION
------------------------------------------------*/
#main {
	position: relative;
	padding: 15px 20px 0 5%; /* top right bottom left */ /*20 20 0 5%*/
}
	/* --- content --- */
	#content {
		position: relative;
		width: 79%;
		/*padding-right: 20%;*/
		/*border: 1px #973 dotted;*/
	}

	/* --- sidebar --- */
	#sidebar {
		position:absolute;
		top: 40px;
		right: 1%;
		width: 18%;
		padding: 5px;
		border: solid #369 1px;
	}
	    #sidebar ul { 
			padding-left: 15px;
			margin-left: 0; /*needed for IE and Opera*/
		}

	/* --- footer --- */
	#footer {
		position: relative;
		width: 80%;
		margin: 0;
		padding: 10px 0 0 0;
	
		color: #666;
		font-size: 0.9em;
		/*border: 1px #059 dashed;*/
	}
	
		#footer ul, #footer li {
			display: inline;
			margin: 0;
			padding: 0;
		}
	
		/* --- icons --- */
		#icons {
			position:absolute;
			padding: 10px 0 0 0;
			right: 0;
			width: 80px;
			/*left: 75%;*/
			/*width: 19%;*/
		}
			#icons img {
				clear: right;
				float: right;
			}

/* MISCELLANEOUS STYLES
---------------------------------------------- */
/* --- HTML tags redefined ---*/
html {
	padding: 0; 
	margin: 0;
}

body {
	margin: 0;
	padding: 0; /*Opera fix for whitespace along the blue bars*/

	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 1em;
	color: #000;
	background-color: #FFF;
}

td, th {
	border-bottom-style: dashed;
	border-bottom-color: #369;
	border-bottom-width: 1px;
}
th { text-align: left; }
	th.px100 { width: 100px; }
	th.px150 { width: 150px; }

td, th, caption {
	padding: 4px;
	font-size: 1em;
	vertical-align: top;
}
caption { /* table caption */
	padding: 3px;
	text-align: left;

	background-color: #369;
	color: #FFF;
	font-weight: bold;
}

a { color: #039; }
	a:visited { color: #369; }
	a:active { color: #333; }

h1 {
	margin: 0;
	/*display:inline;*/

	font-size: 2.8em;
	color: #369;
	font-weight: bold;
}

h2.bullet {
	padding-left: 20px;

	background-image: url("/images/patrickdepinguin_small.gif");
	background-repeat: no-repeat;
	background-position: 0 0.1em;
}

img { border: none; }

fieldset {
	width: 75%;
	padding: 10px;
}

/* --- Generic classes --- */
.blueTxt { color: #369; }

.caption { /* caption for a picture */
	font-size: 0.9em;
	color: #666;
}

.small { font-size: 0.7em; }

.objLeft {
	float: left;
	margin: 0 10px 10px 10px;
}
.objRight {
	float: right;
	margin: 0 10px 10px 10px;
}

.txtRight { text-align: right; }

.indent { padding-left: 5%; }

.clear { clear: both; }