/*///////////////////////////////////////////////////////
Style Guide
/////////////////////////////////////////////////////////

#idName {
	display: block; position: absolute; top: 0px; left: 0px; z-index: 1; width: auto; height: auto; overflow: auto;
	margin: 0px; border: 0px solid #FFFFFF; padding: 0px; background: #FFFFFF url('../images/spacer.gif') no-repeat top left;
	font: italic small-caps bold 68%/1.4 Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: left; text-decoration: none;
}
*/



/*///////////////////////////////////////////////////////
General Style Information
///////////////////////////////////////////////////////*/

/*////// Structure Module //////*/
html {
	width: 100%; 
}
body {
	width: 100%; height: 100%; margin: 0px; padding: 0px; background: #FFFFFF url("../images/bgBody.gif") repeat-x 0px 92px;
	font: 70%/1.4 verdana, arial, helvetica, sans-serif; color: #000000; text-align: left;
}
div {
	margin: 0px; padding: 0px;
}

/*////// Text Module //////*/
p {
	margin: 0px; margin-bottom: 1.2em;
}
blockquote {
	margin: 0px 3.5em;
}
h1 {
	margin-bottom: 0.4em;
	font-size: 1.7em; text-transform: uppercase;
}
h2 {
	margin-bottom: 0.3em;
	font-size: 1.4em; text-transform: uppercase; font-family: "Trebuchet MS", verdana, sans-serif;
}
h3 {
	margin-bottom: 0.2em;
	font-size: 1.3em; text-transform: uppercase; color: #000000;
}
h4 {
	margin-bottom: 0.2em;
	font-size: 1.0em; text-transform: uppercase; color: #000000;
}
h5 {
	margin-bottom: 0.1em;
	font-size: 1.0em; font-weight: bold; font-variant: small-caps; color: #000000;
}
h6 {
	margin-bottom: 0.1em;
	font-size: 1.0em; font-style: italic;
}

h7 {
	margin-top: 0.3em;
	margin-bottom: 0.1em;
	font-size: 1.1em; font-weight:bold;
}

h8 {
font-size: 1.3em; text-transform: uppercase; color:#600; font-weight:bold;
}

abbr {
	border-bottom: 1px dashed #999999; color: #999999; cursor: help;
}acronym {
	border-bottom: 1px dashed #999999; color: #999999; cursor: help;
}
address {
}
cite {
	color: #630203; font-size: 1.0em;
}
code {
	color: #630203; font-size: 1.2em;
}
dfn {
	color: #630203; font-size: 1.0em;
}
em {
	color: #630203; font-style: italic;
}
kbd {
	color: #630203; font-size: 1.2em;
}
pre {
	color: #630203; font-size: 1.0em;
}
q {
	font-style: italic; color: #630203;
}
samp {
	color: #630203; font-size: 1.0em;
}
span {
}
strong {
	color: #630203;
	font-weight: bold;
}
var {
	color: #630203; font-size: 1.0em;
}

/*////// Hypertext Module //////*/
a:link {
	color: #881517; text-decoration: underline;
}
a:visited {
	color: #630203; text-decoration: underline;
}
a:hover {
	color: #A83537; text-decoration: underline;
}
a:focus {
	color: #A83537; text-decoration: underline;
}
a:active {
	color: #330000; text-decoration: underline;
}

/*////// List Module //////*/
dl {
	margin-bottom: 1.2em;
}
dt {
	margin: 0px; margin-top: 1.2em; font-weight: bold;
}

dd {
	margin: 0px;
}
ol {
	margin-top: 0px; margin-bottom: 1.2em; 
}
ul {
	margin-top: 0px; margin-bottom: 1.2em; list-style-type: square; 
}

ul2 {
	margin-top: 0px; margin-bottom: 1.2em; list-style-type: square; display:inline
}
li {
	margin-bottom: 0.5em; 
}

/*////// Presentation Module //////*/
big {
}
hr {
	width: 50%; height: 1px; margin: 0 auto; margin-bottom: 0.6em; border-bottom: 1px solid #630203; color: #630203; text-align: center;
}
small {
}
sup {
	color: #630203;
}
sub {
	color: #630203;
}

