/* Our main styles */
body { margin: 0; padding: 0; font: 10pt Arial, Helvetica; color: #000; background: #666 url(/smp/images/bg.gif) top left repeat; }



/*******************************************************************************
	Page Construction
*/

/* lpc header */
#lpc {
	font-family: Arial, Helvetica;
	font-size: 8pt;
	color: #ccc;
	margin: 0 auto;
	padding: 0;
	height: 20px;
	width: 750px;
	background: #036 url(/smp/images/lpc_bg.jpg) top left repeat-x;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

#lpc p {
	margin: 0;
	padding: 2px 0 0 10px;
}

#lpc a, #lpc a:active, #lpc a:visited {
	color: #ccc;
	text-decoration: none;
}

#lpc a:hover {
	color: #eee;
	text-decoration: underline;
}




/* banner graphic */
#banner {
	margin: 0 auto;
	padding: 0;
	height: 40px;
	width: 750px;
	background: #3b709c;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

#banner img {
	padding: 5px 0 0 10px;
}





/* nav */
#nav {
	margin: 0 auto;
	padding: 0;
	height: 20px;
	width: 750px;
	background: #036 url(/smp/images/menu_bg.jpg) top left repeat-x;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#nav a, #nav a:active, #nav a:visited {
	display: block;
	float: left;
	border-right: 1px solid #000;
	color: #bcd;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	margin: 0;
	padding: 0 15px;
}

#nav a:hover {
	color: #ccc;
	background: #036 url(/smp/images/menu_bg_h.jpg) top left repeat-x;
}


div#registration {
	margin: 0 auto;
	padding: 10px;
	width: 730px;
	background: #ddd;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	font: 12pt Arial;
}



/* body */
div#main-content {
	color: #000;
	margin: 0 auto;
	padding: 0;
	width: 750px;
	background: #fff url(/smp/images/content_bg.jpg) top left repeat-y;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}



/* Left Column Definition */
div.left-column {
	float: left;
	margin: 0;
	padding: 0;
	width: 506px;
}


/* Left Column Content Definition */
div.left-column div.content {
	margin: 0;
	padding: 15px 25px 25px 25px;
}

/* Left Column Standard Tags */
div.left-column div.content p {
	margin: 0;
	padding: 0 0 15px 0;
}

div.left-column div.content p.complete {
	margin: 0;
	padding: 15px 0 0 0;
}

div.left-column div.content p.reg_details {
	margin: -5px 0 0 0;
	padding: 0 0 15px;
	font: 8pt Arial;
}

div.left-column h2 {
	margin: 0;
	padding: 5px 10px;
	background: #bcd;
	font: 14pt Verdana;
}

div.left-column h3 {
	border-bottom: 1px solid #aaa;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	color: #358;
	font: 14pt Arial;
}

div.left-column h4 {
	margin: 0;
	padding: 0 0 10px 0;
	background: #fff;
	color: #000;
	font: 12pt Arial;
	font-weight: bold;
}

div.left-column ul {
	margin: 0;
	padding: 5px 0 15px 0;
	list-style: none;
}

