/* css/01-page.css */


/* General Document Formatting */

body {
	margin: 0;
	padding: 0;
	background-color: #F5F5ED;
}

#page {
	margin: 0;
	padding: 0;
	text-align: center;
	background-repeat: repeat-x;
	background-color: #F5F5ED;
	
}

div#body {
	padding: 0;
	text-align: left;
	font-family: Georgia, Tahoma, Helvetica, sans-serif;
	font-size: 10pt;
    margin: 0 auto 0 auto;
	width: 668px;
}

h1, h2, h3, h4 {
    font-family: Georgia, 'Times New Roman', serif;
	margin-bottom: 1em;
	margin-top: 1em;
    font-weight: bold;
}

h1 {
    font-size: 14pt;
}

h2 {
    font-size: 13pt;
}

h3 {
    font-size: 12pt;
}

h4 {
    font-size: 12pt;
	margin-bottom: .5em;
}

h5 {
    font-size: 12pt;
	font-family: Verdana, Helvetica, sans-serif;
	margin-bottom: .5em;
    font-weight: normal;
}

li {
    padding: .25em 0 .25em 0;
	margin-left: 2em;
}

ol, ul, dl {
    padding: 0 0 1em 0;
	margin: 0;
}

li ol, li ul, li dl, li li {
    padding-bottom: .25em;
}

p {
	margin-top: 0;
	line-height: 1.5em;
}

a, a:hover img {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

strong {
	font-weight: bold;
}

img {
	border: none;
	padding: 0;
	margin: 0;
}

html, #body, #header {
    padding: 0;
	margin: 0;
}

dt, dd {
  margin-bottom: 20px;
}

.top-link {
	display: none;
}

#content {
	border-left: 1px solid #DDDEC2;
	border-right: 1px solid #DDDEC2;
	border-bottom: 1px solid #DDDEC2;
	font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: white;
	padding: 20px;
}


/* forces content to extend below any floats */
#contentend {
    clear: both;
}

/* generic styles */

.callout {
	float: right;
	clear: right;
	margin: 5px;
	margin-top: 0;
	margin-right: 0;
	width: 150px;
	display: block;
	background: transparent;
	border: none;
	padding: 0;
}

.callout h1 {
	font-size: 12pt;
	padding: 0 0 5px 5px;
}

.callout a {
	display: block;
	font-size: 8pt;
	padding: 5px;
	padding-top: 0;
}

.callout p {
	display: block;
	font-size: 8pt;
	padding: 5px;
	padding-top: 0;
}

.callout img {
	float: left;
	padding-right: 10px;
}

.callout a.toplink {
	float: right;
	margin: 0 5px 0 5px;
	padding: 0;
	font-size: 8pt;
}

/* redefine these for custom colors */ 
.callout .header { 
	background-color: #EEE;
	color: #FFF;
}

/* used for blocking out a title to get attention */

.highlight {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 10px;
}

/* table defaults for a 'standard' data table */

.basictable {
    margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #EEE;
	margin-bottom: 15px;
}

.basictable td, .basictable th {
	margin: 0;
	padding: 5px;
	vertical-align: top;
	font-size: 10pt;
	border: 1px solid #EEE;
}

.basictable tr.alt {
	background-color: #ECF3FE;
}


/* Miscellaneous Use */

#notice {
	background-color: #660000;
	color: #FFF;
}

#error {
	background-color: #D00;
	color: #FFF;
}

.pdf {
    padding-left: 5px;
	color: #333;
	font-size: 7pt;
}

/* to highlight photos so they look like photos */

.photo {
	border: 1px solid #EEE;
	padding: 5px;
	width: 450px;
	text-align: center;
    margin-left: 150px;
    margin-right: auto;
	margin-top: 20px;
}

a:link {
	color: #0000FF;
}

a:visited {
	color:#FF00FF;
}

a:hover, a:active, a:focus {
	color: #000088;
}

/* css/02-header.css */