/*////// Forms Module //////*/
form {
	text-align: center;
}
fieldset {
	display: block; margin: 0em auto 0.6em auto; border: none; padding: 0px; text-align: left;
}
legend {
}
label {
	float: left; width: 15em; text-align: left;
}
input, select {
	font-size: 1em;
}
select {
	width: 14.4em;
}
input:focus, select:focus {
	background: #EEEEEE; color: #630203;
}
option {
}
textarea {
}
submit, reset, button {
}

/*////// Table Module //////*/
table {
	font-size: 100%; line-height: 1.5; border-collapse: separate;
}
caption {
	display: none;
	/* padding: 8px; border: 1px solid #999999; border-bottom: none; background: #630203; font-size: 0.9em; */
}
thead {
}
tbody th {
}
tfoot {
}
th {
	padding: 4px 8px; text-align: left; font-weight: bold;
}
tr {
}
td {
}

/*////// Image Module //////*/
img {
	display: block; margin: 0px; border: none;
}



@media screen {




/*///////////////////////////////////////////////////////
CLASS and ID Styles
///////////////////////////////////////////////////////*/

form { margin: 0em; margin-top: 0.8em; margin-bottom: 1.6em; }
fieldset { margin-top: 0.4em; border: none; }
label { display: table-cell; vertical-align: top; width: 30%; height: 2em;}
label.radio { width: auto; }
input, select, textarea { font: 1.0em Arial, Verdana, sans-serif; border: 1px solid #000000; background: #FFFFFF !important; }
input, select, textarea { width: 160px; }
input.radio { width: auto !important; border: none; background: transparent !important; }
.hiddenFields { display: none; }
.button, #submit { width: auto; margin-left: 30%; border: 2px solid #000000 !important; background: #630203 !important; color: #FFFFFF; }
form hr { visibility: hidden; height: 0px; }

body { margin: 0px; margin-bottom: 2em; background: #FFFFFF ; padding: 0px; font: 72%/150% arial, verdana, sans-serif; color: #000000; text-align: justify; }
h1 { margin: 0px; padding: 0px; font-size: 1.4em; }
h2 { margin: 0px; padding: 0px; font-size: 1.2em; }
h2 .title { margin: 0px; padding: 0px; font-size: 0.9em; font-weight: bold; text-transform: uppercase; }
h3 { font-size: 1.2em; font-weight: bold; }
p { margin: 0px; margin-bottom: 1.2em; }
ul { margin-bottom: 0.6em; }
li { margin-bottom: 0.2em; }
img { border: none; }
img.image1 {position: relative; float:left;}



a:link 		{ color: #8E2C19; text-decoration: underline; }
a:visited 	{ color: #8E2C19; text-decoration: underline; }
a:hover 	{ color: #FF0000; text-decoration: underline; }
a:active 	{ color: #8E2C19; text-decoration: underline; }


#container {
	margin: 0px; padding: 0px; background: transparent url("../images/patternBody.gif") no-repeat top right; _background: transparent url("../images/patternBody.jpg") no-repeat 30px right; clear:both;
}


#masthead {
	background: #FFFFFF; text-align: center;
}
#masthead h1 {
	height: 142px; margin: 0px; padding: 0px; text-align: left;
}
#masthead h1 a {
	display: block; height: 142px !important; height /**/: 142px; overflow: hidden; 
	margin: 0px; padding: 0px; background: transparent url("../images/header.png") no-repeat;
}
#masthead h2 a {
	display: block; height: 142px !important; height /**/: 142px; overflow: hidden; 
	margin: 0px; padding: 0px; background: transparent url("../headersp.jpg") no-repeat;
}


/*
#nav {
	margin: 0px; padding: 0px; background: #0C1424; text-align: center;
}
#nav ul {
	display: block; margin: 0px; margin-left: 10px; padding: 0.3em 0px; list-style: none; font-size: 1.1em; text-align: left;
}
#nav li {
	display: inline; margin: 0px; padding: 0px 10px; 
}
#nav a:link 		{ color: #FFFFFF; font-weight: bold; text-decoration: none; }
#nav a:visited 	{ color: #FFFFFF; font-weight: bold; text-decoration: none; }
#nav a:hover 	{ color: #BC0E00; font-weight: bold; text-decoration: none; }
#nav a:active 	{ color: #BC0E00; font-weight: bold; text-decoration: none; }
#nav a.current:visited	{ color: #BC0E00; font-weight: bold; text-decoration: none; }
*/


#nav {
	float: left; clear: both; width: 100%; min-height: 2.0em; margin: 0px; padding: 0px; background: #0C1424; /* border-top: 1px solid #B6C9C1; */
	text-align: left; height: 1.0em; font-size: 1.1em; text-align: left;
}

#nav ul, #nav ul ul {
	margin: 0px; padding: 0px; list-style: none; background: #FFFFFF; 
}

