/****************************** General ******************************/

* { margin: 0;	padding: 0; outline: none; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
}

.body-index { background-color: #28231f; }
.body-sub { background: #e4d6c2 url(../images/bg-body.jpg) repeat-x; color: #28231f; }

p {	padding-bottom: 12px; }
header, footer, section, nav, article { display: block }
a img { border: none; text-decoration: none; }
.clearfix { clear: both; }
.float-left { float: left; }
.float-right { float: right; }

.margin-right-30 { margin-right: 20px; }


/****************************** Headings ******************************/

h1 {
	font-size: 16px;
	font-weight: normal;
	color: #5e0000;
	margin-bottom: 10px;
	border-bottom: 1px solid #e5d8c7;
	text-shadow: 2px 0px 2px #fff;
}

h2 {
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 5px;
	color: #28231f;
	margin-top: 5px;
}

hr { border: none; color: #5e0000; background-color: #5e0000; height: 1px; width: 100%; margin: 10px 0; }

/****************************** Nav ******************************/

#nav {
	list-style: none;
	margin: 6px 0 0 0;
	float: left;
}

#nav li {
	width: 160px;	
	float: left;
	cursor: pointer;
	color: #ccb09b;
}

.nav-main { border-left: 1px solid #413831; padding: 1px 0 2px 7px; }

li.current .nav-main, .nav-main:hover { border-left: 1px solid #ccb19c; }
#nav li a, #nav li a:visited, #nav li a:active, #logout a { color: #998270; text-decoration: none; }
#nav li a:hover, #nav li.current a { color: #ccb09b; text-decoration: none; }
.nav-meta { float: left; width: 100%; margin: 10px 0 20px 0; }

/****************************** Framework ******************************/

#wrapper {
	width: 100%;
	float: left;
}

.inner {
	margin: 0 auto;
	width: 960px;
}

#logout { 
	position: relative;
	left: -963px;
	top: -4px;
	color: #827266;
}


#logo-index {
	width: 112px;
	height: 48px;
	z-index: 200;
	position: relative;
	top: 19px;
	left: 848px;
}

#logo {
	width: 341px;
	height: 49px;
	z-index: 200;
	position: relative;
	top: 18px;
	left: 910px;
}

footer.footer-index {
	width: 100%;
	text-align: center;
	color: #827266;
	float: left;
	margin-top: 155px;
}

footer {
	width: 100%;
	text-align: center;
	color: #827266;
	float: left;
	margin: 20px 0;
}


/****************************** Index ******************************/

#slideshow {
	width: 960px;
	height: 440px;
	margin-top: 30px;
	margin-bottom: 20px;
	position: relative; 
}

#slideshow img { position: absolute; left: 0; top: 0; }

#slideshow-bar {
	height: 40px;
	width: 960px;
	background-color: #231d18;
	margin-bottom: 20px;
	float: left;
}

#items { padding: 13px 0 0 423px; }

#items span {
	width: 15px;
	height: 15px;
	background-color: #342c25;
	cursor: pointer;
	margin-right: 10px;
	float: left;
}

#items span.current, #items span:hover {
	width: 15px;
	height: 15px;
	background-color: #5c4d41;
	cursor: pointer;
	margin-right: 10px;
	float: left;
}

.body-index #content {
	width: 100%;
	text-align: center;
	color: #827266;
	float: left;
	margin-top: 110px;
	background: none !important;
	border: none !important;
	padding: 0; 
}

.body-index #content a, .body-index #content a:visited, .body-index #content a:active { color: #827266;}

.body-index #content .inner { 
	padding: 10px 0;
}

.body-index #content h2 { font-size: 18px; color: #827266; }
.body-index #content h2 a, .body-index #content h2 a:visited, .body-index #content h2 a:active { text-decoration: none; color: #827266; }
.body-index #content h2 a:hover { text-decoration: underline; }
.body-index #content p { font-size: 16px; color: #827266; }
.body-index #content { color: #827266; }

.index-event { /*background-color: #998270; */border: 1px solid #c7b5a8;}
.index-upcoming { margin-bottom: 10px; text-align: center; }

/****************************** Sub ******************************/

#header-img {
	width: 960px;
	height: 200px;
	margin-bottom: 21px;
}

#content-wrapper {
	background: url(../images/bg-content-top.png) no-repeat left top;
	width: 100%;
	float: left;
	margin: 26px 0 0 0;
}

