/*

Peace Corps

Master CSS rules



Table of Contents

- structural elements

- navigation

- main

- template specific rules

- gallery

-----------------------------------------------*/







/*

Import External Styles

-----------------------------------------------*/

@import url("init.css");







/*

Structural Elements

-----------------------------------------------*/

body {

	background: #c7c7c7;

	color: #666;

	font: normal 62.5%/1.6 arial, verdana, sans-serif;

	margin: 0;

	padding: 0;

	text-align: center;

}



#page {
	background: #fff url("../img/shadow-sides.gif") repeat-y top right;
	color: inherit;
	font-size: 1.1em;
	margin: 0 auto;
	padding: 0 9px;
	text-align: left;
	width: 770px;

}



	#content-wrap {

		background-color: #fff;

		background-image: url("../img/faux-columns.gif");

		background-repeat: repeat-y;

		color: inherit;

		margin: 6px 6px 0;

	}

	

	#content {

	background-image: url(../banners/nav/nav.php); 
	background-position: bottom left; 
	background-repeat: no-repeat; 

		color: inherit;

	}

	

		#main {

			display: inline;

			float: right;

			width: 541px;

		}
				
		

			#home #main {

				border-top: 4px solid #dbdbdb;

			}

			

			#copy {

				margin: 0 21px 0 19px;

				width: 501px;

			}



		#nav {

			background: #edd280;

			color: #a43938;

			border-top: 4px solid #d9b138;

			display: inline;

			float: left;

			width: 212px;

		}

	

#footer {

	background: url("../img/shadow-footer.gif") no-repeat;

	color: #5e5e5e;

	font: normal 10px/1em arial, verdana, sans-serif;

	margin: 0 auto;

	padding: 15px 15px 25px;

	text-align: left;

	width: 758px;

}



	#footer p {

		margin: 0;

	}









/*

Link Styles

---------------------------------------------- */

a,

a:link,

a:visited,

a:hover,

a:active {
	color: #5098d9;
	text-decoration: none;

}



a:hover {
	text-decoration: underline;
	color: #23649E;

}







/*

Learn More about peace corps

---------------------------------------------- */

#learnmore {

	background: #000;

	color: #facb41;

	text-align: right;

	text-transform: uppercase;

}



	#learnmore p {

		font: bold 10px/25px arial, verdana, sans-serif;

		margin: 0;

		padding: 0 20px 0 0;

	}



	#learnmore a {

		background: url("../img/arrow-blk.gif") no-repeat center left;

		color: #facb41;

		padding-left: 13px;

		text-decoration: none;

	}





/*

Masthead

---------------------------------------------- */

#masthead {

	height: 75px;

	position: relative;

	width: 770px;

}



	#masthead p {

		height: 75px;

		margin: 0;

		position: relative;

		width: 770px;

	}

	

		#masthead p span {

			background: url("../img/hdr_title.jpg") no-repeat;

			height: 100%;

			left: 0;

			position: absolute;

			top: 0;

			width: 100%;

		}



	#masthead p.flag {

		height: auto;

		right: 0px;

		position: absolute;

		top: 0px;

		width: 99px;

	}

	

	#masthead a {

		cursor: pointer;

	}







/*

Navigation

-----------------------------------------------*/

#nav a,

#nav a:link, #nav a:visited

#nav a:hover, #nav a:active {

	text-decoration: none;

}



