@charset "UTF-8";

@font-face {
    font-family: Cantoria;
    src: url('fonts/Cantoria_MT.eot');/*IE*/
    src: local("Cantoria MT"), url('fonts/Cantoria_MT.otf') format("opentype");/*fonts for non shitty browsers*/
    font-weight:normal;
    
} 
@font-face {
    font-family: Cantoria;
    src: url('fonts/Cantoria_MT_Semi_Bold.eot');/*IE*/
    src: local("Cantoria MT"), url('fonts/Cantoria_MT_Semi_Bold.otf') format("opentype");/*fonts for non shitty browsers*/
    font-weight: bold;
}

/* CSS Document */
h1, h2, h3, h4, h5, h6{
    color: #6b4311;
    font-family: 'Cantoria MT', Cantoria, Verdana, Arial, Helvetica, sans-serif;
}
.title{
    font-family: 'Cantoria MT', Cantoria, Verdana, Arial, Helvetica, sans-serif;
    /*font-family:"Times New Roman",Georgia,Serif;*/
    display:block;
    font-size:14px;
    margin:5px;
    font-weight:bold;
    font-style:normal;
}
.banner{
    display:block;
    width:100%;
}
.pics_col_left, .pics_col_right{
    text-align:center;
    margin:8px;
    width:200px;
}
.pics_col_right{
    float:right;
}
.pics_col_left{
    float:left;
}
.pics_col_left img, .pics_col_right img{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:3px;
    display:block;
    border:none;
}
a.rss, a[type="application/rss+xml"]{
    padding:2px 0 0 20px !important;
    height:20px !important;
    background:url(icons/rss.jpg) no-repeat top left !important;
}
a.twitter{
    padding:2px 0 0 20px !important;
    height:20px !important;
    background:url(icons/twitter.png) no-repeat top left !important;
}
.new{
    padding-right:34px !important;
    height:32px !important;
    background:url(icons/new.png) no-repeat top right !important;
}
a.pdf{
    background-image:url('icons/icon.small.pdf.gif');
    background-repeat:no-repeat;
    background-position:top left;
    padding-left:10px;
}
a.link_previous, a.link_next{
    font-size:16px;
}
.link_previous{
    text-align:left;
    display:inline;
    float:left;
    margin-left:25px;
}
.link_next{
    text-align:right;
    display:inline;
    float:right;
    margin-right:25px;
}
.flash_alt{
    display:none;
}
.bio{
    margin:15px;
    padding:10px;
}
.bio img{
    float:left;
    margin:12px;
}
#wrap{
 margin:0 auto;
 max-width:95%;
 text-align:left;
 width:44em
}
/* Block elements. */
h1{
    color: #6b4311;

 font-size:1.5em
}
h2{
 font-size:1.4em
}
h3{
 font-size:1.1em
}
div.authors{
 font-size:1.1em;
 font-weight:bold
}
h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,div.authors+p{
 text-indent:0
}
*+p{
 text-indent:2em
}
p.centre{
 text-align:center;
 text-indent:0
}
pre{
 font-family:'Bitstream Vera Sans Mono',Monaco,'Courier New',Courier,monospace
}
abbr,acronym{
 border-bottom:1px dotted #ddd;
 cursor:help
}
/* Inline elements. */
code,samp{
 font-family:'Bitstream Vera Sans Mono',Monaco,'Courier New',Courier,monospace
}

