/* Float Clearing */
.clear { zoom: 1; }
.clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }


.current{
	display: inline;
}

.notcurrent{
	display: none;
}

/* Accessibility */
.accessibility { left: -9999px; position: absolute; top: -9999px; }



body {
	background: #C7C3A4 url(/images/bkgd/bg-pattern-diag.jpg) repeat-x top left;
	color: #333;
	font: 12px/16px arial, helvetica, sans-serif;
	padding-bottom: 50px;
}

/* general lists */
ul {
	/*list-style: none none;*/
	/*list-style-image:url("../images/bkgd/sqorange.gif");*/
}
	li {
		background: url(/images/bkgd/red_bullet.gif) no-repeat 0px 7px;
		/*list-style-image:url("../images/bkgd/sqorange.gif");*/
/*		margin: 0; */
/*		padding-left: 7px; */
		margin: 0 0 0 10px;
		padding-left: 13px;
	}

ol {
	list-style: decimal outside;
	display: block;
	margin-bottom: 20px;
}
ol ol {
	list-style: upper-alpha;
	margin: 10px 0 10px 25px;
	display: block;
}
ol ol ol {
	list-style: upper-roman inside;
	display: block;
}
	ol li {
		margin: 0 0 0 28px;
		padding: 0;
		background: none;
	}
strong {
	font-weight: bold;
	color: #a93f1f;
}

#main h2.steps {
	color: #e3b239;
	padding: 0 0 4px;
	margin: 0 0 20px;
	font-size: 22px;
	line-height: 22px;
	border-bottom: 1px solid #fae4ad;
}

.bullets {
	list-style-type: square;
	list-style-position: inside;
}


/* STRUCTURAL ITEMS */
#wrapper {
	/*border-bottom: 50px solid #4c5965;*/
	margin: 0 auto;
	padding: 0 0 0 10px;
	width: 940px;
}

#page {
	width: 930px;
}

#content {
	left: 10px;
	margin-bottom: -10px;
	position: relative;
	width: 910px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
	background-color: #FFFFFF;
	float: left;
}

	/* primary content */
	#primary {
		background: #fff;
		display: inline;
		float: right;
		/*width: 710px;*/
		width: 710px;
		position: relative;
	}
	
		/* secondary content */
	#secondary {
	float: left;
	margin: 0;
	/*margin: 0 0 277px;*/ /* to ensure that b&w photo is always revealed */
		width: 200px;
	position: relative;
	}

/* FOOTER */
#footer {
	clear: both;
	background: #262b31;
	border-top: 10px solid #fff; /* maintains the space between content and footer. */
	color: #9593a6;
	font-size: 10px;
	line-height: 1;
	height: 8px;
	width: 892px;
	/*position: relative;
	bottom: -70px;*/
	margin-left: 10px;
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 17px;
	padding-left: 18px;
	position: relative;
}

	#footer p {
		color: #9593a6;
		font-size: 10px;
		line-height: 1;
		margin: 0;
		padding: 0;
	}

	#footer a {
		color: #9dd0ff;
		text-decoration: underline;
	}

	#footer a:hover {
		color: #fff;
	}


		/* main content well */
		#main {
	float: left;
	/*width: 438px;*/
			width: 438px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2em;			
		}

			/* ###################################### */
			.body #main {
				width: 637px;
			}
			/* ###################################### */


		/* local content */
		#local {
			float: right;
			padding-top: 3px;
			width: 216px;
		}