div.left-column ul li {
	font: 12px Arial, Helvetica;
	padding-left: 13px;
	background-image: url(/smp/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

div.left-column ul.instructions {
	margin: -10px 0 0 0;
	padding: 0 0 15px 0;
	list-style: none;
}

div.left-column ul.instructions li {
	font: 12px Arial, Helvetica;
	padding-left: 13px;
	background-image: url(/smp/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

div.left-column ul.media {
	margin: 0;
	padding: 0 0 25px 0;
	list-style: none;
}

div.left-column ul.media li {
	font: 12px Arial, Helvetica;
	padding-left: 13px;
	background-image: url(/smp/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}


	/* Left Column Home Page News Styles
	div.left-column div.content div.home-news {
		margin: 0;
		padding: 0;
	}

	div.left-column div.content div.home-news h1 {
		margin: 0;
		padding: 0 0 10px 0;
		color: #358;
		font: 14pt Arial;
	}

	div.left-column div.content div.home-news p {
		margin: 0;
		padding: 0px 7px;
		color: #000;
		font: 12px Arial, Helvetica;
	}

	div.left-column div.content div.home-news-posted {
		border-top: 1px solid #aaa;
		margin: 15px 0 0 0;
		padding: 5px 0 0 0;
	}

	div.left-column div.content div.home-news-posted p {
		margin: 0;
		padding: 0 3px;
		color: #777;
		font: 11px Arial, Helvetica;
	} */




	/* Home Page "Calendar of Events" Styles */
	div.left-column div.content p.no-events {
		margin: 0;
		padding: 5px 0 15px 0;
		font-style: italic;
	}




	/* News Styles */
	div.left-column div.content div.news {
		margin: 0 0 15px 0;
		padding: 0;
		border-bottom: 1px solid #aaa;
	}

	div.left-column div.content div.news h2 {
		margin: 0;
		padding: 0 0 15px 0;
		background: #fff;
		color: #358;
		font: 14pt Arial;
	}

	div.left-column div.content div.news p {
		margin: 0;
		padding: 0 5px 15px 5px;
		color: #000;
		font: 12px Arial, Helvetica;
	}

	div.left-column div.content div.news p.date {
		margin: 0;
		padding: 0 0 20px 3px;
		color: #777;
		font: 11px Arial, Helvetica;
	}

	div.left-column div.content p.view_all {
		margin: 0;
		padding: 0;
		font: 11px Arial, Helvetica;
		text-align: right;
	}




	/* Event Styles */
	div.left-column div.content div.event {
		margin: 0 0 15px 0;
		padding: 0;
		border-bottom: 1px solid #aaa;
	}

	div.left-column div.content div.event h2 {
		margin: 0;
		padding: 0 0 5px 0;
		background: #fff;
		color: #358;
		font: 14pt Arial;
	}

	div.left-column div.content div.event p {
		margin: 0;
		padding: 0 5px 20px 5px;
		color: #000;
		font: 12px Arial, Helvetica;
	}

	div.left-column div.content div.event p.date {
		margin: 0;
		padding: 0 0 15px 3px;
		color: #777;
		font: 11px Arial, Helvetica;
	}




	/* Media Styles */
	div.left-column div.content div.media {
		margin: 0 0 15px 0;
		padding: 0;
		border-bottom: 1px solid #aaa;
	}

	div.left-column div.content div.media h3 {
		border: none;
		margin: 0 0 0 -5px;
		padding: 0 0 10px 0;
		background: #fff;
		color: #358;
		font: 14pt Arial;
	}




	/* Survey Styles */
	div.left-column div.content div.question {
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		border-bottom: 1px solid #aaa;
	}

	div.left-column div.content div.question h4 {
		margin: 0;
		padding: 0 0 10px 0;
		background: #fff;
		color: #000;
		font: 12pt Arial;
		font-weight: bold;
	}

	div.left-column div.content div.question p {
		margin: 0;
		padding: 0 0 10px 0;
		color: #000;
		font: 12px Arial, Helvetica;
	}




	/* Trip Details Styles */
	div.left-column div.content div.trip-location {
		margin: -10px 0 15px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #aaa;
	}





div.left-column h3.news {
	border: 0;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	color: #358;
	font: 14pt Arial;
}






/* Right Column Styles */
div.right-column {
	float: right;
	margin: 0 0 0 1px;
	padding: 0;
	width: 243px;
}
div.right-column div.content {
	margin: 0;
	padding: 10px 10px 25px 10px;
}
div.right-column h2 {
	margin: 0;
	padding: 5px 10px;
	background: #abc;
	font: 14pt Verdana;
}
div.right-column h3 {
	margin: 0;
	padding: 0;
	color: #b95;
	font: 14pt Arial;
}

div.right-column h3.secondary {
	margin: 0;
	padding: 20px 0 0 0;
	color: #b95;
	font: 14pt Arial;
}

div.right-column ul {
	margin: 2px 5px;
	padding: 0;
	list-style: none;
}

div.right-column li {
	font: 12px Arial, Helvetica;
	padding-left: 13px;
	background-image: url(/smp/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

div.right-column a, div.right-column a:visited, div.right-column a:link, div.right-column a:active {
	color: #333;
	text-decoration: none;
}

div.right-column a:hover {
	color: #000;
	text-decoration: underline;
}


/* resume styles */
div.resume_item div.trip_name {
	float: left;
	width: 100px;
}
div.resume_item div.trip_details {
	float: right;
}


/* styles that span both columns */
div.column-content {
	margin: 0;
	padding: 10px 15px;
}


/* For left and right floating */
div.left {
	float: left;
}
div.right {
	float: right;
}


/* style for floating divs */
div.spacer {
	clear: both;
}



/* footer */
#footer {
	font-family: Arial, Helvetica;
	font-size: 8pt;
	color: #ccc;
	margin: 0 auto;
	padding: 0;
	height: 40px;
	width: 750px;
	background: #036 url(/smp/images/footer_bg.jpg) top left repeat-x;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
#footer p {
	margin: 0;
	line-height: 40px;
	padding: 0 10px;
}
#footer a, #footer a:active, #footer a:visited {
	color: #ccc;
	text-decoration: none;
}
#footer a:hover {
	color: #eee;
	text-decoration: underline;
}



/* Styles for form tables */
tr.field_label td {
	color: #777;
	font-size: 11px;
}


/* Styles for the "rowdata" types of tables */
table.rowdata {
	border-spacing: 1px;
}

.rowdata th {
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	background-color: #036;
	vertical-align: bottom;
	padding: 4px;
	border: 0;
}

.rowdata th a, .rowdata th a:visited, .rowdata th a:active {
	color: #fff;
	text-decoration: none;
}

.rowdata th a:hover {
	color: #fff;
	text-decoration: underline;
}

.rowdata th.secondary {
	font-size: 8pt;
	font-weight: bold;
	color: #ddd;
	background-color: #3b709c;
	vertical-align: bottom;
	padding: 4px;
	border: 0;
}

.rowdata td {
	font-size: 10pt;
	padding: 5px;
	border: 0;
}

.rowdata tr {
	background-color: #ddd;
	vertical-align: top;
}

.rowdata tr:hover {
	background-color: #ccc;
}


/* recordcount row */
.rowdata tr.recordcount {
	background-color: #fff;
	text-align: right;
	font-size: 8pt;
	margin: 0;
	padding: 0 0 5px 0;
}

.rowdata tr.recordcount td {
	font-size: 8pt;
	vertical-align: bottom;
}

.rowdata tr.recordcount td ul {
	margin: 0 0 0 0;
	padding-left: 0px;
}

.rowdata tr.recordcount td ul li {
	display: inline;
	padding-left: 5px;
	padding-right: 7px;
	border-right: 1px solid #888;
}

.rowdata tr.recordcount td ul li.last {
	display: inline;
	padding-left: 5px;
	padding-right: 0px;
	border-right: 0px;
}

.rowdata tr.recordcount select.filter {
	font-size: 8pt;
}

.rowdata tr.recordcount input.filter {
	font-size: 8pt;
}


/* footer row */
.rowdata tr.footer {
	background-color: #fff;
}
.rowdata tr.footer td {
	font-size: 8pt;
}





/* Links */
a, a:active, a:link, a:visited {
	color: #0d4575;
}
a:hover {
	color: #bd0707;
}




/* Miscellaneous Styles */
.alert {
	font-weight: bold;
	color: #f00;
}
.inactive {
	color: #555555;
}