/* 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;
}
a.button {
	padding: 5px 20px;
	font: bold 13px Helvetica, Arial, sans-serif;
	color: #444;
	text-shadow: 0 1px 0px #eee;
	text-decoration: none;
	border: 1px solid #ccc;
	background: #eee;
	background: -moz-linear-gradient(0% 100% 90deg, #bbb, #fff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;
	-webkit-box-shadow: inset 0 0 5px #f5f5f5;
	   -moz-box-shadow: inset 0 0 5px #f5f5f5;
	        box-shadow: inset 0 0 5px #f5f5f5;
}
a.button:focus, a.button:hover {
	background: #ddd;
	background: -moz-linear-gradient(0% 100% 90deg, #aaa, #eee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#aaa));
}




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




/* ==|== Boilerplate: Forms =================================================
============================================================================= */

fieldset { border: 0; margin: 0; padding: 0; }

fieldset {
	margin-bottom: 15px;
}
fieldset:last-child {
	margin: 0;
}
fieldset.submit {
	margin-top: 20px;
}

input[type="submit"] {
	padding: 5px 20px;
	font: bold 13px Helvetica, Arial, sans-serif;
	color: #444;
	text-shadow: 0 1px 0px #eee;
	border: 1px solid #ccc;
	background: #eee;
	background: -moz-linear-gradient(0% 100% 90deg, #bbb, #fff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;
	-webkit-box-shadow: inset 0 0 5px #f5f5f5;
	   -moz-box-shadow: inset 0 0 5px #f5f5f5;
	        box-shadow: inset 0 0 5px #f5f5f5;
}
input[type="submit"]:focus, input[type="submit"]:hover {
	background: #ddd;
	background: -moz-linear-gradient(0% 100% 90deg, #aaa, #eee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#aaa));
}
input[disabled], input[disabled]:hover {
	color: #999;
	background: #eee;
	background: -moz-linear-gradient(0% 100% 90deg, #bfbfbf, #eee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#bfbfbf));
}
input::-webkit-input-placeholder {
    color: #ccc;
    font-style: italic;
}
input:-moz-placeholder {
    color: #ccc;
    font-style: italic;
}
.button-neighbor {
	margin-left: 15px;
	line-height: 30px;
}
fieldset span.error {
	margin-left: 15px;
}
p.form-field-info {
	margin: 5px 0 0 3px;
	color: #999;
	font-size: 12px;
}


/* Error States */
input.error, textarea.error, select.error,
input:focus.error, textarea:focus.error, select:focus.error {
	border-color: rgba(255, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 12px rgba(255, 0, 0, 0.5);
	   -moz-box-shadow: 0px 0px 12px rgba(255, 0, 0, 0.5);
			box-shadow: 0px 0px 12px rgba(255, 0, 0, 0.5);
}



/* Form Customizations */
#form-covenant label {
	float: left;
	width: 420px;
}
#form-covenant input[type="checkbox"] {
	float: left;
	margin-right: 15px;
}
#form-covenant input[type="submit"] {
	float: right;
}






/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }