/* General styles */


body { margin:0; padding:0; border:0;	/* This removes the border around the viewport in old versions of IE */
	width:100%;	background:#fff; min-width:600px;	/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%; font-family: "Lucida Grande", "Lucida Sans", Verdana, "Verdana Ref", sans-serif;}
		
a { color:#339999; text-decoration:none; font-weight: bold; }
a:hover { text-decoration: underline;}

h1, h2, h3 { margin:.8em 0 .2em 0; padding: 0; font-family: Georgia1, Georgia, serif;  }
h1 { color: #143D55; font-size: 24pt;}
h2 {text-align: center; color:#1a4027; border: medium solid #CCCC00; padding: 5px 0; }
h4 {font-weight:normal; font-size: 110%;}

img {border: none;}

p {	margin:.4em 0 .8em 0; padding:0; }
p.other {font-size: 80%; text-align: center;}
p.sub-title {text-align: center;}

table {margin: 10px auto;}
td {padding-right: 1em; border-bottom: 1px solid #E0E0E0; vertical-align: bottom; }
th {text-align: center; vertical-align: bottom; text-transform:uppercase; }

.affiliation td {border: none;}
.affiliation img {padding: none;}
ol.bylaws {list-style: upper-alpha; }
.caps {text-transform: uppercase;}
.center {text-align: center;}
.indent {padding-left: 25px;}
.italic {font-style:italic;}
.photo {border: 5px solid gray}
.logon {margin-top: 15px;}
.name {font-weight:bold;}
.small {font-size:80%;}
.speaker {float: left; margin-right:15px;}
.speaker-right {float: right; margin-left:15px;}
.tablehead {font-variant:small-caps; }
.top {vertical-align: top;}



td.date, .vol, .status {text-align: center;}
.vol {width: 12%}


/* ========Header styles */

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

#logo {float: left; padding: 20px 20px 0 50px; margin:10px 0;}

#header h1 { padding:0 15px .5em 0; margin: 65px 0 0 0;}

#motto { color: #143D55; font-weight: bold; font-size: .9em; font-style: italic; vertical-align: middle;}

ul#nav { clear:both; width:100%; list-style:none; margin: 0; padding:0; font-size:.85em; }

ul#nav li { display:inline; list-style:none; margin:0; padding:0; }

ul#nav li a { display:block; float: right; margin:0 0 0 1px; padding:3px 10px; text-align:left; /*background:#3087B4;*/ background: #339999; color:#fff; text-decoration:none; position:relative;  line-height:1.3em; }

#header ul li a:hover {background:#006666; color:#FFF; }

#nav ul li a.active,
#nav ul li a.active:hover { color:#fff; background:#000; font-weight:bold; }

#nav ul li a span { display:block; }

/* =============motto and search */

#layoutdims { clear:both; background-color: #143D55; margin: 0; padding:5px 15px; overflow: hidden; zoom: 1;}

#layoutdims { _padding: 0 15px;}

#search { display: inline;}

fieldset { border: none; _padding-top: 4px;} 

.clear {clear: both; }

/* +++++++++++column container */
.colmask { position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both; float:left; width:100%;			/* width of whole page */
		overflow:hidden;}		/* This chops off any overhanging divs */
	
/* ============common column settings */
.colright, .colmid, .colleft { float:left; width:100%; position:relative; }

.col1, .col2 { float:left; position:relative; padding:0 0 1em 0; overflow:hidden; }
	
/* =============2 Column (right menu) settings */
.rightmenu { background:#fff;}		/* right column background colour */
	
.rightmenu .colleft { right:30%;			/* right column width */
		background:#fff; }		/* left column background colour */
	
.rightmenu .col1 { width:66%;			/* left column content width (left column width minus left and right padding) */
		left:32%;	}		/* (right column width) plus (left column left padding) */
	
.rightmenu .col2 { width:26%;			/* right column content width (right column width minus left and right padding) */
		left:36%;	}		/* (right column width) plus (left column left and right padding) plus (right column left padding) */
		

/* =========================Full page settings */
	.fullpage {
		background:#fff;	}	/* page background colour */
	
	.fullpage .col1 {
		width:96%;			/* page width minus left and right padding */
		left:2%;	}		/* page left padding */
	
/* =============Footer styles */

/*==========Sticky Footer */
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
.colmid {padding-bottom: 40px;}
#footer { position: relative; margin-top: -40px; height: 40px; clear: both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* hides from IE-mac\*/
* html .clearfix {height: 1%;}
.clearfix { display: block; }
/* end hide from IE-mac */


#footer { width:100%;}
		
#footer p {padding-top:5px; margin:0; font-size: .80em; text-align: center;}

#footer a {/*color: #fff;*/ font-weight: normal;}

#footer img {vertical-align: middle; }