#nav ul {

	background: #ffefc2;

	border-top: 1px solid #fff;

	list-style: none;

	margin: 0;

}



	#nav li {

		border-top: 1px solid #ecd17f;

		border-bottom: 1px solid #fff7e0;

		margin: 0;

		padding: 0;

	}

	

		#nav li.first {

			border-top: none;

			padding-top: 20px;

		}

		

		#nav li.on {

			background: #fff6de;

		}

	

		#nav li.translations,

		#nav li.translations-on {

			background: #e2c05a;

			border-bottom: 1px solid #f6e1a3;

			border-top: none;

		}

		

			#nav li.translations a {

				background-color: #e2c05a;

			}

			

				#nav li.translations a:hover,

				#nav li.translations-on a:hover,

				#nav li.translations-on a {

					background-color: #f8db83;

				}

	

	#nav ul ul {

		background: transparent;

		border-top: none;

		margin-bottom: 15px;

		margin-top: 0;

		margin-left: 13px;

	}

	

		#nav ul ul li {

			border: none;

			padding: 5px 0;

		}

	

	

	#nav h5 {

		font: bold 11px/11px arial, verdana, sans-serif;

		margin: 0;

		text-transform: uppercase;

	}

	

		#nav h5 a {

			background: transparent;

			color: #a43938;

			display: block;

			padding: 10px 10px 10px 20px;

		}

		

			#nav h5 a span {

				color: #ca8a2d;

				padding-right: 7px;

			}

		

		#nav li.on h5 a:hover,

		#nav h5 a:hover {

			background-color: #fff6de;

		}

	

	

	#nav h6 {

		font: normal 11px/15px arial, verdana,sans-serif;

		margin: 0 10px 0 20px;

	}

	

		#nav h6 a {

			color: #2687de;

			text-decoration: none;

		}

		

		#nav h6 a:hover {

			text-decoration: underline;

		}

		

		#nav h6 a em {

			font-weight: bold;

		}

	





/*

Main Content

-----------------------------------------------*/

	#main h1 {

		color: #bc3c20;

		font: normal 24px/1 georgia,"times new roman", serif;

		margin: 15px 0 10px;

	}

	

		#main h1 big { /* blue of the page title */

			color: #20619c;

			font-size: 1em;

		}

	

	#main h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #BC3C20;
	font-size: 14px;

	}

	

	#main h3 {

	}

	#main p2 {
	color: #333333;
	font: 12px arial, verdana, sans-serif;
	}


	#main p {

		color: #666;

		font: 11px/19px arial, verdana, sans-serif;

		margin: 0;

	}

	

	/* link lists */

	ul.linklist {

		list-style: none;

	}

	

		ul.linklist li {

		}

		

		ul.adjacent li {

			display: inline;

			float: left;

			line-height: 12px;

			padding: 1px 10px;

		}

		

			ul.adjacent li.first {

				background: url("../img/rule-vertical.gif") repeat-y top right;

				padding-left: 0;

			}

		

		ul.opposite li { }

		

			ul.opposite li.outside {

				float: right;

			}





/*

Billboard

-----------------------------------------------*/

#billboard {

	border-bottom: 4px solid #dbdbdb;

	margin-left: 0;

	padding-bottom: 5px;

	width: 541px;

}



	#home #billboard {

		border-bottom-color: #fff;

		padding-bottom: 0;

		width: 758px;

	}

	

	#billboard img {

		display: inline;

		float: left;

		margin: 0;

		padding: 0;

	}

	

		#billboard img.img1 {

			margin-right: 5px;

		}







/*

Country information

-----------------------------------------------*/

#countryinfo {

	background: #efefef;

	border-bottom: 3px solid #20619c;

	color: #333;

	margin-top: 30px;

	width: 501px;

}



	#countryinfo h2 {

		background: #00c;

		border-bottom: 1px solid #fff;

		color: #fff;

		font: normal 12px/12px arial,verdana,sans-serif;

		margin-top: 0;

	}

	

	#countryinfo img.map {

		border: 1px solid #fff;

		display: inline;

		float: left;

		height: 179px;

		margin: 0 17px 12px 11px;

		width: 130px;

	}

	

	#countryinfo h3 {

		color: #20619c;

		font: bold 21px/21px arial,verdana,sans-serif;

		margin: 0;

	}

	

	#countryinfo ul {

		list-style: none;

		margin: 0 20px 12px 0;

	}

	

		#countryinfo li {

			background: url("../img/rule.gif") top left repeat-x;

			color: #333;

			font-size: 12px;

			padding: 2px 0;

		}

		

			#countryinfo li.first {

				background: transparent;

			}

			

			#countryinfo li strong {

				color: #518ec7;

				font-size: 10px;

				font-weight: bold;

				text-transform: uppercase;

			}







/*

Volunteer Quote

---------------------------------------------- */

