/* */@charset "utf-8";
/* CSS Document */
/* applying style to the body tag cascades through the whole page, possibly causing conflicting instructions */
html {
	z-index: -2;
}

body {	
	margin: 0 20px 0 2em;	
	min-width: 45em;  
	/* min-width is necessary to keep the banner intact, but prevents the page from reflowing in a liquid design */
}

blockquote {
	font-size:0.9em;
    color:#333;
    }

#content ul li {
	font-size:0.9em;
    }
#content ul.linklist {
	font-size:1.1em;
    }

.style1, span.alert {
	/* makes alert text red */
	color: #FF0000;
}

/* Style the banner of the page */
#banner {
	position: absolute;
	left: 200px;
	top: 20px;
	width: 700px;
}

/* Set the banner text font and style */
#banner h1 {	
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 1.7em;
	text-align: left;	
	line-height: 50%;
	font-variant: small-caps;
	color: #615a3d;
	position: relative;
}


/* increase size of first letter in banner */
.firstletter{
	font-size: 42px;
}
	
/* position the banner image wisp separately*/ 
#banner img{	
	top: -1.5em;
	text-align: left;	
	margin-left: 2em;
	width: 80%;
}


/* Link Stylings */
a { 
	//position: relative; 
}

a:visited {
	color:#6C3600; 
	text-decoration: none;
}

a:link {
	color:#420000; 
	text-decoration: none;
} 

a:hover {
	text-decoration: underline;
}

a:active {
	color: #000000; 
	text-decoration : none;
}

/* Nav Bar Style */

/* The sidebar div contains the main navigation bar, and the logo image */
#sidebar {	
	position: absolute;	
	left: 34px;	
	top: -1.5em;	
	width: 14%;	
}

/* style the logo image inside of the sidebar div, and position it */
#sidebar img {	
	position: absolute;
	left: -10px;
	border: 0;
}

/* Position and style the navigation bar */
#nav {	
	position: absolute;
	top: 119px;
	width: 175px;
	background: #ffe88f url(images/yellow_new.gif) no-repeat 87px 22px;
	border-bottom: 1px solid black;	
	border-left: 1px solid black;
	z-index: 1;
	}
	
/* Style the navigation list items */
#nav ul{
	list-style-image: none;	
	list-style-type: none;
	margin-left: 15px;
	padding: 0;
}

#nav li {	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin: 0;
	display: block;
}

#nav ul li a {
	display: block;
	text-decoration: none;
}

#nav li.uberlink {	
	font-style: italic;
	/* makes current section italic */
}

/* Position the subsection navigation bars */
#nav ul ul li a {  
	/* indents second level list */	
	font-size:12px;
}

#nav li ul, #nav li.open li.closed ul {	
	display: none; 
	/* collapse lists */
}
	
#nav li.open ul {	
	display: block; /* expand section */
}
	
#nav ul li.leaf a {	
/* style closed leaf */} 


/* Div content Stylings */
#content {	
	position: absolute;
	left: 122px;
	top: 117px;
	margin: 0px 10px 20px 0px;
	background-color: #ffe88f;	
	padding-left: 115px;	
	padding-top: 1em;	
	padding-right: 2em;	
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom: 5em;	
	min-height: 27em;	
	border-bottom: 1px solid black;	
	border-right: 1px solid black;
    z-index: 0;}

#content ul.admin {
	display: inline;
	float: left;
	padding-left: 2em;
}

#content h1 {	
	font-size:1.4em;	
	font-weight:bold;	
	padding-left: 3px;	
}	

#content h2 {	
	font-weight:bold;	
	font-size:1.2em;	
}

#content h3 {	
	font-weight: bold;
    background:#FFDB50;
    padding:5px 90px 5px 5px;	
}

#content h4 {
	font-weight: bold;	
	font-size: 0.95em;
}

#content h5 {	
	font-style: italic;	
	font-size: 0.85em;
}

#content p {	
	font-size: 0.90em;	
}	

#content p.center {	
	text-align: center;
}

/* the class plain creates unordered lists with no bullets */
#content ul.plain li {	
	list-style-image: none;	
	list-style-type: none;	
	padding-top: 0.2em;	
	padding-bottom: 0.2em;
	text-align: left;
	font-size: 0.90em;
}
#content span.hide {
	display: none;
}
#content ul.memberInfo {
	list-style-image: none;
	list-style-type: none;
	padding-top: 0.2em;	
	padding-bottom: 0.2em;
	text-align: left;
	font-size: 0.90em;
}
#content ul.memberInfo span {
	color: #5E2F00;
	font-style: bold;
	float: left;
	width: 9em;
}