#content {
	width: 658px;
	float: left;
	padding: 12px 20px 20px 20px;
	margin-right: 20px;
	border: 1px solid #f0ede8;
	border-bottom: none;
	background-image: -moz-linear-gradient(top, #f4f0e5, #e5d4be); /* FF3.6 */
	background-image: -ms-linear-gradient(top, #f4f0e5, #e5d4be); /* IE10 */
	background-image: -o-linear-gradient(top, #f4f0e5, #e5d4be); /* Opera 11.10+ */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f0e5), to(#e5d4be)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f4f0e5, #e5d4be); /* Chrome 10+, Saf5.1+ */
	background-image: linear-gradient(top, #f4f0e5, #e5d4be);
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f0e5', EndColorStr='#e5d4be'); /* IE6–IE9 */
}

#content-wrapper-center {
	background: transparent url(../images/bg-content-center.png) repeat-y left top;
	float: left;
}

#content-wrapper-footer {
	background: url(../images/bg-content-bottom.png) no-repeat left bottom;
	width: 965px;
	height: 16px;
	float: left;
}

#content img { float: left; margin: 4px 10px 1px 0; }

#content-full {
	width: 920px;
	float: left;
	padding: 12px 20px 20px 20px;
	border: 1px solid #f0ede8;
	border-bottom: none;
	background: url(../images/bg-content-center-full.png) repeat-y left top;	
	background-image: -moz-linear-gradient(top, #f4f0e5, #e5d4be); /* FF3.6 */
	background-image: -ms-linear-gradient(top, #f4f0e5, #e5d4be); /* IE10 */
	background-image: -o-linear-gradient(top, #f4f0e5, #e5d4be); /* Opera 11.10+ */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f0e5), to(#e5d4be)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f4f0e5, #e5d4be); /* Chrome 10+, Saf5.1+ */
	background-image: linear-gradient(top, #f4f0e5, #e5d4be);
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f0e5', EndColorStr='#e5d4be'); /* IE6–IE9 */
}

#content-wrapper-center-full {
	background: transparent url(../images/bg-content-center-full.png) repeat-y left top;
	float: left;
}

#content-wrapper-full-footer {
	background: url(../images/bg-content-full-bottom.png) no-repeat left bottom;
	width: 962px;
	height: 16px;
	float: left;
}


#sidebar {
	width: 198px;
	float: right;
	padding: 13px 20px 20px 20px;
	border: 1px solid #f0ede8;
	border-bottom: none;
	background-color: #f4f0e5;
	background-image: -moz-linear-gradient(top, #f4f0e5, #e5d4be); /* FF3.6 */
	background-image: -ms-linear-gradient(top, #f4f0e5, #e5d4be); /* IE10 */
	background-image: -o-linear-gradient(top, #f4f0e5, #e5d4be); /* Opera 11.10+ */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f0e5), to(#e5d4be)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f4f0e5, #e5d4be); /* Chrome 10+, Saf5.1+ */
	background-image: linear-gradient(top, #f4f0e5, #e5d4be);
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f0e5', EndColorStr='#e5d4be'); /* IE6–IE9 */
}

.sidebar-item { margin-bottom: 15px; }

.contact-column-two {
	width: 300px;
	float: left;
}

.contact-margin { margin-right: 40px; }


/****************************** Links, Current, Hover ******************************/

a, a:visited { color:#5e0000; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }

header a, header a:visited { color:#9fa8ab; text-decoration: none; }
header a:hover, header a:active, footer a:hover, footer a:active { color:#2a3a47; text-decoration: underline; }

footer a, footer a:visited, footer a:active { text-decoration: underline; color: #827266; }
footer a:hover { text-decoration: none; color: #827266; }


/****************************** Lists ******************************/

ul.publications li { list-style-type: none; margin-bottom: 12px; clear: both; float: left; }
ul.publications li h2 { font-size: 16px; font-weight: normal; color: #5e0000; padding-bottom: 0px; }
ul.publications li h3 { font-size: 14px; font-weight: normal; color: #5e0000; }

ul.publications li img {
	width: 100px;
	height: 100px;
}

ul.link-list li, #content ul li, #content-full ul li { list-style-type: none; }
#content ul { margin-bottom: 20px; }
#sidebar ul li { list-style-type: none; }
ol li { margin-left: 20px; margin-bottom: 12px; }

/****************************** Tables ******************************/

table {
	border-collapse: collapse;
	margin-bottom: 20px;
	text-align: left;
	width: 100%;
}

table th {
	background-color: #f4f0e5;
	background-image: -moz-linear-gradient(top, #f4f0e5, #e5d4be); /* FF3.6 */
	background-image: -ms-linear-gradient(top, #f4f0e5, #e5d4be); /* IE10 */
	background-image: -o-linear-gradient(top, #f4f0e5, #e5d4be); /* Opera 11.10+ */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f0e5), to(#e5d4be)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f4f0e5, #e5d4be); /* Chrome 10+, Saf5.1+ */
	background-image: linear-gradient(top, #f4f0e5, #e5d4be);
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f0e5', EndColorStr='#e5d4be'); /* IE6–IE9 */
	border-right: #f4f0e5 1px solid;
	color: #5e0000;
	font-weight: normal;
	padding: 5px;
	cursor: pointer;
	text-align: left;

}

table td {
	border-bottom: 1px solid #f4f0e5;
	padding: 5px;
	overflow: hidden;
	vertical-align: top;
}

img.sort { padding-top: 9px; float: left; padding-right: 6px; }

.table-projects tr:hover, .table-projects-former tr:hover {
	background-color: #e5d4be;
	cursor: pointer;
}


/****************************** Table Fellows ******************************/

.table-fellows-former { font-size: 13px; }

td.fellow-thumb img { margin: 0 !important; float: left; }

.table-fellows-former #th-1 { width: 150px; padding-right: 10px; }
.table-fellows-former #th-2 { width: 120px; padding-right: 10px; }
.table-fellows-former #th-3 { width: 350px; padding-right: 10px; }
.table-fellows-former #th-4 { width: 150px; padding-right: 10px; }
.table-fellows-former #th-5 { width: 50px; padding-right: 10px; }
.table-fellows-former #th-6 { width: 50px; }

/****************************** Table Projects ******************************/

.table-projects-former { font-size: 13px; }

.table-projects-former #th-1 { width: 320px; padding-right: 10px; }
.table-projects-former #th-2 { width: 150px; padding-right: 10px;}
.table-projects-former #th-3 { width: 150px; padding-right: 10px;}
.table-projects-former #th-4 { width: 150px; padding-right: 10px;}
.table-projects-former #th-5 { width: 50px; padding-right: 10px;}
.table-projects-former #th-6 { width: 50px; }

.align-center { text-align: center; }

/****************************** Library ******************************/

.table-library { font-size: 13px; }

.table-library #th-1 { width: 200px; padding-right: 10px; }
.table-library #th-2 { width: 50px; padding-right: 10px; }
.table-library #th-3 { width: 350px; padding-right: 10px; }
.table-library #th-4 { width: 180px; padding-right: 10px; }
.table-library #th-5 { width: 100px; }

form.library input[type="text"] {
	height: 21px;
	width: 200px;
}

form.library { float: left; margin-bottom: 10px; }
form.library select {
	font-size: 13px;
	height: 22px;
	margin: 0 5px 0 0;
	padding: 2px 0 1px 0;
}

input.btn-search[type="image"] {
	height: 24px;
	width: 24px;
	cursor: pointer;
	border: none;
	text-decoration: none;
}

.search input[type="search"] {
	height: 22px;
	width: 500px !important;
	font-size: 14px;
	font-family: Arial;
	float: left;
	margin-right: 5px;
}

input[type="radio"] {
	margin-left: 10px;
}

.search { float: left; }

.library-author select { width: 160px; }

.filter { float: left; margin-right: 15px; }


/****************************** Fellows Detail ******************************/

#fellow-wrapper { float: left; }
#fellow-facts { float: left; width: 220px; margin-right: 20px; }
img.fellow-img { margin-bottom: 10px !important; width: 220px; }
#fellow-description { float: right; width: 418px; }
.fellow-description-column { width: 199px; float: left; margin-top: 10px; }
#fellow-description ul li { margin-left: 15px; }

/****************************** Fellows Current ******************************/

.fellow-current-wrapper { margin-bottom: 20px; float: left; width: 100%; }
.fellow-current-wrapper img { float: left; margin-right: 10px; }

/****************************** Events Detail ******************************/

.event-left { float: left; width: 220px; margin-right: 20px; margin-bottom: 20px; }
.event-right { margin-bottom: 20px; }
.event-full { clear: both; width:100%;}

/****************************** Forms ******************************/

textarea { width: 420px; height: 150px; margin-bottom: 15px; font-size: 14px; font-family: Arial; }
textarea#teaser { width: 420px; height: 100px; margin-bottom: 15px; font-size: 14px; font-family: Arial; }
textarea.project-desc { width: 420px; height: 200px; margin-bottom: 15px; font-size: 14px; font-family: Arial; }

form fieldset { margin: 0 0 15px 0; padding: 15px 0; border: none; background-color: #f4f0e5; border: #e5d4be 1px solid; }

form fieldset img { float: none !important; }

form label {
	display: inline-block;
	vertical-align: top;
	width: 160px;
	text-align: right;
	margin-right: 15px;
}


form fieldset li {
	list-style: none;
	padding: 5px 0 0 5px;
	margin: 0;
}

.nav-meta select {
	font-size: 13px;
	height: 19px;
	margin-right: 10px;
}

form select {
	font-size: 13px;
	height: 22px;
	margin-right: 10px;
}

select.select-multiple {
	height: 240px;
	width: 200px;
}

.pager {
	float: right;
	margin-bottom: 20px;
	font-size: 14px;
}

.pager span {
	margin-left: 3px;
}

.pager-current { font-weight: bold; }

input[type="text"], input[type="password"], input[type="file"] {
	height: 22px;
	margin: 0 5px 5px 0;
	width: 420px;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: Arial;
	vertical-align: top;
}

#sidebar input[type="text"], #sidebar input[type="password"] {
	height: 22px;
	width: 100%;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: Arial;
}

#sidebar input[type="file"] {
	height: 22px;
	width: 90px !important;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: Arial;
}

#sidebar textarea { width: 100%; height: 150px; margin-bottom: 15px; font-size: 14px; font-family: Arial; }

#sidebar select {
	font-size: 13px;
	height: 22px;
	margin-right: 10px;
	width: 100%;
}

#sidebar input[type="radio"] {
	margin-right: 5px;
	margin-left: 0;
}

input.datefield[type="text"] {
	height: 22px;
	margin: 5px 0;
	width: 110px;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: Arial;
}

input.timefield[type="text"] {
	height: 22px;
	margin: 5px 0;
	width: 40px;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: Arial;
}


/****************************** Content Full Form ******************************/

#content-full input[type="text"], #content-full input[type="file"] {
	height: 22px;
	margin: 5px 0;
	width: 690px;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: Arial;
}

#content-full textarea { width: 690px; height: 150px; margin-bottom: 15px; font-size: 14px; font-family: Arial;}

/****************************** Form Error ******************************/

.form-error label {
	display: inline-block;
	vertical-align: top;
	width: 160px;
	text-align: right;
	margin-right: 15px;
	color: #a60000;
}

.form-error input[type="text"], .form-error input[type="password"], .form-error input[type="file"], .form-error textarea {
	height: 22px;
	margin: 0 5px 15px 0 !important;
	font-size: 14px;
	font-family: Arial;
	border: 1px solid #a60000;
	vertical-align: top;
}

.form-error img { padding-top: 0; margin: 0 !important; cursor: pointer; }

/****************************** Buttons ******************************/

input[type="submit"], input[type="button"] {
	background-color: #5e0000;
	border: #f4f0e5 1px solid;
	padding: 3px;
	cursor: pointer;
	color: #f4f0e5;
	font-size: 13px;
}

input[type="submit"]:hover, input.btn-edit[type="button"]:hover {
	background-color: #f4f0e5;
	border: #28231F 1px solid;
	padding: 3px;
	cursor: pointer;
	color: #28231F;
	font-size: 13px;
}

input.btn-edit[type="button"] {
	background: url(../images/edit.png) no-repeat top left;
	height: 16px;
	width: 16px;
	cursor: pointer;
	border: none;
	text-decoration: none;
	float: left;
	margin: 3px 5px 0 0; 
}

/****************************** Tooltip ******************************/

#vtip { 
	display: none; 
	position: absolute; 
	padding: 3px 8px; 
	z-index: 9999; 
	border-bottom: none;
	background-color: #28231f;
	color: #fff;
}

img.vtip { cursor: pointer; }