/* Nav references */
#header {
	border-right: 2px solid #E7E8D8;
	height: 125px;
}

#nav {
	padding: 0px;
	width: 668px;
	height: 20px;
	background-color: #DDDEC2;
	margin: 0;
}

#header #nav ul {
	list-style-type: none;
	padding: 0;
	padding-left: .3em;
	padding-top: .3em;
	margin: 0;
}

#nav li {
	margin: 0;
	display: inline;
	text-align: center;
	font-size: 8pt;
	padding-left: 1em;
	padding-right: 2em;
}

#nav a {
	text-decoration: none;
	color: #933;
}

#nav a:hover, #nav a.selected {
	text-decoration: none;
}

.nav-section {
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
}

#subnav {
	position: relative;
	top: 30px;
	background-color: #FFF;
	text-align: center;
	font-family: Verdana, Georgia, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
}

#subnav a {
	color: white;
	text-decoration: none;
}
/* css/03-footer.css */


#footer {
	text-align: center;
	clear: left;
	font-size: 11px;
	line-height: 14px;
	color: #999;
	padding-top: 10px;
	position: static;
	width: 668px;
	padding-left: 10px;
	padding-right: 10px;
}

#footer a {
	color: #525252;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: none;
}

#footer img {
	border-top: 1em solid white;
	padding: 0;
	margin: 0;
}

#printfooter {
    display: none;
}

.photocredit {
	font-size: 10px;
	text-align: center;
	font-family: arial;
	color: #525252;
}

/* css/alanni.css */

/* Page Specific Elements */

.biopic {
	float: right;
	padding-left: 20px;
	padding-bottom: 20px;
}

.contactpic {
	float: left;
	width: 150px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.eventspic {
	float: right;
	width: 200px;
	padding-left: 20px;
	padding-bottom: 20px;
}

.homepic {
	width: 105px;
}

table.art {
}

.art td {
	text-align: left;
	vertical-align: bottom;
	width: 120px;
}

img.detail {
	float: left;
	padding-right: 20px;
}

p.thumb {
	height: 70px;
	font-size: 10pt;
}

img.award {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
/* css/debug.css */

/* CSS Document */

div.debug {
}
div.debug table  {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000; 
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #000;
	margin: 0;
}

div.debug .header { 
	font-weight: bold; 
	color: #FFF; 
}
div.debug td {
	vertical-align: top;
	padding: 5px;
	border: 1px solid #000;
}
div.debug .error {
	background-color: #F00;
	color: #FFF;
}

/* default */
div.debug td {
	background-color:#FFF;
}
div.debug table, div.debug .header { 
	background-color: #7A7; 
}
div.debug td.key { 
	background-color: #CFC; 
}

/* array */
div.debug .array, div.debug .array td.header { 
	background-color: #77A; 
}
div.debug .array td.key { 
	background-color: #CCF; 
}

/* object */
div.debug .object, div.debug .object td.header { 
	background-color: #AA7; 
}
div.debug .object td.key { 
	background-color: #FFC; 
}

/* resource */
div.debug .resource, div.debug .resource td.header { 
	background-color: #A7A; 
}
div.debug .resource td.key { 
	background-color: #FDF; 
}

/* xml */
div.debug .xml, div.debug .xml td.header { 
	background-color: #AAC; 
}
div.debug .xml td.key { 
	background-color: #CCF; 
}

/* css/form.css */

/* CSS Document */

/* form entries */

.form {
	display: block;
}

.form fieldset {
	border: none;
	position: relative;
	padding: 0;
	margin: 0;
}

.form legend {
	display: none;
}

.form label, .form .comment, .form .comment-required {
    display: block;
	font-family: Helvetica, sans-serif;
	color: #444;
	font-size: 11px;
	text-transform: uppercase;
	padding-left: 2px;
	margin: 0;
	line-height: 11px;

}

.form select {
	margin: 5px 0 5px 0;
}

.form #refinement select {
	margin: 0;
}

.form label.required { 
	color: #F00;
}

#form-error {
	background-color: #F33;
}

