@charset "UTF-8";
/* CSS Document */ 

html {	
font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, sans-serif;
background:#fff;
color:#666;
height:95%;
line-height:1.5em;
}

body  {
font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, sans-serif;  
background-color: #fff;
color: #332114;
font-size: .938em;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.5em;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

a img {border: none;
}
/* unvisited link */
a:link {
color:#4792bf;
text-decoration:none;
}  
   
/* visited link */
a:visited {
color:#4792bf;
text-decoration:none;
outline: 0;
-moz-outline-style: none;
} 
/* mouse over link */
a:hover {
color:#bfbfd6;
text-decoration:none;
} 
/* selected link */
a:active {color:#4b4b95;
text-decoration:none;
}  

a:focus {
outline: none;
}

p {
color:#332114;
font-size: .938em;
padding: 0px 0px;
text-align: left;
}

ul {
font-family: Lucida Sans Unicode, Lucida Grande, Tahoma, sans-serif;
font-size: .938em;
font-style: normal;
line-height: 1.7em;
font-weight: normal;
font-variant: normal;
text-transform: none;
color:#332114;
text-indent: 5px;
list-style-position: inside;
list-style-type: square;
padding:4px;
margin: 2px;
}

.col1 li + li { margin-top: 10px;}

a.nav:link {color: blue; text-decoration: none; }
a.nav:visited {color: purple; text-decoration: none; }
a.nav:hover {color: orange; text-decoration: underline; }
a.nav:active {color: red; }

a.external:link {color: #0000ff; font-size: 18pt; font-weight: bold; }
a.external:visited {color: #894f7b; font-weight: bold; }
a.external:hover {text-decoration: overline; background-color: #003399; }
a.external:active {color: red; }


.align-right { float:right; margin: 0 0 15px 15px; }

.align-left { float:left; margin: 0 15px 15px 0; }

.sideimage { padding: 20px 0px 20px 0px; }

.trans_caption {
text-decoration: none;
font-size: .75em;
position: absolute;
width: 100%;
margin-top: 28px;
margin-left: 0px;
padding: 0px 5px 0px 5px;
opacity: .70;
background-color:#f5f5f5;
}

h1 {
clear: both;
margin: 20px 0 0px 22px;
color: #4c4f58;
font-family: Trebuchet MS;
font-size: 1.6em;
line-height: 1.8em;
}

h2 {
margin: 20px 0 10px 0;
color: #9696bb;
font-family: Trebuchet MS;
font-size: 1.3em;
line-height: 1.1em;
}

h3 {
clear: left;
padding: 0px 0px 0px 0px;
color: :#4c4f58;
font-family: "Trebuchet MS";
font-size: 1.1em;
line-height:1.1em;
}

h4 {
clear: left;
padding: 0px 0px 0px 0px;
color: #2c5e7e;
font-family: "Trebuchet MS";
font-size: 1em;
line-height: 1.5em;
}

.followicon { display: inline; }

.icon {
padding: 10px 0px 0px 0px;
border: 0;
}

.icon2 { padding: 10px 10px 0px 0px; border: 0; }

.pad1 { padding: 0px 5px 12px 5px; }

#vidpage li{ margin-top: 14px; list-style-type: disk; }

button {
color:#fff;
font:1em "Trebuchet MS", Futura, "Century Gothic", sans-serif;
margin:20px 5px 10px 5px;
padding:7px;
background:#4792bf;
max-width: 185px;
white-space:normal;
border:1px solid #ffcc00;
-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
border-bottom:1px solid #9f9f9f;
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
cursor:pointer;
}

button:hover { background: #73A9CB; }

.twoColFixRtHdr #container { 
	width: 980px;  /* changed this to a wider width to allow for content; will work well on newer ipad displays */
	background: #fff;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixRtHdr #header { 
	width: 100%;
	background: #fff;
	height: 180px; 
	border: 0px solid #000;
	padding: 5px 5px 5px 5px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixRtHdr #header h1 {
	margin: 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#logobanner { border:none; padding: 20px 0px 0 0px; }
	
.translate { float:right; }

.headright {
clear:right;
float:right;
display:block;
padding: 0px 12px 0px 0px;
font: .813em/13px Arial, Helvetica, Verdana, sans-serif;
color: #37344b;
line-height:18px;
}

/*not sure if this all even has a function in current site*/
.twoColFixRtHdr #sidebar1 {
	float:right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px;
}
.twoColFixRtHdr #mainContent { 
	margin: 0 0px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.twoColFixRtHdr #footer { 
	padding: 0 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	clear:both;
	margin: 0px auto;
	position: relative;
	color: #4b4b95;
	width: 980px;
	height: 125px;
	border-top: solid 1px #dbdbe6; 
	border-bottom:solid 1px #f6f6f8;
	background: #fffdff; /* fallback */
	background: url(images/gradfoot2.png) repeat scroll left;	
} 

/* in USE???*/

.noborder { border:none;}


 /* this padding matches the left alignment of the elements in the divs that appear above it. */

.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right; 
	margin-left: 0px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 0px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* slideshow */
#slideshow {
clear:both;
    margin: 0px auto;
    position: relative;
    width: 980px;
    height: 300px;
    padding: 0px 0px 0px 0px;
    border: 0px solid #000;    
}

#slideshow > div {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

/* end slideshow */


/* Page Title Strip */
#pagetitlestrip {
clear:both;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	float:left;
	width: 980px;
	height: 80px;
	background: #fcfcfc; /* fallback */
	background: url(images/test5.png) repeat scroll left;	
	border-top: solid 1px ghostwhite;
	border-bottom:solid 1px #f2f2f8;
	}

/* End Page title Strip*/

/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#e5d8e6;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:980px;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	border: 0px solid #ccc;
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}

