/*---------------------------------------------------------------------------------
 CSS Document
 
 Default Stylesheet for Signing Savvy
 
 version: 1.1
 website: http://www.signingsavvy.com
 CSS Author: Jillian Winn
 
 Webpages Primary Colors: */
	/* #0C273D; /*navy blue*/
	/* #B2EAF7; /*light blue*/ 
	/* #54D0ED; /*aqua blue*/
	/* #62EAF7; /*sky blue*/
	/* #174E7B; /*grey blue*/ 
	/* #9AD0D8; /*sky+grey blue*/ 
	/* #70B85D; /*mint green*/
	/* #2C5E2E; /*forest green*/
	/* #FFFEF1; /*swiss white*/
	/* #FFFFFF; /*white*/
    /* #000000; /*black*/
	/*
	
Website Primary Fonts:
	Logo "Signing": Nueva Std Regular
	Logo "Signing": Zapfino Regular
	Logo "Your Sign Language Resource": Nueva Std Regular

---------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------
 Development Notes
 
Padding: Never add padding to an element with a defined width.  
	Instead, try adding padding or margins to the element's parent or children.  
	If you do have padding and a defined width on the same element, you may run 
	into cross-browser problems, specifically with IE/Windows and how it renders 
	the box-model. 
	
EM Calculations:
	-default browser font-size: 16px
	-font-size, px to em equation: 1 ÷ parent font-size × required pixel value = em value
	-line-height equation: desired line height ÷ element font size = em value for line height
	
References Used:
	-Andy Budd, Cameron Moll, and Simon Collison. (2006). CSS Mastery: Advanced Wed Standards Solutions. 		New York: Springer-Verlag.
	-Jon Tan. (9/25/2007). The Incredible Em & Elastic Layouts with CSS. Jon Tangerine. Retreived 4/24/2008
	from http://jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css

---------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------
Typical HTML Page Structure
 
html
	body
		DIV ID stripe
			DIV ID container
				DIV ID header
				/header
				DIV ID options
					UL ID menu
					/menu
					DIV ID search
					/search
					DIV ID browse
					/browse
				/options
				DIV ID content-holder
					DIV ID ads-about
					/ads-about
					DIV ID content
					/content
				/content-holder
			/container
		/stripe
		DIV ID footer
			DIV ID footer-content
			/footer-content
		/footer
	/body
/html

---------------------------------------------------------------------------------*/
 

/* General Settings 
---------------------------------------------------------------------------------*/


* {          /*Clear all pre-set browser settings */
  margin: 0;
  padding: 0;
}

html{
  font-size: 100%;
} 

body {
  font-size: 1em; /*browser default = 16px */
  /* line-height:1.125em; /* sets line height of 18px 16×1.125=18 */
  text-align: center; /* center page  */
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #000000; /*black*/
  background-color: #B2EAF7; /*light blue - sets footer background color*/
}

#stripe { /* page background */
  background: #0C273D url(graphics/bkgrd-stripe_CENTER.jpg) repeat-y top center; /*dark background navy #0D1D2E*/ /*23x38px*/

}

#container {
  width: 50em; /* 740px == 1÷16×740=46.25em == ideal for 800x600px */
  margin: 1.5em auto; /*centers */
  text-align: left;
  background-color: #FFFFFF;
  /*margin: 1.5em 0 0 3em;*/
   
}


/*#stripe { /* page background */
/*  background: #CCCCCC url(graphics/bkgrd-stripe_01.gif) repeat-x; /*white*/ /*23x38px*/
/*  margin: 0;
  padding: 0;
}

#container {
  width: 50em; /* 740px == 1÷16×740=46.25em == ideal for 800x600px */
/*  margin: 1.5em auto; /*centers */
/*  text-align: left;
  background-color: #FFFFFF;
  /*margin: 1.5em 0 0 3em;*/
   
/*}*/

p, h3, h4, h5, h6, pre, code, blockquote, form, fieldset, table, ul, ol {
  font-size: 0.750em; /* 12px == parent set to 16px, 1÷16×12=0.750em */
  line-height: 1.5em; /* 18px == 18÷12=1.5 */
  margin: 1.5em;
}

