/* TWO COLUMN (CONTENT + NAV) WITH INLINE FRAME IN CONTENT*/
   /* deep burgundy#460502; #fc6 gold */ 
html, body {
margin:0;
padding:0;
}
body {
background-color: #112151;
padding: .5em 1%;
text-align: center;
}
div#page {
background:#fff;
border: solid 1px #8f6955;
color:#fc6;
font-size: 12pt;
font-size: 85%;
font-family:"Trebuchet MS","Century Gothic", Helvetica, Geneva, sans-serif;
 margin:  0 auto;
 padding: 0;
 text-align: center;
 width:956px;
}
/** presentation of double framed effect **/
#frameInner {
background:#d9c074;
border: solid 1px #ffef7f;
margin: 1px auto;
padding: 0;
text-align:center;
width: 960px;
}
#frameOuter {
background:#997e6b;
border: solid 1px #6f5441;
margin: 1px auto;
padding:0;
text-align: center;
width: 962px;
}
#header {
background-color: #0b017e;
border-bottom: solid 2px #d9c074;
clear: both;
height:106px;
margin: 0 0 1px 0;
padding: 10px 0 0 0;
text-align: left;
width: 100%;
}
/* END HEADER */
/* NAVIGATION */
#nav-horzWrapper {
background-color: #0b017e;
border-bottom: solid 2px #997e6b;
border-top: solid 1px #997e6b;
float:left;
font-size: .75em;
height: 28px;
margin:0; 
overflow: hidden;
padding:0;
text-align: center;
width: 100%;
}
#nav-horz, #nav-horz ul {
color:#e9d97a; 
	float: left;
height:24px;
	list-style: none;
	font-weight: bold;
	padding:0;
	margin: 0 0 0 1em;
	text-transform:uppercase;
	width: 100%;
}
ul#nav-horz li {
float:left;
  margin:0;
  padding:0 .2em .2em .2em;
  list-style:none;  
  white-space:nowrap;
  }
ul#nav-horz li a {
border-left: solid 5px #0b017e;
border-right: solid 1px #0b017e;
color:#e9d97a; 
display: block;
margin: 0 0 0 0;
padding:4px 2em 5px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
}
ul#nav-horz li a:hover, ul#nav-horz li a:active
#nav-horz li:hover a, #nav-horz a:focus, #nav-horz a:active {
color: #e9d97a;
background-color: #005;
border-left: solid 5px #e9ca00;
border-right: solid 1px #c99f07;
}
#nav-horz a:hover, #nav-horz a.dropdown:hover {
background-color: #005;
}
/*Width is for IE5 Mac.  */
#nav-horz li {
float: left;
width: 11em;
}
/* CONTENT */
#content {
background:#fff;
clear: both;
font-size: .9em;
height: 650px;
line-height: 1.5em;
margin: 0 auto;
padding: 0 0 2% 0;
text-align:center;
width: 954px;
}
/* FOOTER */
div#footer {
background-color: #fff;
border-top: solid 2px #ddd097;
clear: both;
color:#446;  
font-size: 75%; 
margin:0 auto; 
padding: 1em 0; 
text-align: center;
width: 954px;
 }
/* ** IMAGES  **** */
img {
border: 0;
}
#header img { 
border: none;
margin: 5px 0 0 1em; 
}
#imagegallery {
 margin: 0;
}
#imagegallery img {
 border: solid .1em #005;
}
#imagegallery ul {
text-align: center;
width: 100%;
}
#imagegallery li {
  display: inline;
  margin-left: .3em;
}
/* LINKS */
a,
a:link {
 color:#446;
text-decoration: none;
}
a:active {
text-decoration: none;
}
a:visited {
color:  #836336;
}
a:hover {
 color:#c00;
text-decoration: none;
}
/* skipNav Links for 508 Access */
#skipNav {
float: right;
}
#skipNav a:link, #skipNav a:visited {
display: none;
color: #f00;
}
 #skipNav a:focus,
 #skipNav a:hover,
 #skipNav a:active {
background-color:#887444;
border: solid 1px #fff;
color: #fff;
font-variant: small-caps;
}
/* END LINKS */

/***********************************************/
/* Typography - General to Specific                             */
/***********************************************/
h1, h2, h3, h4, h5 {
text-align:center;
}
h1{
color: #112151;
font: 1.5em/1.8em Georgia, "Times New Roman", serif;
margin: 1em 0 0 0;
padding: .5em 0 0 0;
}
h2 {
font: 1.4em/1.6em Georgia, "Times New Roman", serif;
font-size: 1.4em;
line-height: 1.5em;
margin: .25em 0 0 .25em;
padding: 0;
color: #005;
}
#tabbedPage h2 {
margin: 1em 0 0 0;
}
h3, h3.leftSide {
font-family:"Trebuchet MS","Century Gothic", Helvetica, Geneva, sans-serif;
font-size: 1.3em;
line-height: 1.4em;
margin: 0 0 .5em 0;
padding:0;
color: #c00;
}
.symposia h3{
text-align:left;
}
p {
font-size: 90%;
font-family:"Trebuchet MS","Century Gothic", Helvetica, Geneva, sans-serif;
}

/* TEXT */
#footer p {
color: #223;
font: 1em/1.4em;
padding: 0;
margin:1% auto;
text-align:center;
width: 70%
}
.bold {
font-weight: bold;
}
.italic {
font-style:italic;
}
.gold {
background:#000;
color:#fc6;
padding:1%;
}
.copyright {
color:#e9d97a; 
font-size: .8em;
line-height:1.2em;
}
.copyright a {
color:#e9d97a; 
text-decoration: none;
}
/* END Bottom Panel  */
.left {
margin-left: 0;
text-align:left; 
}
.right {
margin-right: 0;
text-align:right; 
}
.center {
font-size:1em;
margin: auto;
text-align:center; 
}
.small {
line-height:1.5em;
text-align:center; 
margin:auto;
font-size: .8em;
text-align:center;
text-decoration: none;
}
.validation {
display: inline;
height:31px;
margin-left: 1em;
text-align: center;
width:88px;
}
/* END TEXT */

/* A CSS Framework by Mike Stenhouse of Content with Style */

/* clearing */
.stretch,
.clear {
clear:both; 
height:1px; 
margin:0; 
padding:0; 
font-size: 15px;
line-height: 1px;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
* html>body .clearfix {
display: inline-block; 
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
/* end clearing */