.hl0	{ background-color: #FFFF99 }
.hl1	{ background-color: #FF99FF }
.hl2	{ background-color: #99FFFF }
.hl3	{ background-color: #FF9999 }
.hl4	{ background-color: #9999FF }
#greybox	{ margin: 0 auto; background-color: #CCC; border: 1px dotted #999; padding: 1em; width: 29.25em; text-align: left }
/*
standard site styling
*/
body{
	padding:0px;
	margin:0px;
	top:0px;
	background-color:#FFF;
}
#subContentMain{
	overflow:hidden;
	margin:0px;
	padding:0px;
	padding-left:5px;
	padding-right:5px;
	width:800px;
	min-height:400px;
}
#subContentMain p{
    margin-left:10px;
    }
#site{
	font-size:12px;
	font-family: Helvetica, sans-serif;
	background:none;

	padding:0px;
	top:0px;
	margin-top:0px;

	left:50%;
	position:absolute;
	width:800px;
	margin-left:-400px;
	padding-bottom:15px;
}
#menuLeft{
	float:left;
	left:0px;
	margin:10px;
	padding:5px;
	padding-right:20px;
	width:150px;
	top:150px;
	font-size:16px;
	line-height:15px;
}
#menuLeft a{
    display:block;
    padding-bottom:10px;
}
#subContent{
    margin:0px;
	margin-left:180px;
	padding:0px;
    padding-bottom:20px;
	overflow:hidden;
	min-width:600px;
	max-width:620px;
    height:auto;
}
#main_flash{
    margin-bottom:5px;
}
ul{
    text-decoration: none;
	/*list-style-image: url(bullet.gif);*/
}
ul.nobullet{
    list-style-image:none;
    list-style:disc;
    padding:0px;
    margin:0px;
    margin-top:8px;
}
ul.nobullet li{
    color:#d5dccc;
    margin:5px;
    margin-left:25px;
}
li{
    padding-bottom:5px;
}
p.paragraph{
	text-indent:20px;
}
td{
	border:none;
}
a{
	border:none;
	text-decoration:none;
	font-size:12px;
	color:#6E9934;
}
a:visited{
	color:#555555;
}
a:hover{
	color:#6b4311;	
}
img{
	border:none;
}
h4{
	margin:2px;
	padding:0px;
	font-size:12px;
	color:#FFFFFF;
}
h5{
	text-decoration:none;
	font-weight:lighter;
	font-size:10px;
	margin:2px;
	padding:0px;
}
h6{
	color:#666666;
	font-size:12px;
	margin:2px;
	padding:0px;
	text-decoration:none;
	font-weight:lighter;
}
#site a:link {
	text-decoration: none;
}
#site a:visited {
	text-decoration: none;
}
#site a:hover {
	text-decoration: none;
}
#site a:active {
	text-decoration: none;
}
.activeLink, #default{
	font-weight:bold;
}

.caption{
	text-align:center;
	font-size:10px;
	color:#666666;
	display:block;
	padding-bottom:5px;
}
span.discrete{
	color:#9A9A9A;
}
span.discrete a{
	color:#9A9A9A;
	text-decoration:underline;
	font-size:10px;
}
span.discrete a:hover{
    color:#6E9934;
}
span.subheader{
    padding-top:20px;
    margin-left:10px;
    padding-bottom:10px;
    line-height:25px;
	
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#6b4311;
}
#banner *{
    padding:0px !important;
}
#banner table tr td{
    background:#6b4311;
    text-align:center;
}
#banner{
    width:800px;
    color:#E6EDDD;
    background:transparent;
}
#banner a{
    padding:5px;
    color:#E6EDDD;
}

#border_top{
    height:40px;
    z-index:-1;
    position:absolute;
    top:75px;
    left:202px;
}	
hr{
    border-style:dashed;
    color:#6b4311;
    height:0px;
    margin-top: 0.5em;
}
span.listheader{
    color:#6b4311;
    margin-bottom:-5px;
    font-size:14px;
    margin-left:20px;
    border-bottom: 2px solid #E6EDDD;
    font-family: 'Cantoria MT', Cantoria, Verdana, Arial, Helvetica, sans-serif;
}
#footer{
    margin-top:8px;
}
#footer a{
    color:#6E9934;
    margin: -2px;
    padding: 2px;
}
#footer .discrete a{
    color:#999999;
}
#footer a:hover{
    color:#6b4311;
}
#footer table tr td{
    font-size:9px;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    line-height: 1.5em;
}

/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}