.col1,
.col2,
.col3 {
border: 0px solid #0000ff;
	float:left;
	position:relative;
	padding:0 0 0 0;
	overflow:hidden;
}

/* 2 Column (right menu) settings */
.rightmenu {
	background:#fff;		/* right column background colour */
}
.rightmenu .colleft {
	right:21%;			/* right column width */
	background:#fff;		/* left column background colour */
}
.rightmenu .col1 {
	width:72%;			/* left column content width (left column width minus left and right padding) */
	left:23%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:18%;			/* right column content width (right column width minus left and right padding) */
	left:27%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* Navigation */
.navmenu
{   float:left;
	padding: 0;
	margin: 0;
    width:980px;
	border-top: solid 1px #ebebeb;
    background: #f5f5f5; /* I removed this link: (non-active background image for the main menu) */
    font: 1.063em/40px Arial, Helvetica, Verdana, sans-serif;
    position:relative;
    z-index:100;
}

.navmenu, 
.navmenu ul,
.navmenu li
{
	z-index: 200;
	padding: 0px;
    margin: 0px;
}

.navmenu, .navnavmenu ul { 
    list-style:none;
	 z-index: 98;
	 white-space: nowrap;
	 }

.navmenu a
{
	color: #332114;
	background: none;
	font: 1.063em/40px Arial, Helvetica, Verdana, sans-serif;
    text-decoration: none;
    padding:0 0px; /* spacing between the links on the main-menu */
    display:inline-block;
	width: 100%;
}

.navmenu > li

{
    float: left;
	color: #4c4f58; /* rollover text for the drop-down menu */
}

.navmenu li
{
    list-style-type: none;
    color: black;
    padding: 0px;
	font-weight: normal;
    width:120px;
    display:block;
    text-align:center;
}

.navmenu li a
{
/* non-rollover link formatting for the main menu links */
    
    color: #4c4f58;
	font: 1.063em/40px Arial, Helvetica, Verdana, sans-serif;
    text-decoration: none;
    padding:0 0px; /* spacing between the links on the main-menu */
    display:inline-block;
}

.navmenu ul
{
    display: none;
    position:absolute; z-index:20;
	width:201px;
    margin-left: 0px;
    margin-top: 0px;
    line-height:normal;
	border-bottom: 0px solid #CCC; /*bottom border for the drop-down menu */
	border-top: 4px solid #fcfb95; /*top border for the drop-down menu */
    background-color:#736252; /* background for the drop-down menu, non-hover */
}

.navmenu li:hover > ul
{
    display: block;
}

.navmenu li li:hover
{
    background: #dadae7; /* background for the rollover drop-down menu */
}


.navmenu ul.parent_hover
{
    display: block;
}


.navmenu li:hover a
{
    color: #999; /* rollover text for the main menu */
    background: none;
}

.navmenu a:hover
{
    color: #999;
    background: none;
}

.navmenu li ul li:hover a, 
li ul li li:hover a
{
    color: #2f3137; /* rollover text for the drop-down menu */
}

.navmenu li:hover li a, 
li li:hover li a
{
    color: #fff; /* text color for the drop-down menu, non-hover */
}

.navmenu ul ul
{
    margin-top: 0;
    left: 99%;
}

.navmenu li li
{

    width:200px; /* the width of the link for the drop-down menu */
    font-weight:normal;
    text-align: left;
	border: 1px solid #ccc;
}	
	
.navmenu li li a {
    display:block;
    padding: 3px 2px 3px 8px; /* top padding for the sub li anchors */
    color: #ddd;      
}

.navmenu li:hover ul
{
    margin-left:0;/*reveal the 1st level sub ul on li:hover*/
    visibility:visible; /*fix IE7 sticking dropdown (make it think something changes on hover)*/
}
 
.navmenu li:hover ul ul
 {
    margin-left: -999em; /*keep the 2nd level sub ul hidden on 1st level li:hover*/
    z-index: 1;
}

.navmenu li li:hover ul,
.navmenu li li li:hover ul
 {
    margin-left:269px;/*reveal the 2nd level sub ul on li:hover*/
    top:0;
}	
	
.navmenu span
{
    display: block;
}

.endmenu
{
    clear: left;
}

/* End navigation*/


/*Start gallery*/
.gallerycontainer {
position: relative;
clear:both;
float:left;
padding: 10px 215px 0px 0px;
margin: 0px;
border: solid 0px #ff0000;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail,
.thumbnail2,
.thumbnail3  
img{
border: solid 0px #fff;
margin: 3px 3px 3px 3px;
}

.thumbnail:hover,
.thumbnail2:hover,
.thumbnail3:hover 
{
background-color: transparent;
}

.thumbnail:hover img,
.thumbnail2:hover img,
.thumbnail3:hover img 
{
border: solid 0px #4c4f58;
}

.thumbnail span,
.thumbnail2 span,
.thumbnail3 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: #fcfcfc;
padding: 3px;
border-color: #736252;
border-style: ridge;
border-width: 2px; 
visibility: hidden;
color: #332114;
text-decoration: none;
font-size: .8em;
}

.thumbnail span img,
.thumbnail2 span img,
.thumbnail3 span img
{ /*CSS for enlarged image*/
border-width: 0px;
padding: 0px;
height:400px;
width:400px;
}

.thumbnail:hover span
{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 290px; top: 40px;  /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 290px; top: 185px;  /*position where enlarged image should offset horizontally */
z-index: 51;
}

.thumbnail3:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 290px; top: 325px;  /*position where enlarged image should offset horizontally */
z-index: 51;
}