/* MASTHEAD */
#masthead {
	border-bottom: 10px solid white; /* hides the bottom peek of #wrapper's gray background */
	height: 220px;
	left: 10px;
	position: relative;
	width: 910px;
	background-image: url(../images/banner_short.jpg);
	background-repeat: no-repeat;
}


	/* logo */
	#masthead h1 {
		display: block;
		font-size: 10px;
		height: 89px;
		left: 8px;
		line-height: 1;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 44px;
		width: 340px;
	}

        #masthead h1 p {
            height: 89px;
            width: 340px;
            margin: 0;
            padding: 0;
            background: url("/images/banner_short.jpg") no-repeat;
        }

            * html #masthead h1 p {
                    background: none;
                    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
                        src="/images/global/peacecorps_logo_short.png", sizingMethod="crop");
            }

            #masthead h1 p a {
                position: relative;
            }

            * html #masthead h1 p a {
                background: transparent;
                display: block;
            }

	#masthead h1 p a,
	#masthead h1 span {
		display: block;
		text-indent: -999px;
	}

	#masthead h1 p a {
	    position: relative;
		cursor: pointer;
		height: 89px;
		width: 340px;
	}

	#masthead h1 span {
		height: 100px;
		width: 346px;
	}


	/* A Day in the Life Banner */
	#masthead div.span_photo {
		padding-top: 113px;
	}



/* MAIN NAVIGATION */
.nav {}

	.nav h5 {
		background: #f8c940;
		color: #a4451f;
		font-size: 14px;
		font-weight: bold;
		line-height: 1;
		padding: 11px 10px 9px 18px;
		margin: 0;
	}

	.nav ul {
		/*background-color: #22B412;*/
		list-style: none none;
		margin: 0;
		padding: 0;
	}

		.nav li,
		.nav a:link,
		.nav a:visited,
		.nav a:hover,
		.nav a:active,
		.nav em {
			color: #a4451f;
		}

		.nav a,
		.nav em {
			display: block;
			margin: 0;
			padding: 9px 10px 4px 18px;
		}

		.nav em {
			background: url("/images/bkgd/nav_indicator.gif") no-repeat 6px 15px;
		}

	/* level 1 */
	.nav ul.lvl1 {
		font-size: 14px;
		font-weight: bold;
		line-height: 1;
		background-color: #22B412;
	}

		.nav ul.lvl1 li {
	border-bottom: 1px solid #c49f2d;
	margin: 0;
	padding: 0;
	background-color: #22B412;
		}

			.nav ul.lvl1 a,
			.nav ul.lvl1 em {
				font-weight: bold;
				padding: 10px 10px 4px 18px;
			}

	/* level 2 and 3 */
	/*.nav ul.lvl2,
	.nav ul.lvl3 {
		font-size: 12px;
		font-weight: bold;
		line-height: 14px;
	}*/
	
	.nav ul li.lvl2, .nav ul li.lvl3 {
		font-size: 12px;
		font-weight: bold;
		line-height: 14px;
	}

	/* level 2 */
	/*.nav ul.lvl2 {
		background: #f9d66e;
	}*/
	/*
		.nav ul.lvl2 li {
	border-bottom: none;
	border-top: 1px solid #fff;
	background-color: #62ED52;
		}

		.nav ul.lvl2 li:first-child {
			border-top-color: #c49f2d;
		}

			.nav ul.lvl2 a,
			.nav ul.lvl2 em {
				font-weight: bold;
				padding: 9px 10px 4px 18px;
			}
	*/
	
		.nav ul li.lvl2 {
	border-bottom: none;
	border-top: 1px solid #fff;
	background-color: #62ED52;
		}

		.nav ul li.lvl2:first-child {
			border-top-color: #c49f2d;
		}

			.nav ul li.lvl2 a,
			.nav ul li.lvl2 em {
	font-weight: bold;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 18px;				/*padding: 9px 10px 4px 18px;*/
				
			}
			
	/* level 3 */
	/*
	.nav ul.lvl3 {
		background: #feeeb7;
	}

		.nav ul.lvl3 li {
	border-top: 1px solid #fff;
	font-weight: normal;
	background-color: #98F38D;
		}

		.nav ul.lvl3 li:first-child {
			border-top-color: #fff;
		}

		.nav ul.lvl3 a,
		.nav ul.lvl3 em {
			font-weight: normal;
		}
	*/

		.nav ul li.lvl3 {
	border-top: 1px solid #fff;
	font-weight: normal;
	background-color: #98F38D;
		}

		.nav ul li.lvl3:first-child {
			border-top-color: #fff;
		}

		.nav ul li.lvl3 a,
		.nav ul li.lvl3 em {
			font-weight: normal;
			padding-bottom: 10px;
		}
	
	/* level 4 and 5 */
	/*
	.nav ul.lvl4,
	.nav ul.lvl5 {
		background: #fef3cd;
	}

		.nav ul.lvl4 li,
		.nav ul.lvl5 li {
			background: #fef3cd;
			border: none;
			font-size: 11px;
			line-height: 13px;
		}

		.nav ul.lvl4 a,
		.nav ul.lvl4 em,
		.nav ul.lvl5 a,
		.nav ul.lvl5 em {
			background-position: 6px 11px;
		}
	*/
			.nav ul li.lvl4,
		.nav ul li.lvl5 {
			/*background: #fef3cd;*/
			border: none;
			font-size: 11px;
			line-height: 13px;
		}

		.nav ul li.lvl4 a,
		.nav ul li.lvl4 em,
		.nav ul li.lvl5 a,
		.nav ul li.lvl5 em {
			background-position: 6px 11px;
		}
	
	/* level 4 */
	.nav ul.lvl4 {
		border-top: 1px solid #fff;
		padding-bottom: 9px;
		padding-top: 2px;
	}

	/* level 5 */
	.nav ul.lvl5 {}

		.nav ul li.lvl5 a,
		.nav ul li.lvl5 em {
			padding-left: 28px;
		}


