/* CSS Document */

/* GLOBAL */
html, body, img, ul, li, p, h1, h2, h3, h4, h5, form, input, textarea, submit, iframe { 
	margin:					0; 
	padding:				0; 
	border:					0; 
}

body {
	width:					100%;
	font-family:			Georgia, serif; 
    font-size:				100%;
}

a { 
	color:					#C74C13; 
	text-decoration:		none; 
}

a:hover { 
	text-decoration:		underline;
}

/* /GLOBAL */
#wrapper { 
	margin:					10px 30px 0 30px;
	min-width:				955px;
}
/* /GLOBAL */





/* HEADER */
#headerWrapper { 
	position:				relative; 
	top:					0; 
	left:					0; 
	width:					100%; 
}

#header { 
	position:				relative;
/*	height:					146px; */
/*	border-top:				1px solid #817D7C; */
}

#statusBar {
	position:				relative;
	padding:				10px 0;
	font-size:				.75em;
	border-top:				1px solid #817D7C;
	
}

#statusBar #status {
	position:				relative; 
	display:				inline;
	width:					100%;
}

#statusBar .statusBold {
	font-weight:			bold;
}

#statusBar #statusArchive {
	position:				absolute;
	top:					10px;
	right:					0;
}

#header #navigation { 
	position:				relative;
	width:					100%;
	padding:				3px 0 10px 0;
	margin-bottom:			5px;
	color:					#C74C13; 
	font-weight:			bold; 
	font-size:				.75em;
/*	background:				url('../images/american_academy_in_rome.gif') no-repeat center 42px !important;*/
}

#navigation ul { 
	position:				relative; 
	left:					0;
	list-style:				none; 
	text-align:				left;
	width:280px;
}

#navigation .highlighted { 
	color:					#FFF; 
	background-color:		#C74C13; 
}

#navigation .selected { 
	color:					#000 !important;
}

#search { 
	position:				absolute; 
	top:					0px; 
	right:					0px; 
	text-align:				right;
}

#search form input { 
	width:					150px;
	border:					1px solid #817D7C; 
	font-family:			Georgia, serif; 
	padding: 1px !important;
	height:16px;
}

#search .submitButton { 
	background-color:		#C74C13;
	border:					1px solid #C74C13;
	font-family:			Georgia, serif; 
	font-weight:			bold; 
	color:					#FFF;
	text-align:				left;
	width:					auto;
	padding: 0px !important;
}

#search .submitButton:hover { 
	text-decoration:		underline;
}
/* /HEADER */









/* CONTENT */

.columnHeader {
	padding-top:8px;
}

#content { 
	position:				relative; 
	top:					0; 
	left:					0; 
	width:					100%;
}

#content .columnHeader { 
	border-top:				1px solid #817D7C;
}

#content .columnHeader img { 
	margin:					5px 0 10px 0; 
}

#content .columnContent { 
	padding-right:			10px;
}

#content .columnNav { 
	font-weight:			bold;
}

#content .columnContent img { 
	display:				block;
	margin:					10px 0;
}

#content .headline { 
	display:				block; 
	font-size:				1.5em; 
	font-weight:			bold; 
	margin-bottom:			5px;
}

#content .dek { 
	border-bottom:			1px solid #817D7C; 
	margin-bottom:			15px; 
	padding-bottom:			5px;
}

#content .dekArchive { 
	display:				none;
	margin-top:				15px; 
	margin-bottom:			15px; 
	padding-bottom:			5px;
}

#content h1 { 
	font-size:				1.5em; 
	margin-bottom:			10px;
}

#content h2 { 
	border-top:				1px solid #817D7C; 
	margin:					15px 0; 
	padding-top:			5px;
}

#content h3 { 
	margin-top:				15px; 
	padding-top:			5px;
}

#content p { 
	margin-bottom:			19px;
}

.columnFooter {
	border-top:				1px solid #333;
	margin:					300px 0 0 0;
	padding-bottom:			5px;
	display:				block;
}

/***		MODULE: SLIDESHOW 	***/
#content .slideshow {
	margin:					15px 0;
}
/***		/MODULE: SLIDESHOW	***/


/* /CONTENT */








/* STAGE */
#stageOverlay {
	position:				absolute;
	top:					0;
	left:					0;
	z-index:				998;
	width:					100%;
	height:					100%;
	background-color:		#333;
	filter:					alpha(opacity=40);
	-moz-opacity:			0.4;
	-khtml-opacity:			0.4;
	opacity:				0.4;
	display:				none;
	text-align:				center;
}

#statusMessage {
	position:				absolute;
	top:					0;
	left:					0;
	z-index:				1000;
	width:					100%;
/*k2x4	padding:				8px;*/
	display:				none;
	text-align:				center;
}

#instructions {
	position:				absolute;
	top:					0;
	left:					0;
	z-index:				1001;
	width:					100%;
/*k2x4	padding:				8px;*/ 
	display:				none;
	text-align:				center;
}

#loading, #stageInstructions {
	display:				inline;
	font-size:				.75em;
	font-weight:			bold;
	color:					#fff;
	background-color:		#000;
	padding:				8px;
}