.break{ /*force image to next line*/
float: left;
}

/* end gallery*/


/*new footerTEST stuff */

.con { clear:both; width: 960px; margin: 0 auto; position: relative;}

#footer .col { width: 300px; float: left; margin: 0; padding: 8px 0px 0px 12px;}
#footer h5 { font-size: 1em; text-align: left; color: #2c5e7e; font-weight: 300; margin: 0; padding: 0; letter-spacing: 0.2px; }
#footer ul { padding: 0; margin-left: 0; text-align:left; list-style-type: none;}
#footer li { font-size: .8em; margin: 0 0 0px 0; padding: 0; text-align: left; }
#footer a { color: #4792bf; }
#footer a:hover { color: #fff; text-decoration: none; }
#footer p { font-size: .8em; color: #4b4b95; margin: 0 0 0px 0; }
#footer span { color: #474747; }
#footer #boring_stuff p { margin: 0 0 0px 0; }

#foot_follow { width: 310px; float: left; }
#foot_follow li { width: 50px; height: 45px; float: left; margin: 0px 15px 0px 5px; }
#foot_follow li.last { margin-right: 0px; }
#foot_follow a { display: block; width: 40px; height: 40px; float: left; }
#foot_follow span {display: block; }

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   vertical-align: middle;
   }
 
   .fade:hover {
      opacity: 0.4;
      }
	 
/*End new footer stuff*/ 

/*Popup tooltip */
a.tooltip {outline: none; }
a.tooltip strong {line-height: 1.1em;}
a.tooltip:hover {text-decoration: none;} 
a.tooltip span {
    z-index:100;display:none; padding:10px 10px;
    margin-top:-10px; margin-left:0px;
	font-size: .8em;
    width:164px; line-height:1.2em;
}

a.tooltip:hover span{
    display:inline; 
	position:absolute; 
	color:#111;
    border:1px solid #dca; 
	background:#bfbfd6;
	}
 /*end tooltip */


/*glossary*/
#alpha {
font-size: 1.3em;
color: #4b4b95;
}
/*end glossary*/