#nav-resources {
	background: #00427d;
}

	#nav-resources h5 {
		/*background: #f8c940 url("/images/bkgd/navlink_gradient_blue.jpg") repeat-x;*/
		background: #004684;
		color: #92cbff;
	}

	#nav-resources ul {
		background-color: #004684;
	}

		#nav-resources li,
		#nav-resources a,
		#nav-resources em {
			color: #fff;
		}

		#nav-resources em {
			background-image: url("/images/bkgd/nav_indicator_blue.gif");
			background-position: 6px 15px;
		}

	/* level 1 */
		#nav-resources ul.lvl1 li {
			background: #004684 url("/images/bkgd/navlink_gradient_blue.jpg") repeat-x;
			border-bottom: 1px solid #1c609d;
		}

	/* level 2 */
	#nav-resources ul.lvl2 {
		background: #0c5596;
	}

		#nav-resources ul.lvl2 li {
			background: #0c5596;
			border-bottom: none;
			border-top: 1px solid #3d77ab;
		}

		#nav-resources ul.lvl2 li:first-child {
			border-top-color: #1c609d;
		}

		#nav-resources ul.lvl2 a,
		#nav-resources ul.lvl2 em {
			font-weight: normal;
			padding-top: 7px;
		}

	/* levels 3-5 */
	#nav-resources ul.lvl3,
	#nav-resources ul.lvl4,
	#nav-resources ul.lvl5 {
		background: #1965a9;
	}

		#nav-resources ul.lvl3 li,
		#nav-resources ul.lvl4 li,
		#nav-resources ul.lvl5 li {
			background: #1965a9;
			border-top: none;
			font-size: 11px;
			line-height: 13px;
		}

	/* level 3 */
	#nav-resources ul.lvl3 {
		border-top: 1px solid #3d77ab;
		padding-bottom: 7px;
	}

		#nav-resources ul.lvl3 a,
		#nav-resources ul.lvl3 em {
			background-position: 6px 12px;
		}

	/* level 4 */
	#nav-resources ul.lvl4 {
		border-top: none;
		padding-bottom: 0;
	}

		#nav-resources ul.lvl4 a,
		#nav-resources ul.lvl4 em {
			padding-left: 28px;
		}

	/* level 5 */
	#nav-resources ul.lvl5 a,
	#nav-resources ul.lvl5 em {
		padding-left: 40px;
	}