h1{
  font-size: 1.125em; /* 18px == 1÷16×18=1.125em */
  line-height: 1em; /*18px == 18÷18=1 */
  margin: 1em;
  font-weight: 300; /*(font weight light)*/
  color: #0C273D; /*navy blue*/
}

h2 {

  font-size: 0.875em; /* 14px == 1÷16×14=0.875em */
  line-height: 1.286em; /*18px == 18÷14=1.286 */
  margin: 1.286em;
  padding: .5em;
  color: #0C273D; /*navy blue*/
}

h3 {
  color: #0C273D; /*navy blue*/
  font-weight: bold;
} 

h4, h5, h6 {
  color: #0C273D; /*navy blue*/
  font-weight: bold;
}

img {
  display: block;
  border: 0; /* Remove border around linked images */
}

.clear {
  clear: both;
}


object {
	display:block;
}

/* Default Link Attributes
Note: a:visited must be placed before a:hover to work properly
---------------------------------------------------------------------------------*/

a {
  font-weight: normal;
}

a:link, a:visited {
  text-decoration: underline;
  color: #000000; /*black*/
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a img { 
  border: none;
}

a[href^="http:"]
{
background: url(graphics/external.gif) no-repeat right center;
padding-right: 18px;
}

#social img {
  display: inline;
}

#social a[href^="http:"]
{
background: none;
padding: 0;
}

img a[href^="http:"]
{
background: none;
padding: 0;
}

 
/* Main Containers
---------------------------------------------------------------------------------*/

.branding-logo {
  width: 4.555em; height: 5.333em; /* logo: logo_04.gif 82x96px 18 1÷18×Xpx=Yem*/
  display: inline;
}

.branding-logotext {
  width: 18.777em; height: 5.166em; /* logo: logo_04.gif 338x93px 18*/
  display: inline;
}

.branding-text {
  display: none;
}

#header {
  
}

#sitehead {
  float: left;
  font-size: 1.125em; /* 18px == 1÷16×18=1.125em */
  line-height: 1em; /*18px == 18÷18=1 */
  margin: 0;
  font-weight: 300; /*(font weight light)*/
  color: #0C273D; /*navy blue*/
}

#header a {
  text-decoration: none;
}

#options {
  clear: both;
}

#options {
  position: relative;
  width: 100%;
  min-height: 14em; /* If the browse box gets longer, must increase this number*/
}


#options2 {
  clear: both;
}

#options2 {
  position: relative;
  width: 100%;
  min-height: 0.5em; /* If the browse box gets longer, must increase this number*/
}


/* Login
---------------------------------------------------------------------------------*/

#sitelogin {
  width: 25em;
  float: right;
  margin: 0;
  text-align: right;
  /*background-color: #CBEDF3;*/
}

#sitelogin a {
  color: #0C273D; /*dark blue*/
  text-decoration: underline;
}

#sitelogin a:hover {
  color: #0C273D; /*dark blue*/
}

#sitelogin p {
}

#login input, #password input {
  width: 10em;
}

#login, #password {
  float: right;
}

#sitelogin label {
  margin: 0 0 0 1em;
  text-align: left;
  font-size: 1.083em; /*13px*/
}

#sitelogin input {
  /*font-size: 1.083em; /*13px*/
}

#loginBtn {
  font-size: 0.917em; /*11px*/
  margin: .5em 0 0 0;
  padding-top: .2em;
  width: 5.09em; height: 2.64em; /*56x29px Safari: 11 5.09em 2.64em Firefox: 13 width: 4.31em; height: 2.23em*/ 
}

#sitelogin input[type="text"], #sitelogin input[type="password"], #sitelogin textarea {
  border: 1px solid #0C273D; /*navy blue*/
}

/* Main Menu
---------------------------------------------------------------------------------*/

#menu {
  width: 35em;
  height: 5em;
  margin: 0 0 0 2em;
  padding: 1em 0 0 0;
  position: absolute;
  top: 2.5em;
  background: #B2EAF7 url(graphics/menu-corner-lightblue_22.gif) no-repeat top left; /*light blue*/ 
  /*border-top: 1em solid #B2EAF7; /*light blue*/
  /*border: 1px solid #00CC00;*/
}

#menu li {
  display: inline;
  text-align: center;
  list-style: none;
  font-size: 1.5em;
}