li.form-error {
	background-color: #F33;
	color: white;
	margin: 0;
	padding: 2px;
	width: 300px;
}

.form .comment {
	padding-bottom: 4px;
	line-height: normal;
}

.form label.checkradio {
    display: inline;
	margin-right: .5em;
}

.form input, .form textarea {
	font-family: ;
	font-size: ;
	margin-bottom: 2px;
	padding: 2px;
}

.form .inline {
    float: left;
	margin-right: 0.5em;
	position: relative;
}

.form .field, .form .comment, .form .comment-required {
	clear: left;
}

.form .required-multifield, .form .required-newmultifield, .form .multifield, .form .newmultifield, .form .newfield, .form .multifield {
    float: left;
	margin-right: 0.5em;
	/* position: relative; */
}

.form .required-field, .form div.newfield, .form .required-newmultifield, .form .newmultifield {
	clear: left;
}

.form .submit {
	 clear: both; 
	 float: left;
	/* position: relative; */
}

#loginextras .form .field {
	float: right;
	text-align: right;
}


.hidden, .hidden input {
	display: none;
}

.group {
	padding: 0;
	margin: 0;
}



#basic label {
 display: none;
}

#basic select {
	margin-top: 1px;
}

.datelabel {
	font-family: Verdana;
	font-size: 10px;
	padding-top: 10px;
}

/* css/gallery.css */

.gallery {
	padding: 5px;
}

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

.file-image img {
	margin: 0 auto 0 auto;
}

.gallery .file-details, .file-movie .file-details, .file-image .file-details {
	color: #333;
	font-size: 9px;
	font-weight: normal;
}

.gallery .directory .file-details {
    padding-left: 5px;
	color: #333;
	font-size: 12px;
	font-weight: normal;
}

.gallery .directory {
	font-weight: bold;
	clear: left;
	padding-top: 5px;
	width: 660px;
}

.gallery .file {
	font-weight: normal;
	clear: left;
}

.gallery .file-image {
	float: left;
	margin: 5px;
	width: 195px;
	height: 200px;
	padding: 5px 5px 60px 5px;
	list-style-type: none;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #DDD;
	background-color: #EEE;
}

.gallery .file-image img {
	margin: auto;
	border: 1px solid #DDD;
	display: block;
}

ul.gallery {
	list-style-type: none;
}

.file-nav {
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 18px;
}

.file-nav a:hover {
	text-decoration: none;
}

.icon {
	display: block;
	padding-right: 10px;
	padding-bottom: 10px;
}

ul.gallery li.directory {
	width: 600px;
	clear: left;
	padding-bottom: 10px;
}

ul.gallery li.directory img {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}

.back img {
	display: block;
}

iframe.detail, iframe.detail img {
	vertical-align: middle;
	margin: 0 auto 0 auto;
	text-align: center;
}

.file-nav .prev {
	display: block;
	float: left;
}

.file-nav img {
	margin: 0;
	padding: 5px;
	border: 1px solid #565495;
}

.file-nav .next {
	display: block;
	float: right;
}

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

.file-nav-end {
	clear: both;
}
/* css/print.css */

@media print {

body {
  background: white !important;
}

#nav, #footer, #subnav, form {
  display: none;
}

#content {
  margin-left: 0px;
  width: auto;
  margin-right: 0px;
  padding-left: 0;
  padding-right: 0;
}

a {
    color: black;
	text-decoration: none;
}

h1, h2, h3, dt {
  page-break-before: auto;
  page-break-after: avoid !important;
}

div, p, dt, dd, table, ol, ul, dl, img {
  page-break-inside: avoid !important;
}

/*
#printfooter {
  position: relative;
  margin-top: auto;
  margin-bottom: 0;
  display: block;
}
*/

.pagebreak {
	page-break-before: always;
	margin-bottom: 20px;
}

}