#stage { 
	position:				absolute; 
	top:					0;
	left:					50%;
	width:					800px; 
	margin-left:			-375px; /* half elements width*/
	display:				none;
	z-index:				999;
}

#stageHeader { 
	position:				relative; 
	top:					0; 
	left:					0; 
	height:					126px; 
	width:					800px; 
}

#stageUtility { 
	position:				relative;
	left:					0;
	background-color:		#000;
	font-weight:			bold; 
	color:					#FFF;
	font-size:				.75em;
	width:					800px;
	text-align:				right;	
}

#stageControls { 
	position:				relative;
	top:					6px;
	right:					15px;
	height:					27px;
}

#stageControls a { 
	color:					#fff;
}

#stageContentWrapper { 
	position:				relative; 
	top:					0; 
	left:					0;
	background-color:		#FFF;
	overflow:				auto;
}

#stageContent { 
	position:				relative; 
	width:					650px;
	margin:					0 auto;
	left:					50%;
	margin-left:			-325px; /* half elements width*/
}

#stageContentFullWidth { 
	position:				relative; 
	padding:				0 0 0 30px;
}

#stage h1 { 
	margin:					30px 0;
	font-size:				1.25em; 
	font-weight:			bold;
}

#stage h2 { 
	font-size:				1em; 
	font-weight:			normal;
}

#stage h3 { 
	font-size:				1.25em; 
	font-weight:			bold;
}

#stage h4 { 
	font-size:				1.25em; 
	font-weight:			bold; 
	border-top:				1px solid black; 
	padding-top:			15px; 
	margin-top:				3px;
}

#stage h5 { 
	font-size:				1.25em; 
	font-weight:			normal;
}

#stage img {
	display:				block;
	clear:					both;
}

/* /STAGE STYLES */


/* STAGE TEMPLATE STYLES */

/***		MODULE: GALLERY				***/
.galleryIntro {
	position:				relative;
	top:					0;
	left:					0;
	width:					200px;
	font-size:				.75em;
}

.galleryTable {
	position:				absolute;
	top:					50px;
	left:					255px;
}

.galleryTable td {
	padding-right:			25px;
	border:					0;
	text-align: 			left;
	vertical-align: 		top;
	font-size:				.75em;
}

.galleryTable img {
	margin-bottom:			8px;
}
/***		/MODULE: GALLERY			***/

/***		MODULE: ARCHIVED UPDATES 	***/
.statusMonth {
	width:					650px;
	font-weight:			bold;
}

.statusUpdate {
	position:				relative;
	width:					525px;
	margin:					15px 0 25px 0;
	padding-bottom:			25px;
	clear:					all;
}

.statusDate {
	position:				relative;
	left:					30px;
	width:					145px;
}

.status {
	position:				absolute;
	top:					0;
	left:					205px;
	width:					380px;
	clear:					all;
}
/***		/MODULE: ARCHIVED UPDATES	***/

/*** OVERLAYS ***/
#overlay {
	position:				absolute;
	top:					0;
	left:					0;
	z-index:				1000;
	width:					100%;
	height:					100%;
	filter:					alpha(opacity=40);
	-moz-opacity:			0.4;
	-khtml-opacity:			0.4;
	opacity:				0.4;
	display:				none;
}

#emailOverlay {
	position:				absolute;
	top:					0;
	left:					0;
	z-index:				1002;
	top:					50%;
	left:					50%;
	margin-top:				-80px; /* half elements height*/
	margin-left:			-160px; /* half elements width*/
	padding:				10px;
	width:					320px;
	height:					225px;
	background-color:		#000;
	display:				none;
}

#emailOverlay h1 {margin-top:0;}
#emailOverlay img {display:inline;}

#emailIframe {
	margin:					0;
	font-family:			Georgia, serif; 
	color:					#fff;
	font-size:				.75em;
	background-color:		#000;
}

#emailIframe h1 {
	font-weight:			normal;
	font-size:				1.5em;
}

#emailIframe form {
	margin:					10px 0 0 0;
}

#emailForm .halfField {
	float:					left;
	width:					125px;
	margin:					0 10px 10px 0;
	padding:				0;
}

#emailForm .halfField input {
	width:					125px;
	margin:					0;
	padding:				0;
}

#emailForm .fullField {
	width:					250px;
	margin:					10px 0;
}

#emailForm .fullField textarea {
	width:					300px;
}

#emailForm #message {
	display:				block;
	margin:					0;
}

#linkOverlay {
	position:				absolute;
	top:					268px;
	right:					15px;
	z-index:				1002;
	margin-top:				-80px; /* half elements height*/
	margin-left:			-160px; /* half elements width*/
	padding:				10px;
	width:					300px;
	height:					115px;
	background-color:		#000;
	color:					#fff;
	display:				none;
}

#linkOverlay h1 {
	margin:					0;
	padding:				0;
	font-weight:			normal;
	font-size:				1.5em;
}

#linkOverlay form {
	margin:					10px 0 0 0;
}