#nav li {
	float: left; width: auto; 
	margin: 0px; padding: 0px; 
}

#nav a {
	display: block; width: 100%; margin: 0; padding: 0.5em 0.9em; 
	color: #FFFFFF; text-decoration: none; white-space: nowrap;
}

#nav a:link 					{ color: #FFFFFF; font-weight: bold; text-decoration: none; }
#nav a:visited 				{ color: #FFFFFF; font-weight: bold; text-decoration: none; }
#nav a:hover 				{ color: #BC0E00; font-weight: bold; text-decoration: none; }
#nav a:active 				{ color: #BC0E00; font-weight: bold; text-decoration: none; }
#nav a.current:visited	{ color: #BC0E00; font-weight: bold; text-decoration: none; }

#nav li ul {
	position: absolute; z-index: 300; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: 0; border: none; background: #0C1424;
}

#nav li ul li {
	float: none; min-width: 15em; border: none; 
}

#nav li ul ul {
	margin: 0 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em; 
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto; margin-left: -1px; 
}

#nav li:hover, #nav li.sfhover {
	
}

#nav ul {
	_padding-top: 0.3em; line-height: 1; 
}

#nav ul, #nav ul ul {
	_margin-top: -0.3em;
}

#nav li {
	_width: 1px; _margin-bottom: -3px; 
}

#nav a {
	_padding-bottom: 0.8em; 
}

#nav li ul {
	_width: auto; 
}







#footer {
	margin: 0px; padding: 0px; height: 53px; background: transparent url("../images/patternFooter.jpg") no-repeat bottom left; text-align: right; clear:both;
}
#footer ul {
	margin: 0px; margin-right: 20px; padding: 0px; list-style: none;
}
#footer li {
	display: inline; margin: 0px; padding: 10px; font-size: 0.9em;
}
#footer a:link 		{ color: #8E2C19; text-decoration: none; }
#footer a:visited 	{ color: #8E2C19; text-decoration: none; }
#footer a:hover 	{ color: #FF0000; text-decoration: none; }
#footer a:active 	{ color: #8E2C19; text-decoration: none; }


#validate {
	margin: 0px; margin-top: -35px; padding: 0px; text-align: right;
}
#validate ul {
	margin: 0px; margin-right: 20px; padding: 0px; list-style: none; line-height: 1;
}
#validate li {
	display: inline; width: 1px; margin: 0px; padding: 10px; font-size: 0.9em;
}
#validate a:link 	{ color: #E0C4BB; text-decoration: none; }
#validate a:visited { color: #E0C4BB; text-decoration: none; }
#validate a:hover 	{ color: #8E2C19; text-decoration: none; }
#validate a:active 	{ color: #E0C4BB; text-decoration: none; }



/*//////////////////////////
Section Specific Styles
//////////////////////////*/


#home {
	
}

#content {
	min-height: 450px; _height: 450px; margin: 2em 3em 2em 0em; padding: 0 0 0 185px; /* height: 84px; overflow: auto;*/
}

#content h2 { 
	margin: 0; padding: 20px 0 0 0; font: bold 2.0em Times New Roman, sans; color: #0C1424; text-align: left; 
}

#content h2 span.title {
	display: block; margin: 0 30px 1.8em 2.0em; padding: 0px; font: bold 1.4em/100% Times New Roman, sans; color: #8E2C19; text-align: left;
}
#content h2 span.title2 {
	display: block; margin: 0 30px 1.8em 2.0em; padding: 0px; font: bold 1.1em/100% Times New Roman, sans; color: #8E2C19; text-align: left;
}