/* LOCAL CONTENT INFORMATION */

/* promos */
#promos-outer {
	margin-bottom: 11px;
	padding-bottom: 165px;
	background-color: #e4ecf3;
	/*background-image: url(../images/donate_background.jpg);*/
	background-repeat: no-repeat;
	background-position: left bottom;
}

#promos {
	/*background: url("/images/bkgd/promos_gradient.jpg") repeat-x;*/
	margin-bottom: 10em;
}

#promos .promo {
	background: none;
	border-top: 1px solid #a2b9cf;
	margin: 12px 17px 0;
	padding: 12px 0 0;
}
	#promos .leadingPromo { /* for when there is no "apply now" up top */
		border-top: none;
		padding-top: 18px;
	}

		#promos #applynow {
			border-top: none;
			margin: 0 0 0 3px;
			padding-top: 5px;
		}
			#applynow a {
				cursor: pointer;
			}
		#promos h3 {
			color: #025394;
			font: bold 14px/1 arial, sans-serif;
			padding: 0;
			margin: 0 0 -6px;
		}
		#promos a {
			text-decoration: underline;
		}
		#promos a:hover {
			text-decoration: none;
		}
		#promos p {
			margin: 9px 0 0;
		}
		#promos p img {
			float: left;
			padding-top: 3px;
			margin: 0 10px 5px 0;
		}
		#promos dl {
			margin-bottom: 0;
		}
		#promos dt, #promos h4 {
			color: #025394;
			font-weight: bold;
			font-size: 12px;
			line-height: 1.4;
		}
		#promos dd {
			font-size: 12px;
			line-height: 16px;
			margin-bottom: 4px;
		}
		#promos li {
			background: none;
			padding: 0;
		}
		#promos h4 {
			margin-bottom: -8px;
		}
		#promos #videoContainer {
			padding: 3px;
			background: white;
			border: 1px solid #c9d1d8;
			margin: 14px 0 0;
		}



/* find events */
#findevents {
	border-bottom: 1px solid #c3cbd2;
	padding: 17px 13px 22px 16px;
	/* background-color: #9bc4e6; */
	background-color:#66CC66;
	/* background-image: url(../images/teak_tree.jpg); */
	background-repeat: no-repeat;
	background-position: left bottom;
}

	#findevents h3 {
		color: #025394;
		font: bold 14px/1 arial, sans-serif;
		margin: 0 0 3px;
		padding: 0;
	}
	#findevents h3 a {
		color: #025394;
	}

	#findevents select {
		border: 1px solid #c5c5c5;
		font-size: 10px;
		line-height: 1;
		margin-bottom: 7px;
		padding: 2px 2px 2px 5px;
		width: 184px;
	}

	#findevents input[type="image"] {
		display: block;
	}
			

/* resources */
#resources {
	background: #002e58 url(/images/bkgd/bg_resources.jpg) repeat-x;
	border-bottom: 1px solid #144877;
	color: #92cbff;
	font-size: 11px;
	line-height: 18px;
	height: 91px; /* 99px */
	margin: 0;
	padding: 7px 17px 3px 18px;
	width: 602px; /* 637px */
}

	#resources a {
		color: #fff;
	}

	#resources h3 {
		border-bottom: 1px solid #295d8c;
		color: #92cbff;
		font: bold 14px/18px arial, sans-serif;
		margin: 0 0 6px;
		padding: 0 0 4px;
	}

	#resources ul {
		display: inline;
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 159px;
	}

	#resources li { /* fix (added entirely) */
		background: none;
		padding: 0;
		font: bold 11px/18px arial, sans-serif;
		margin-left: 0;
	}

	#resources .short {
		width: 75px;
	}

	#resources div {
		display: block;
		float: right;
		height: 51px;
		padding: 0 5px 0 12px;
		width: 189px; /* 206px */
		border-left: 3px solid #0f4374;
	}

	#resources div h5,
	#resources div p {
		margin: 0;
		padding: 0;
	}

	#resources div h5 {
		font: bold 15px/18px arial, sans-serif;
	}
	#resources div p {
		color: #9ec1e2;
		font: normal 11px/14px arial, sans-serif;
	}