#linkForm .fullField {
	width:					250px;
	margin:					10px 0;
}

#linkForm .fullField input {
	width:					300px;
	padding:				3px;
}

/*** /OVERLAYS ***/

.class {
	color:					#fff;
	
}

/* /STAGE TEMPLATE STYLES */




.contactForm legend { padding:15px 0 15px 30px; font-size:1.5em; font-weight:bold; }

.contactForm fieldset ol { margin:0 30px; padding: 0; }

.contactForm fieldset li { list-style:none; padding:0; margin:0; }

.contactForm label { padding-bottom:0; line-height: 100%; font-weight:bold; }

.textField { width:50%; margin:.25em 0 1em 0; padding:.25em; border:1px solid #817D7C; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 100%; }

.textareaField { width:50%; margin:.25em 0 1em 0; padding:.25em; border:1px solid #817D7C; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 100%; }

.donationPage{ text-align:center; font-size:.75em }

.donationPage h1 { font-size:1.5em; font-weight:bold; margin-bottom:5px; }

.selectField { 

	margin-bottom:10px;

	border:1px solid #999;

}

.inputField { 

	margin-bottom:10px;

	border:1px solid #999;

	width:95%;

}

.inputFieldhalf { 

	margin-bottom:10px;

	border:1px solid #999;

	width:90%;

}

.inputFieldquarter { 

	margin-bottom:10px;

	border:1px solid #999;

	width:150px;

}



/* ANNOUNCEMENT POPUP */
#announce {
	position:					absolute; 
	top:						0; 
	left:						0;
	width:						100%; 
	text-align:					center;
	visibility:					hidden;
}

#announceContent {
	width:						450px;
	margin:						0 auto;
	padding:					20px;
	height:						300px;
	background-color:			#3360AA;
	filter:						alpha(opacity=90);			/* for IE */
	opacity:					0.9;						/* CSS3 standard */
	color:						#FFF;
	font-size:					10pt;
	text-align:					left;
}

#announceContent a {
	color:						#FFF;
	line-height:				100%;
}

#announceContent h1 {
	font-size:					3em;
	font-weight:				normal;
	letter-spacing:				1px;
	padding:					0;
	margin:						0 0 16px 0;
}

#footerControls {
	position:					absolute;
	bottom:						20px;
	font-weight:				bold;
}
/* /ANNOUNCEMENT POPUP */


/* PRINT STYLES */
.print h1 { 
	margin:					30px 0;
	font-size:				1.25em; 
	font-weight:			bold;
}

.print h2 { 
	font-size:				1em; 
	font-weight:			normal;
}

.print h3 { 
	font-size:				1.25em; 
	font-weight:			bold;
}

.print h4 { 
	font-size:				1.25em; 
	font-weight:			bold; 
	border-top:				1px solid black; 
	padding-top:			15px; 
	margin-top:				3px;
}

.print h5 { 
	font-size:				1.25em; 
	font-weight:			normal;
}

.print img {
	display:				block;
	clear:					both;
}
/* /PRINT STYLES */


.libcategory-container {
	margin:20 30px;
	font-size:12px;
}

.libcategory-container p {
	margin:5px 0 10px 0;
}

.libcategory-container h2 {
	font-size:18px !important;
	font-weight:bold !important;
	margin-top:20px;
}

.libcategory-container .columnNav {
	list-style:none;
	font-weight:bold;
}

.libcategory-container .resourceEntry {
	padding-top:8px;
	border-top:1px solid black;
}

.interview-question {
	font-weight:bold;
	margin:10px 0 0px 0;
}

.photo-cap {
	font-size:.8em;
}

#stageContent p {
	line-height:1.2em !important;
}

.clear {
	clear:both;
}

.contactButton {}

.external-link {
	background:url('../images/external.png') no-repeat right center;
	padding-right:13px;
}

#aarome-logo {
	position:absolute;
	top:28px;
	left:0;
	width:100%;
	text-align:center;
}

#romeprize-overlay {
	position:absolute;
	top:200px;
	left:50%;
	margin-left:-290px;
	color:white;
	font-size:42px;
	line-height:42px;
	z-index:1003;
	height:350px;
}

#romeprize-overlay .bg {
	position:absolute;
	top:0;
	left:0;
	background:#ffd100;
	opacity:.95;
	-moz-opacity:.95;
	filter: alpha(opacity = 95);
	z-index:0;
	width:100%;
	height:100%;
	cursor:pointer;
}

#romeprize-overlay .cwrap {
	position:relative;
	top:0;
	left:0;	
	width:450px;
	height:350px;
	z-index:1;
	margin:0px 100px 30px 30px;
	cursor:pointer;
}

#romeprize-overlay .date, #romeprize-overlay .closebtn { font-size:14px; line-height:14px; margin-top:30px;}
#romeprize-overlay .date {margin-bottom:10px;}
#romeprize-overlay .closebtn { position:absolute; bottom:0px; cursor:pointer;}

#mediaPlayer {border:1px solid #C74C13; margin-top:20px;}