#content h3 {
	font: bold 1.3em Times New Roman, serif; color: #8E2C19; text-align: left; letter-spacing: 1.2; 
}

#subNav {
	position: absolute; right: 0; top: 275px; margin: 0px; padding: 0; 
	text-align: right; 
}

#subNav ul {
	 margin: 0px; padding: 0px; color: #8E2C19; text-align: left; list-style: none;
}

#subNav li {
	 display: inline; margin: 0px; padding: 0 1em 0 0;
}

#subNav a	{  font: bold 1.2em Times New Roman, serif; color: #8E2C19; text-decoration: none; }
#subNav a:hover	{  color: #D8AC9E; }

.degrees {
	display: block; margin-bottom: 1.2em; font: normal italic 0.9em Times New Roman, sans; color: #0C1424; 
}

.functionDetails dt {
	margin: 0px; padding: 0px; 
	font: bold 1.3em Time New Roman, serif; color: #8E2C19; letter-spacing: 1.2; 
}
.functionDetails dd {
	margin: 0px; 
}

.functionList dt {
	margin: 1.5em 0 0 0;
}

.functionList dd  {
	margin: 0;
}

.adr dt {
	margin: 1.5em 0 0 0; font-weight: bold;
}
.adr dd  {
	margin: 0;
}

.tel dt {
	margin: 1.5em 0 0 0; font-weight: bold;
}

.tel dd  {
	margin: 0;
}

.online dt {
	margin: 1.5em 0 0 0; font-weight: bold;
}

.online dd  {
	margin: 0;
}

.dinner dt {
	margin: 1.5em 0 0 0; font-weight: bold;
}

.dinner dd  {
	margin: 0;
}

.dinnerPdf {
	display: float; position: right;
}

.articleList dt {
	margin: 1.5em 0 0 0;
}

.articleList dd  {
	margin: 0;
}

#content dt {
	margin: 1.5em 0 0 0; font-weight: bold;
}

#content dd  {
	margin: 0;
}

span.dinnerPdf {
	float: right; margin: 0 0 1.5em 1.5em; border: 3px outset #9E3C29; padding: 0.1em; 
}

/*
.letterSelection {
	margin: 0px; margin-bottom: 2em; padding: 0px; list-style: none;
}

.letterSelection li {
	display: inline; margin: 0px; padding: 0px; list-style: none;
}

.letterSelection li a {
	display: table-cell; width: 2.0em; height: 2.0em; text-align: center; vertical-align: middle;
	margin: 0px 8px 8px 0px; border: 1px solid #8E2C19; padding: 0.2em 0.4em; background: #8E2C19;
	font-size: 0.9em; text-decoration: none !important; font-weight: bold; color: #FFFFFF !important;
}

.letterSelection li a:hover {
	background: #FFFFFF; 
	color: #8E2C19 !important;
}
*/


.letterSelection {
	width: 98%; 
	display: block; 
	margin: 0;
	padding: 0 0 1.5em 0;
	white-space: nowrap;
}

.letterSelection li {
	display: inline; width: 3.845%;
	padding-right: 0.4em; 
	list-style-type: none;
}

.letterSelection a { 
	width: 100%; margin: 0; border: 1px solid #8E2C19 !important; padding: 0.2em 0.4em; background: #8E2C19 !important;
	font-size: 0.9em; text-decoration: none !important; font-weight: bold; color: #FFFFFF !important; text-align: center; 
}

.letterSelection a:hover {
	background: #FFFFFF !important; 
	color: #8E2C19 !important;
}


#content 						{ background: transparent url("../images/imageHome.jpg") no-repeat 15px 80px; }
#about #content 			{ background: transparent url("../images/imageInstitute.jpg") no-repeat 15px 80px; }
#dinner #content 			{ background: transparent url("../images/imageDinner.jpg") no-repeat 15px 80px; }
#functions #content 		{ background: transparent url("../images/imageFunctions.jpg") no-repeat 15px 80px; }
#articles #content 			{ background: transparent url("../images/imageArticles.jpg") no-repeat 15px 80px; }
#publications #content 	{ background: transparent url("../images/imagePublications.jpg") no-repeat 15px 80px; }
#pub #content 	{ background: transparent url("") no-repeat 15px 80px; }
#books #content 			{ background: transparent url("../images/imageBooks.jpg") no-repeat 15px 80px; }
#speakers #content 		{ background: transparent url("../images/imagePSpeakers.jpg") no-repeat 15px 80px; }
#contact #content 			{ background: transparent url("../images/imageContact.jpg") no-repeat 15px 80px; }