#menu li a {
  padding: 0 .2em 1em .2em;
  margin: 0 0 0 .7em;
  text-decoration: none;
  color: #174E7B; /*grey blue*/ 
}

#menu li a:hover {
  color: #0C273D; /*dark blue*/
}

/* Browse Box
---------------------------------------------------------------------------------*/

#browse {
  position: absolute;
  top: .7em;
  left: 27.2em;
  min-height: 11.5em; /*368px 16 used to be: 9.25em*/
  width: 23em; /*368px 16*/
  background: #0c273d url(graphics/browseboxNewSolid_05.jpg) no-repeat left bottom; /*368x148px*/
  color: #FFFFFF;
}

#browse h1 {
  background: url(graphics/browseboxNEW_03.gif) no-repeat left top;/* 368x42 px */
  margin: 0;
  height: 2.625em; /*42px 16 these ems are slightly off*/
  color: #FFFFFF;
  padding: .5em 0 0 .95em;
  
}

#browselabel {
  background: url(graphics/browseboxNEW_03.gif) no-repeat left top;/* 368x42 px */
  margin: 0;
  height: 2.625em; /*42px 16 these ems are slightly off*/
  color: #FFFFFF;
  padding: .5em 0 0 .95em;
}

#browse li {
  list-style: none;
}

.browseList1 {
  float: left;
}

.browseList2 {
  float: left;
  padding-left: .9em;
}

#browse a {
  color: #FFFFFF;
  text-decoration: none;
}

#browse a:hover {
  color: #70B85D; /*mint green*/
}


/* Search Box
---------------------------------------------------------------------------------*/

#search {
  border: 0.063em dashed #54D0ED; /*aqua blue dashed*/
  padding: 0;
  width: 40em;
  position: absolute;
  top: 4.5em;
  background: #FFFFFF;
  height: 7em;
}

#search form {
  width: 34em;
  background: #FFFFFF url(graphics/searchbox_29.gif) no-repeat bottom left; /* 341x71 px */
  /* height:23px; */
  text-align: right;
  margin: 0 1em;
}

#search input {
  font-size: 1em;
  margin: 0;
}

#searchprompt {
  margin: 1em 0;
  text-align: left;
  font-size: 1em;
  line-height: 1em; /*18px == 18÷18=1 */
}

#searchBtn {
  border: 0;
  margin: 0;
  width: 4.83em; /*58px 12 Firefox*/
  height: 5.916em; /*71px 12 Firefox*/
}

input#searchField {
  float: left; /* this will make the images line up */
  border: none; /* 1px solid #0033FF */
  font: 2.5em Arial, Helvetica, sans-serif;
  margin: .1em 0 0 .1em; /* adjusts placement of searchfield (clickable area) .1em 0 1px 37px */
  padding: .15em 0 .15em 1.2em; /* adjusts size of text entry area (where text appears) 0 0 .5em 1.2em */
  width: 9.9em; /* the width of the actual search box, must be shorter than your image so it fits inside it. */ /*293px*/
  height: 1.1em; /* again, must be slightly less than the image size */ /*36px*/
  background-color: transparent; /* Makes the search field invisible so you can see the image we want underneath. This doesn’t work in Safari, so I may go back later and give them their own style sheet. For now, Im not bothered by this small inconvenience. */
}

#search label  { /* hides text from screen, but not screenreaders*/
  position: absolute;
  left: -300em; /* -9000px */
  width: 0;
  overflow: hidden;
}

/*
.searchField:focus + .search {
  background: #FFFFFF url(graphics/searchbox-over_29.gif) no-repeat bottom left; 
 /* The + .searchBkgrd tells the code to change the .searchBkgrd class whenever you focus on the .searchField */
/*}
*/



/* Sub Menu
---------------------------------------------------------------------------------*/




/* Main Content Area
---------------------------------------------------------------------------------*/

#content-holder  {
  padding-bottom: 2em;
  min-height: 38em;
}

#content {


}

#content h1, h2, h3, h4, h5, p {
  margin-left: 0;
  padding-left: 0;
}

#content h1 {
  margin-top: 0;
  color: #70B85D; /*mint green*/

}