/* MAIN CONTENT AREA */

/* breadcrumbs */
#breadcrumbs {
	/*border-bottom: 1px solid #ced5db;*/
	line-height: 20px;
	margin-bottom: 9px;
	padding-bottom: 5px;
	width: 685px;
}

	#breadcrumbs a {
		background: url("/images/bkgd/breadcrumbs_slash.gif") no-repeat right;
		float: left;
		margin-right: 10px;
		padding-right: 16px;
		position: relative;
		white-space: nowrap;
	}

	#breadcrumbs span {
		display: none;
	}


/* back to top */
p.backtotop {
	border-top: 1px solid #c3cbd2;
	font-size: 11px;
	line-height: 16px;
	margin-top: 3em;
	padding-right: 10px;
	padding-top: 8px;
}


/* default paragraphs */
p {
	margin: 0 0 18px;
	padding: 0;
}



/* LANDING PAGE CONTENTS */

.contents {
	list-style: none none;
	margin: -10px 0 30px;
	padding: 0;
}

	.contents li, .contents dd {
		background: transparent;
		background: none;
	}

		.contents li h5, .contents dt {
			font: bold 14px/16px georgia, "times new roman", times, sans-serif;
			margin: 0 0 3px;
			padding: 21px 0 0;
			border-top: 1px solid #c3cbd2;
		}
		
		.contents dt {
			color: #bc7700;
		}
		
		.contents dt:first-child {
			border-top: none;
		}

		.contents p, .contents dd {
			margin: 0 0 16px 0;
			padding: 0;
			line-height: 19px;
		}

		.contents li a, .contents dt a {
			color: #bc7700;
		}
		
		.contents h3 a {
			color: #a93f1f;
		}


#main .subtle {
	color: #888b8c;
}

#primary p.subtitle {
	color: #888b8c;
	font: bold 12px/30px arial, sans-serif;
	margin: -9px 0 10px 0;
}


/* contact */
#contact {
	/*color: #888b8c;*/
	margin: 0 0 18px 18px;
	padding: 0 0 0 10px;
	/*width: 140px;*/
}

	#contact li {
	background: none;
	/*font: normal 12px/14px arial, sans-serif;*/
		font: bold 14px/16px georgia, "times new roman", times, sans-serif;
	padding-left: 0;
	color: #bc7700;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	padding-bottom: 5px;
	}
	
	#contact .info {
	border-left: 2px solid #ced5db;
	color: #333333;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 18px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	}
	
	#contact .info a {
		
	}
	
	#contact h5 {
		margin: 0;
		padding: 0;
	}
	
/* Main article area */
p {
	color: #333;
}

#main p.address {
	font-weight: bold;
	color: #888b8c;
}

#main p.address a {
	font-weight: normal;
}

#main p.eventdate {
	color: #a93f1f;
	font-weight: bold;
	margin:0 0 5px;
}

#main p.alumni,
#main p.appointment {
	color: #888b8c;
	font-style: italic;
	margin: -17px 0 26px;
	font-size: 11px;
}


/* TABLE STYLES */

