body {
  margin: 0;
  padding: 0;
  background-image: url(images/backgrnd3.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #333;
}
html, body{height:100%;} 

html, body {
  margin: 0;
  padding: 0;
}
html {
	overflow-y: scroll;
}
#wrapper {
  width: 950px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}
#container {
  width: 950px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  background-color: #fff;
}
#top {
  height: 200px;
  background-image: url(images/top2.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
#right {
  float: right;
  width: 220px;
  margin-right: 25px;
  background-color: #fff;
}
#left {
  float: left;
  width: 200px;
  padding: 0 0 0 10px;
}
#lefthome {
  float: left;
  width: 200px;
  padding: 0 0 0 20px;
  background-color: #fff;
}
#center {
  margin-right: 0;
  background-color: #fff;
}

#centerframe {
  height: 100%;
  min-height: 650px;
  background-color: #fff;
  margin: 10px;
}

.gutter {
padding: 0 270px 0 270px;
}
ul.list {
  font-family: Verdana;
  font-size: 11px;
  line-height: 1.4em;
  list-style-type: circle;
  color: #000;
}

ul.program li {
  font-family: arial;
  font-size: 12px;
  line-height: 1.2em;
  list-style-type: circle;
  margin-top: 10px; 
  color: #000;
}
table.program {
 width: 400px;
 margin: 10px 0 0 0;
 color: #1C4D0B; 
 font-size: 12px;
 font-family: arial;
 text-align: left;
}
table.program tr {
 width: 100%;
 padding: 0;
}
table.program td {
 width: 45%;
 padding: 0 5px 10px 0;
}

table.category {
 width: 198px;
 margin: 10px 0 0 0;
 
}
table.category tr {
 width: auto;
 padding: 0;
}
table.category td {
 width: 170px;
 padding: 5px 10px 5px 10px;
 color: #1C4D0B; 
 font-size: 13px;
 font-family: arial;
 text-align: center;
}

table.category th {
 width: 170px;
 padding: 20px 0 10px 10px;
 font: 14px arial;
 font-weight: bold;
 color: #191C18;
 text-align: center;
}
p.dotted {border-bottom-style: dotted;
border-color: #999;}

#clear {
  clear: both;
}

#footer {
  background: #B6B5B9;
  height: 30px;
  border:1px solid #7C7B82;
  border-width:1px 0;
  padding: 10px 0 4px 10px;
  text-align: center;
  font-family: arial;
  font-size: 11px;
  color: #000;
}
h1 {
	font: 14px arial;
	font-weight: bold;
	color: #191C18;
	padding: 20px 0px 0px 0px;
}
h2 {
	font: 12px arial;
	font-weight: bold;
	color: #191C18;
	padding: 10px 0px 0px 0px;
}
.headertitle {
  font: 13px arial;
  font-weight: bold;
  text-transform: uppercase;
  color: #A05A13;
  text-align: left;
  padding: 15px 0 5px 0;
}
.headermain {
  font: 16px arial;
  font-weight: bold;
  text-transform: uppercase;
  color: #A05A13;
  text-align: left;
  padding: 15px 0 0 0;
}

.floatimgright {
float: right;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
color: #2B3D81;
font-family: arial;
font-size: 11px;
}
#quote {
  font-family: arial;
  font-size: 12px;
  font-style: italic;
  color: #C77F06;
  line-height: 1.5em;
  margin-top: 20px;
  margin-bottom: 20px;
}
#textsmall {
  font-family: arial;
  font-size: 11px;
  color: #191C18;
  line-height: 1.2em;
  padding: 0px;
}
#text {
  font-family: arial;
  font-size: 13px;
  color: #191C18;
  text-align: justify;
  line-height: 1.3em;
  margin: 0 20px 0 10px;
}
#textragged {
  font-family: arial;
  font-size: 13px;
  color: #191C18;
  line-height: 1.2em;
  padding: 0px;
}
#textbold {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  text-transform:uppercase;
  color: #191C18;
  margin-top: 9px;
  margin-bottom: 6px;
}

#textblue {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  text-transform:uppercase;
  color: #636792;
  margin-top: 9px;
  margin-bottom: 6px;
}

.headerleft {
  font: 13px arial;
  font-weight: bold;
  text-transform: uppercase;
  color: #A05A13;
  text-align: left;
  padding: 40px 0 0 20px;
}
.textleft{
  font-family: arial;
  font-size: 12px;
  color: #213C18;
  line-height: 1.4em;
  margin: 10px 0 10px 20px;
}
.noteslides{
  font-family: arial;
  font-size: 12px;
  color: #213C18;
  line-height: 1.6em;
  padding-right: 50px;
  text-align: right;
}
#textblue {
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  color: #44146D;
  margin-top: 5px;
  margin-bottom: 2px;
  margin-left: 10px;
}
#textheader {
  font-family: Verdana;
  font-size: 14px;
  font-weight: bold;
  text-transform:uppercase;
  color: #CF5A0C;
  margin-top: 10px;
  margin-bottom: 6px;
}
#textindent{
  font-family: arial;
  font-size: 12px;
  color: #000;
  line-height: 1.6em;
  margin-left: 10px;
}
A.type1:link    {color:#4A5690; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type1:visited {color:#4A5690; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type1:active  {color:#4A5690; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type1:hover   {color:#D4828B; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}

A.type1v:link    {color:#CF5A0C; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type1v:visited {color:#CF5A0C; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type1v:active  {color:#CF5A0C; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type1v:hover   {color:#CF5A0C; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}

A.type2:link    {color:#000; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type2:visited {color:#000; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type2:active  {color:#000; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type2:hover   {color:#fff; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}


.chromestyle{
width: 100%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #000;
width: 100%;
background: url(images/chromebg.gif) center center repeat-x; 
padding: 6px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #000;
padding: 6px 20px;
margin: 0;
font: bold 14px arial;
text-decoration: none;
border-left: 1px solid #898888;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
color: #fff;
margin: 0;
}

.chromestyle li:first-child a {
		border-left: 0px solid #000;
	}


/*DIV for EVENTS PHOTOS Page slide show*/
#simplegallery1{ 
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
}

/*DIV for Pinhole article slide show*/
#simplegallery2{ 
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
}
#simplegallery2 .gallerydesctext{
text-align: left;
font-size: 13px; 
font-family: arial;
color: #fff;
padding: 10px 5px;
}

/*expandable content css*/
.technology{ /*header*/
cursor: hand;
cursor: pointer;
font: bold 13px Verdana;
margin: 10px 0;
}
.thelanguage{ /*class added to contents*/
color: #112A6F;
font: 12px Verdana;
line-height: 1.4em;
margin-bottom: 5px;
}
.openlanguage{ /*class added to contents*/
color: #CF5A0C;
}

.closedlanguage{ /*class added to contents when they are closed*/
color: #112A6F;
}