#content h3 {
  color: #70B85D; /*mint green*/
  font-size: 1em;
  font-weight: bold;
}

.ssearch-icon {
  background: url(graphics/search-icon-small.jpg) no-repeat;
  list-style-type: none;
  min-height: 3em;
  padding: 1em 0 0 5em;
}

.sbrowse-icon {
  background: url(graphics/browse-icon-small.jpg) no-repeat;
  list-style-type: none;
  min-height: 3em;
  padding: 1em 0 0 5em;
}

.sprint-icon {
  background: url(graphics/print-icon-small.jpg) no-repeat;
  list-style-type: none;
  min-height: 3em;
  padding: 1em 0 0 5em;
}

.points-about-main {
   background: url(graphics/ss-large.jpg) no-repeat top left;
   padding: 0 0 0 17em;
   margin: 0;
}

#explicit img {
  display: inline;
}

#ads-top {
  text-align: center;
}

#ads-body {
  width: 75%;
  text-align: center;
}

#ads-sidebar {
  float: right;
  text-align: center;
  margin-left: 1em;
  width: 160px;
}

#ads-bottombar {
  margin-top: 1em;
  text-align: center;
}

#sotd {
	float: right;
	text-align: center;
}

.correct {
	color: green; /*green*/
}

.incorrect {
	color: red; /*red*/
}

.bigtext {
	font-size: 2.5em;
}

.mediumtext {
	font-size: 1.5em;
}

.wordlist-table td {
	padding: 0.5em;
}

.wordlist-bar {
	background-color: #EEF1EE; /* green-grey */
	padding-top: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 1.0em;
	margin-bottom: 1.0em;
	margin-top: 1.0em;
	width: 75%;
	text-align: center;
}

.wordlist-bar a {
	border-bottom: thin dotted green;
	text-decoration: none;
}

.wordlist-bar a:hover {
	border-bottom: thin solid green;
	text-decoration: none;
}

.blog-entry {
	background-color: #EEF1EE; /* green-grey */
	padding-top: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 1.0em;
	margin-bottom: 1.0em;
	margin-top: 1.0em;
	width: 75%;
}

.blog-entry h2 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.50em;
}

.blog-entry h3 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.blog-entry table {
	font-size: 1.0em;
}

.blog-entry img {
	border: 2px solid #2C5E2E;
	margin: 4px;
}

#blog-viewall {
	text-align: right;
	width: 75%;
}

.blog-entry p {
  font-size: 1.0em; /* 12px == parent set to 16px, 1÷16×12=0.750em */
  margin: 0.5em;
  margin-bottom: 1.0em;
}

.blog-entry ul, .blog-entry ol {
  font-size: 1.0em; /* 12px == parent set to 16px, 1÷16×12=0.750em */
  margin-left: 2.5em;
}

.blog-entry p a {
	border-bottom: thin dotted green;
	text-decoration: none;
}

.blog-entry p a:hover {
	border-bottom: thin solid green;
	text-decoration: none;
}

.blog-entry h2 a {
	text-decoration: none;
	font-weight: bold;
}

.blog-entry h2 a:hover {
  text-decoration: underline;
}

#blog-comments {
  border: 1px dashed #70B85D; /*mint green*/
  margin: 10px 0;
  padding: 15px;
  width: 75%;
}

.blog-comment {
	background-color: #EEF1EE; /* green-grey */
	margin-left: 0.25em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 1.0em;
	width: 95%;
}

.blog-comment h2 {
	margin-bottom: 0;
}

.blog-comment p, .blog-comment ol, .blog-comment ul {
	font-size: 100%;
}

.post {
	font-size: 0.750em;
	color: #2C5E2E; /*forest green*/
}

.story {
	padding-top: 1.0em;
	font-size: 0.750em;
}

.blockquote {
  padding: 0 0 0 5em;
  margin: 0;
}

.letters a {
  text-align: center;
  display: inline-block;
  max-width: 210px;
  height: 250px;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-decoration: none;
  font-weight: bold;
  margin: 2em 2.5em 0 0;
}

.browselist-alphabetical li {
  list-style: none;
  display: inline-block;
  margin: .5em;
  /*text-align: center;
  display: inline;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  margin: 2em 2.5em 0 0;
  list-style: none;
  background-color: #B2EAF7; /*light blue*/
 /* border: 1px solid #174E7B; /*grey blue*/
 /* padding: 1em;*/
}