table {
	width: 100%;
	color: #414141;
	border-bottom: 2px solid #dbe0e4;
	font-size: 12px;
	clear: both;
	margin-bottom: 30px;
}
	thead th, thead th a, tfoot td {
		border-top: 2px solid #dcbc74;
		background: #feeeb7;
		text-transform: uppercase;
		color: #a93f1f;
		font-weight: bold;
		padding: 10px 0;
		font-size: 11px;
		vertical-align: middle;
	}
	thead th, tbody td, tfoot td {
		padding-right: 6px;
		padding-left: 6px;
	}
	thead th a:link, thead th a:visited, thead th a:hover, thead th a:active { /* need to be this specific to override "basic"'s specificity */
		text-decoration: underline;
		border: none;
		color: #a93f1f;
	}
	thead tr th:first-child, tbody tr td:first-child, tbody th, tfoot th {
		padding-left: 12px;
	}
	tbody th, tfoot th {
		background: #fef4d1;
		border-top: 1px solid #e8cd8c;
		font-size: 11px;
		color: #a93f1f;
	}
	tbody th {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	tbody td, tfoot td {
		border-top: 1px solid #dbe0e4;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	td em {
		color: #a93f1f;
	}
	td h3 {
		margin: 3px 0;
	}
	tfoot th, tfoot td {
		padding-top: 11px;
		padding-bottom: 11px;
	}
	tfoot th {
		background: #f4df97;
		vertical-align: middle;
		font-weight: bold;
		font-size: 12px;
	}
	tfoot td {
		background: #feeeb7;
		font-size: 12px;
	}
	p.note {
		color: #a93f1f;
		font-weight: bold;
		margin-bottom: 7px;
	}
	div.key {
		padding-left: 12px;
	}
		div.key h5 {
			color: #a93f1f;
			font-weight: bold;
			font-size: 12px;
			margin: 20px 0 3px;
		}
		div.key ul {
			list-style: none;
			margin-top: 0;
		}
		div.key li {
			background: none;
			padding: 0;
		}
		div.key li em {
			font-weight: bold;
			color: #888b8c;
		}

/* Specific Tables */

table.dataset {
	border-bottom: none;
}
	table.dataset thead th, table.dataset tbody td, table.dataset tfoot td {
		text-align: center;
	}
	table.dataset thead th.main {
		font: normal 28px/1 georgia, serif;
		text-align: left;
	}
table.external {
}
	table.external .country, table.external tbody a {
		color: #888b8c;
	}
	table.external tbody a {
		font: bold 12px/1 georgia, serif;
	}
table.internal {
}
	table.internal .date {
		color: #888b8c;
	}
	table.internal tbody a {
		color: #a6a7a7;
	}



/* single events */

div.event,
#main div.location {
	border-top: 1px solid #c3cbd2;
	padding-top: 22px;
}
div.event ul {
	margin: 0 0 24px;
}
div.event h3,
#main .event h4 {
	margin: 0;
	padding-bottom: 0;
	font: normal 12px/18px arial, sans-serif;
}

div.event h3 {
	margin-top: 26px;
}
div.event h3.first {
	margin-top: 10px;
}

div.event h4 {
	margin-bottom: 2px;
	color: #333;
}
#main div.event h4 {
	font-weight: bold;
}

div.location {
	padding-top: 44px;
}


/* Alternate Event Template */

ul.internal {
	margin-bottom: 15px;
}

ul.internal li {
	background: none;
	padding: 0;
	margin-left: 0;
	font-size: 11px;
}
		h2.state {
			font-size: 17px;
			margin: 20px 0 0;
		}


/* Event Detail */

h4 {
	color: #a93f1f;
	font: normal 12px/18px arial, sans-serif;
	margin: 16px 0 0;
}
	.instruction {
		color: gray;
	}

	table input[type="text"] {
		border: 1px solid #c5c5c5;
		padding: 1px;
		width: 75px;
	}


	form ol {
	}
	form ol li.stacked {
		margin-left: 30px;
		width: 408px;
	}

/* SG 072709 - styles for equal height columns */
.colwrap {
	width: 650px;
	background:url(/images/catalog/jobs_bg.jpg) no-repeat left bottom;
}
.col {
	width:195px;
	float:left;
	margin-bottom:0;
}