.people em {
	display: block; 
}

dl.spList  {
	width: auto;
	margin: 0;
	padding: 0 0 1.5em 40px; /* padding-left  = img width */
}

.spList dt {
	margin: 0 0 0 0;
	/*padding: 0 0 5em 5em;*/
	/*font-weight: bold;*/
	clear: left;
	
}
.spList ul {
	display: inline; 
	width: 150px; 
	height: 200px; 
	margin: 0 6.0em 3.5em 0; 
	text-align: center; 
}

.spList dd {
	margin: 0 0 0 0;
	padding: 0 0 0 3em;
	font-weight: bold;
	
}

.spList dd2 {
	margin: 0 0 0 5.0;
	padding: 0 0 0 5.0;
	font-weight: bold;
	
}

.spList dd img {
	font-weight: bold;
	position: relative;
	top: -1.5em;
	left: -1.5em; /* padding-left of dt and dd */
	float: left;
	margin-left: -60px; /* image width */
	margin-right: -10px; /* just to leave some room for border's on img etc.  You'd normally just remove this and use the correct width for the margin left  */
}

dl.siqList  {
	width: auto;
	margin: 0;
	padding: 0 0 1.5em 120px; /* padding-left  = img width */
}

.siqList dt {
	margin: 1.5em 0 0 0;
	padding: 0 0 0.4em 1.5em;
	bottom: 5em
	font-weight: bold;
	clear: left;
}

.siqList dd {
	margin: 0 0 0 0;
	padding: 0 0 0 1.5em;
}

.siqList dd img {
	position: relative;
	top: 0em;
	left: -1.5em; /* padding-left of dt and dd */
	float: left;
	margin-left: -60px; /* image width */
	margin-right: -10px; /* just to leave some room for border's on img etc.  You'd normally just remove this and use the correct width for the margin left  */
}

.paperList {
	float: left; clear: both; width: auto; 
}
.paperList li {
	float: left; width: 120px; margin: 0 2.0em 2.0em 0; text-align: center; 
}

.people {
	text-align: center; width: 100%; 
}
.people ul {
	margin: 0; padding: 0; list-style: none;
}
.people li {
	display: inline; width: 150px; height: 200px; margin: 0 3.0em 3.5em 0; text-align: center; 
}
.people li img {
	border: 1px solid #8E2C19;
}


.floatImage {
	float: right; margin: 0 0 1em 1em; 
}

.functionYears {
	margin: 0 0 1em 0; padding: 0; 
}

.functionYears li {
	display: inline; padding: 0 0.5em 0 0; 
}

.bookImage {
	float: right; margin: 0 0 1.5em 1.5em; border: 1px solid #8E2C19; 
}

#currentPdf {
	position: relative; 
}
#currentPdf img {
	position: absolute; left: 5em; border: 1px solid #990000; background: #FFFFFF; 
}

indent { margin-right: 5%; margin-left: 5% 
}

.clear {
	margin-top:50px;
	clear:both;
	border:0.01px solid #92B8F1;
 	margin-bottom:20px;	
	width: 900px;

}
.left {
	
	float:left;
	width:85px; /* change this to suit your needs */
	height:auto;
	overflow:auto;
	margin-top:20px;	
	margin-left:5px;
	}
	
.right {
	float:left;
	width:600px; /* change this to suit your needs */
	height:180px;
	overflow:auto;
	margin-top:20px;	
	margin-left:5px;
	margin-right:10px;
	
	}

.center {
	float:left;
	width:150px; /* change this to suit your needs */
	height:200;
	margin-top:20px;	
	overflow:autopx;
	margin-left:5px;

	}
#link_to_login {
      height: 150px;
      width: 225px;
      position: absolute;
      top: 250px;
      left: 15px;
}

}