.browselist-alphabetical a {
  display: inline-block;
  text-decoration: none;
  padding: 1em;
  background-color: #B2EAF7; /*light blue*/
  border: 2px solid #174E7B; /*grey blue*/
  text-align: center;
  width: 10em;
  line-height: 1.4em;
  font-weight: bold;
  font-size: 1.3em;
  vertical-align: top;
}

.browselist-alphabetical a:hover {
  text-decoration: none;
  background-color: #70B85D; /*mint green*/
}

.browselist-asin {
  font-size: 0.7em;
  line-height: normal;
  font-weight: normal;
}

.browselist-menu li {
  list-style: none;
  display: inline-block;
  margin: .5em;
  /*text-align: center;
  display: inline;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  margin: 2em 2.5em 0 0;
  list-style: none;
  background-color: #B2EAF7; /*light blue*/
 /* border: 1px solid #174E7B; /*grey blue*/
 /* padding: 1em;*/
}

.browselist-menu a {
  display: inline-block;
  text-decoration: none;
  padding: 1em;
  background-color: #54D0ED; /*aqua blue*/
  border: 2px solid #174E7B; /*grey blue*/
  text-align: center;
  width: 10em;
  line-height: 1.4em;
  font-weight: bold;
  font-size: 1.3em;
}

.browselist-menu a:hover {
  text-decoration: none;
  background-color: #70B85D; /*mint green*/
}

/* Display Sign Results and Information 
---------------------------------------------------------------------------------*/

#displaysign h1 {
  text-transform: uppercase;
  font-size: 1.5em;
  margin: 0;
  padding: 0;
  color: #0C273D; /*navy blue*/
}

#displaysign h2 {
  margin: 0;
  padding: 0;
  color: #174E7B; /*grey blue*/ 
  font-weight: normal;
}

#displaysign strong {
  color: #0C273D; /*navy blue*/
}

.sign-version {
  vertical-align: super;
  font-size: .5em;
  padding: .3em;
  text-decoration: none;
  font-weight: bold;
  background-color: #174E7B; /*grey blue*/ 
  color: #FFFFFF;
}

.sign-version a {
  text-decoration: none;
  background-color: #FFFFFF;
  font-weight: bold;
  padding: .1em;
}

.sign-version a:hover {
  background-color: #B2EAF7; /*light blue*/ 
  border: none;
  font-weight: bold;
}

.sign-searchresults, .sign-synonym {
  border: 0.08em dashed #54D0ED; /*aqua blue dashed*/
  width: 46em;
  padding: 1em;
}


/* Forms
---------------------------------------------------------------------------------*/

/*fieldset {
  border: 1em solid transparent; /* Removes fieldset borders. even on Opera 7 */
/*} */

hr {
  border: 1px dashed #70B85D; /*mint green*/
  width: 50em; 
}

fieldset {
  border: 1px dashed #70B85D; /*mint green*/
  margin: 10px 0;
  padding: 15px;
}

legend {
  font-size: 1.7em;
  color: #2C5E2E; /*forest green*/
  /*padding-top: 2em;*/
}

/*label {
  font-size: 2em;
  height: 2em;
}*/

.question label {
	font-size: 1.5em;
	line-height: 2em;
}

.question li {
	font-size: 1.5em;
	line-height: 2em;
}

fieldset.question {
  width: 60em;
}

#register fieldset h2, #register2 fieldset h2 {
  font-size: 1em;
}

#register2 fieldset ul, #register2 fieldset p {
 font-size: 1.5em;
}

#form-note {
 font-size: 2.0em;
}

#register2 {
  margin: 0;
}

input:focus, textarea:focus {
  background: #ECF9FF; /*lite light blue*/
}

input[type="text"] {
  border-top: 2px solid #999999;
  border-left: 2px solid #999999;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  /*border: 1px solid #70B85D; /*mint green*/
}

textarea {
  border-top: 2px solid #999999;
  border-left: 2px solid #999999;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  height: 5em;
  width: 25em;
  /*border: 1px solid #70B85D; /*mint green*/
}