#main blockquote {

	background: url("../img/quotemark.gif") no-repeat 0 23px;

	border-top: 4px solid #b8b8b8;

	color: #2185db;

	margin: -1px 0 0;

	padding: 18px 35px 25px 37px;

}



	#home #main blockquote {

		border-top: none;

		margin: 0;

	}

	

	#main blockquote p {

		color: #114b80;

		font: normal 10px/18px arial, verdana, sans-serif;

		margin: 0;

		text-transform: uppercase;

	}

	

	#main blockquote cite {

		color: #20619c;

		display: block;

		font-style: normal;

		font-weight: bold;

		line-height: 12px;

		margin-top: 5px;

		text-transform: none;

	}

	

		#main blockquote cite span {

			color: #999;

			display: block;

			line-height: 12px;

		}







/*

Section Front-page Template

---------------------------------------------- */

#section-front #main h2 {

	background: url("../img/dotted_rule.gif") repeat-x;

	color: #20619c;

	font: bold 18px/20px georgia,"times new roman",serif;

	margin: 0px 0 5px;

	padding-top: 0px;

}



	#section-front #main h2.first {

		background: transparent;

		border-top: 4px solid #20619c;

	}



	#section-front #main blockquote {

		margin-top: 45px;

	}



#section-front #main ul {

	list-style: none;

	margin-left: 20px;

}

	

	#section-front #main ul li {

		background: url("../img/text_bullet.gif") no-repeat 0 5px;

		padding-bottom: 4px;

		padding-left: 12px;

	}







/*

Section Inside Page Template

---------------------------------------------- */

#section-inside #main h2 {

	background: transparent;

	border-bottom: 1px solid #a9a9a9;

	color: #20619c;

	font: bold 14px/16px georgia,"times new roman",serif;

	margin: 26px 0 5px;

	padding-bottom: 2px;

}



	#section-inside #main ul {

		list-style: none;

		margin-left: 20px;

	}

		

		#section-inside #main ul.linklist {

			margin-left: 0;

			margin-top: 35px;

		}

		

		#section-inside #main ul li {

			background: url("../img/text_bullet.gif") no-repeat 0 5px;

			padding-bottom: 4px;

			padding-left: 12px;

		}

		

		#section-inside #main ul.linklist li {

			background: transparent;

			padding-left: 0;

		}

		





/*

Questions Template

---------------------------------------------- */

#questions #main ol {

	color: #b38d1b;

	font-size: 14px;

	font-family: georgia,"times new roman",serif;

	margin: 0 0 0 24px;

	padding: 0;

}



	#questions #main ol li {

		background: url("../img/dotted_rule.gif") repeat-x top left;

		padding: 28px 0 18px;

	}

	

		#questions #main ol li.first {

			background: transparent;

			padding-top: 18px;

		}

	

	#questions #main ol h2 {

		color: #20619c;

		font-family: arial,verdana,sans-serif;

		font-size: 11px;

		font-weight: bold;

		margin: 0;

	}

	

	#questions #main ol h3 {

		color: #666;

		font: bold 11px/11px arial,verdana,sans-serif;

		margin: 11px 0 0;

	}







/*

Gallery Template

---------------------------------------------- */

#gallery p.intro {

	border-bottom: 4px solid #20619c;

	margin-bottom: 0;

	padding-bottom: 10px;

}

	#gallery #photos {

		padding-top: 23px;

		text-align: center;

	}

	

		#gallery #photos div.landscape {

			margin-top: 35px;

		}

		

		#gallery #photos div.portrait {

			margin-top: 0;

		}

		

		#gallery #photos div.no-js {

			margin-bottom: 47px;

			margin-top: 47px;

		}

	

	#gallery #img-lg {

		margin: 0 auto;

		width: 282px;

	}

	

		#gallery #img-lg img {

			border: 1px solid #cbcbcb;

			padding: 3px;

		}

		

		#gallery #img-lg p#caption {

			color: #666;

			font: italic 10px/12px arial,verdana,sans-serif;

			margin: 10px 5px 0;

		}

	

	#gallery #thumbnails {

		list-style: none;

		margin: 25px 0 0;

		padding-bottom: 25px;

	}

	

		#gallery #thumbnails li {

			display: inline;

			float: left;

			height: 45px;

			margin: 25px 12px 0;

			text-align: center;

			width: 45px;

		}

		

		#gallery #thumbnails img {

			border: 1px solid #cbcbcb;

			padding: 2px;

		}

		

			#gallery #thumbnails img.landscape {

				margin-top: 14px;

			}