#content ol.lalpha {
	list-style-type: lower-alpha;
	text-align: left;
	font-size: 0.90em;
}

/* the table class info creates tables for information: used in officers etc */
#content table.info {	
	border-width: 0;	
	text-align: center;	
	width: 100%;
	font-size: 0.9em;
/*	min-width: 507px; This would prevent the table cells from wrapping as the window narrows*/
}

#content table.info th {
	text-align: left;	
	font-weight: bold;	
	padding-bottom: 0.5em;	
	padding-top: 0.5em;
    border-top:1px solid #bababa;
    border-bottom:1px solid #bababa;
}

#content table.info tr {	
	padding-top: 0;	
	padding-bottom: 0;
}

#content table.info td {	
	font-size: inherit;
	padding-right: 0.3em;	
	text-align: left;
	padding-left: 1em;
}

#content ul.inline, ul.inline li {
	list-style-type: none;
	display: inline;
	padding: 5px;
}

/* creates and styles a table for programmes 
#content table.program {	
border-width: thin;	
border-style: groove;	
text-align: center;	
width: 100%;
}

#content table.program td {
border-width: thin;	
border-style: dotted;	
text-align: left;	
padding-right: 0.5em;
}

#content table.program td.time {	
width: 5%;	
vertical-align: top;
}

#content table.program td.eventTitle {	
text-align: center;	
vertical-align: top;
}

#content table.program td.eventSection {
font-weight: bold;	
width: 30%;	
vertical-align: top;
}

#content table.program td.event {
text-align: left;	
vertical-align: top;
}*/

/* Styles the forms for nomination and contact. */
/* for all forms */
form fieldset {
	border-color: #5E2F00;
	border-width: 2px;
}
form.hide {
	display: none;
}
form legend {
	font-weight: bold;
}
form br {
	 line-height: 2em; 
}

/* for the contact form, indicate commpulsory fields */
form#contact label.compulsory, span.alert {
	color: #CC0033;
}

/* format labels for different field widths */
form#nominate label, form#editDB label {
	width: 8em;
	float: left;
	line-height: 2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.90em;
}

form#contact label, form#search_members label {
	width: 6em;
	float: left;
	line-height: 2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.90em;
}

/* for the edit database form */
form#editDB table.checkboxes {
	border-collapse: collapse;
	border-width: 0;
}
form#editDB table.checkboxes td {
	text-align: left;
	font-size: 0.8em;
	padding: 0em;
	height: 1em;
}
form#editDB table.checkboxes label {
	float: none;
	line-height: 1em;
}

	
/* style search results of the members database into a table */
#content table.search {
	border-width: 0;
	text-align: left;
	font-size: 0.8em;
	}
#content table.search th {
	font-weight: bold;
}

/* #content table.search tr:nth-child(2n) {
	background-image:url(images/yellow.png);
	 CSS3, would stripe alternate rows if implemented in browser 
}*/
	
#content table.search td {
	padding: 0em .5em 0em .5em;
	}

/* Create pop ups for viewing fields of interest in a search result table */
#content table.search a.info {
	//position: relative;
	z-index:4;
	font-style: italic;
}
#content table.search a.info:hover {
	z-index: 5;
}
#content table.search a.info span {
	display: none;
	/* hides list of interests */
}
#content table.search a.info:hover span {
	/*display list of interest with hover */
	z-index: 5;
	font-style: normal;
	display: block;
	position: absolute;
	top:2em; 
	left:2em;
	width: 12em;
	border: thin dotted gray;
	background-image: url(images/yellow.png);
}
#content table.search a.info:hover span ul {
	list-style-type: none;
	padding-left: 1em;
}

/* jubilee article on about page ("IAUPE Past and Present")*/
.jubilee {
	border-top:1px solid #bababa;
	}
/* Footer Styles */
#footer	{
	clear: both;
	margin-top: 10px;
}

/* position and style footer text, including copyright statement */
#footer p {
	clear: inherit;
	font-size: 0.7em;
	text-align: left;
}

/* "back" are links back to main subject, "top" are links to top of page*/
.top {
    display:block;
    float:right;
    font-family:sans-serif;
    font-size:0.6em;
    margin-top:-19px;
    margin-right:-90px;
    padding:4px 0pt 0pt;
    text-align:center;
    text-decoration:underline!important;
    text-transform:uppercase;
    width:40px;
    }

.back {border-top:1px solid #bababa;
	display:block;
    text-align:right;
    margin-bottom:20px;
    padding:5px 0 0 0;
    }
.back a {
    display:block;
    float:right;
    font-size:0.9em;
    width:50px;
    }