fieldset.register {
  width: 60em;
}

#register label { /*display input inline*/
  float: left;
  width: 10em;
}

.steps {
	color: #CCCCCC; /*grey*/
}

.currentstep { /* registration steps */
	font-weight: bold; 
	font-size: 2em; 
	color: #2C5E2E; /*forest green*/
}

fieldset#interest, fieldset#birthday {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}

fieldset.inset {
  margin: 0 0 0 5em;
  padding: 0;
  border: none;
  background: transparent;
}

form#register p, form#register h2 {
  position: relative;
}

.formError {
  position: absolute;
  margin-left: 7em;
  left: 22em;
  font-size: 1.0em;
  font-weight: bold;
  color: #2C5E2E; /*forest green*/
  background: url(graphics/attention-small.jpg) no-repeat top left;
  padding-left: 3em;
  min-height: 2em;
  line-height: 1.8em;
}

.formError1 {
  font-weight: bold;
  font-size: 1.5em;
  color: #2C5E2E; /*forest green*/
  background: url(graphics/attention.gif) no-repeat top left;
  background-color: #EEF1EE; /* green-grey */
  padding: 1em 0 0.5em 3.5em;
}

.formError2 {
  position: absolute;
  margin-left: 7em;
  left: 4em;
  font-size: 1.0em;
  font-weight: bold;
  color: #2C5E2E; /*forest green*/
  background: url(graphics/attention-small.jpg) no-repeat top left;
  padding-left: 3em;
  min-height: 2em;
  line-height: 1.8em;
}

* html .feedback {
  width: 25em;
}

#birthday label {
  float: none;
  padding: 3em 0 3em 1em;
}

#interest label {
  float: none;
  margin-left: 1em;
  font-size: 2.5em;
  line-height: 1.5em;
  color: #333333;
  display: block;
  width: 90%;
}

#interest input {
  margin-right: 1em;
}

#interest h2, #birthday h2 {
  font-size: 1em; 
  font-weight: normal;
  font-size: 2em;
  color: #000000;
}

#birthYear {
  width: 8em;
}

#feedback fieldset {
  width: 460px;
}

#feedback label { /*display input on next line*/
  display: block;
  line-height: 2em;
}

#form-type {
  width: 17em;
}


#feedback textarea {
  width: 400px;
  height: 100px;
}

#feedback input.checkbox {
  float: left;
  margin-right: 5px;
}

#featuresGraphic {
  width: 155px;
  height: 155px;
  position: absolute;
  top: -3em;
  right: -1em;
}

#becomeRegistered {
  /*border: none;
  /*background-color: #70B85D; /*mint green*/
  width: 25em;
  float: left;
  margin-right: 1em;
}

#becomeMember {
  /*background-color: #9AD0D8; /*sky+grey blue*/
  float: right;
  width: 50em;
  position: relative;
  /*background: url(graphics/features2.gif) no-repeat top right;*/
}

.serviceDesc {
  padding-right: 5em;
}

.bestValue {
  position: absolute;
  left: -1.5em;
  bottom: 1.5em;
}

.inset h1 {
  font-size: 2em;
}

.inset {
  margin: -1em 0 0 5em;
  padding: 0;
}

#register h2, #register2 h2 {
  font-size: 1.25em;
}

#continueBtn {
  width: 104px;
  height: 33px;
}

#special2 {
  text-align: right;
}

#institution-info {
	display: none;
}

/* #B2EAF7; /*light blue*/ 
	/* #54D0ED; /*aqua blue*/
	/* #62EAF7; /*sky blue*/
	/* #174E7B; /*grey blue*/ 
	/* #9AD0D8; /*sky+grey blue*/ 
	/* #ECF9FF; /*lite light blue*/
	

/* Tables
---------------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}

/* Footer Area
---------------------------------------------------------------------------------*/

#footer {
  background-color: #B2EAF7; /*light blue*/ 
  height: 100%;
  text-align: center;
}

#footer-content {
  width: 50em;
  margin: 1.5em auto; /*centers */
  text-align: left;
}

#footer img {
  float: left;
}

#footer p {
  float: right;
  margin: .3em 0 0 1em;
  color: #174E7B; /*grey blue*/ 
}