/* CSS Document    redefines followed by ids followed by classes, more or less*/
/* these @media rules can be added to your custom CSS to handle custom responsive styling for various devices */

/* value: 769 for desktops, 641 for tablets and bigger, 581 for small tablets and bigger  */
@media only screen and (min-width:769px) {
body{font-size:16px} 
}
@media only screen and (max-width:768px) and (orientation:portrait) { /* portrait large tablets */
body{font-size:16px} 
}
@media only screen and (max-width:640px) {  /* small tablets AND phones */
 body{font-size:12px} 
}
@media only screen and (min-width:581px) and (max-width: 640px) { /* small tablets */
 body{font-size:12px} 
}
@media only screen and (max-width: 580px) { /* phones */
 body{font-size:12px}
}

* {margin:0;padding:0;} 
/*body{font-size:75%;background:#a2a2a2;} */

/*************popup***********************/
a.selected { 
  background-color:#1F75CC;
  color:white;
  z-index:100;
}


div.suggestions {
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                border: 0.2em solid black;
                text-align: left;
                z-index:50;
                 position:relative;
                
            }

.messagepop {
  background-color:#FFFFFF;
  border:0.2em solid #999999;
  cursor:default;
  display:none;
  margin-top: 1em;
  position:absolute;
  text-align:left;
  width:33em;
  z-index:50;
  padding: 1.5em 1.5em 1.5em 0.3em;
   bottom: 10%; 
}

label {
  display: block;
  margin-bottom: 0.1em;
  padding-left: 1em;
  text-indent: -1em;
}

.messagepop p, .messagepop.div {
  border-bottom: 0.2em solid #EFEFEF;
  margin: 0.5em 0;
  padding-bottom: 0.5em;
}
/********************/

body {
/*	background:  url(./images/bg_tile1.jpg) repeat  ; */
overflow : visible;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-family: Georgia, "Times New Roman", Times, serif;*/
/*
    background-repeat: repeat-y;
    font-size: 100%; 
*/
/*	background-color: #99cccc;
	background-color: #a9ccae;
/*		background-color: #5a8cbd;*/
	background-color: #ffc;
    
	}
form {
  background-color : #ffc;
}

input.showInput {
  
  background: green;
	color: white;
	 } 
  }
div{font-size:1em;} 
.wra{ margin:0.1em auto; 
background-color: #ffc;
	border: solid #025219;
	border-width: 0.1em ;
	 } 
.he{font-family: "Georgia, Palatino Linotype", "Book Antiqua",  serif; font-stretch:expanded;  height:2em;  color: #025219; background-color: #a9ccae;   margin: 0em 0em 0em 0em;   padding: 0em 0em 0.5em 0em;} 
.barnav{ height:2em;  background-color: #a9ccae; border: solid #025219; border-width:  0.2em 0em 0.2em 0em;  margin: 1.5em 0em 0em 0em;   padding: 0.2em 0em 0em 0em;} 

/* simple css-based tooltip */
.tooltip {
    background-color:#000;
    border:0.2em solid #fff;
    padding:0.8em 11em;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:0.7em;
 
    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 0.8em #000;
    -webkit-box-shadow:0 0 0.8em #000;
}

.allCol {float:left;width:100%; margin-top: 0.2em; padding: 0em 0em 0em 0em; background:inherit;}
.decoration {float: right; margin: 0.5em 1em 0.1em 0.1em; position: relative; } /*** for IE6 ***/

hr {
color: #025219;

}

h1 {
	font-size: large;
	font-weight: bold;
	text-align: center;
	font-variant: normal;
	padding:  0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	color: #025219;
	background-color: inherit;
}
h2 {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	font-variant: normal;
	padding:  0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	color: #025219;
	background-color: inherit;
}

h3 {
	font-family: inherit;
	font-size: 0.9em;
	font-variant: normal;
	color: #025219;
	padding:  0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	background-color: inherit;
	font-weight: bold;
	}
h4{
	font: inherit;
	text-align: center;
		font-size: 0.8em;
	font-variant: normal;
	color: #025219;
	background-color: inherit;

	padding:  0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}


#clearBack {
	background:  none;

background-color: white;
}


.content p {
text-indent: 2em;
}

#content a {
	color: #7C6240;
}

#content a:hover {
	text-decoration: none;
}
#content {
	width:62em;
		margin-top: 1em;
		margin-left : 1em;
		margin-right: 1em;
		background: #ffffff;
 		clear: left;

	}
	
#content a {
	background-color: inherit;
	color : #025219;
	text-decoration: underline;
}

#content a:hover {
	background-color: inherit;
	color : #006699;
	text-decoration: underline;
}


#content ul { /* all lists */
    	font-size: .8em;
		padding: 0; 
		margin: 0;
		list-style: none;
	}
	
#content li {
	font-size: inherit;
	margin-left: 1.5em;
	padding : 0em 0.0em 0em 0em;
	}



table.choices
{
text-align: left;
font-family: Verdana;
font-weight: normal;
font-size: inherit;
color: inherit;
width: 40%;
background-color: inherit;
/*border: 0.2em #d79900 solid;

*/
border-collapse: collapse;
border-spacing: 0em;
padding: 0.1em 0.1em 0.1em 0.1em;
}

table.choices th.choices
{
 border-bottom: 2px solid #d79900;

background-color: inherit;
text-align: left;
font-weight: bold;
font-size: large;
color: #006699;
}

table.choices td.choices 
{ text-align: left;
font-weight: normal;
font-size: 0.9em;
line-height: 1em;
color: inherit;
background-color: inherit;
text-indent: 0em;
margin-left: 0em;
margin-right: 0em;
margin-top: 0.1em;
margin-bottom: 0.1em;
padding: 0em 0em 0.1em 0.1em;
}


.cleaner {
	clear: both; PADDING-RIGHT: 0em; PADDING-LEFT: 0em; 
	FONT-SIZE: 0.2em; BACKGROUND: none transparent scroll repeat 0% 0%; 
	PADDING-BOTTOM: 0em; MARGIN: 0em; BORDER-TOP-STYLE: none; PADDING-TOP: 0em; 
	BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 0.2em; BORDER-BOTTOM-STYLE: none;
	float: none;
}
#rMenu{
/*   nothing at this time */
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	z-index: 33;  /* keep it up */
}

.cleanup {
clear: left;
}
.outLine {
	border: thin solid #006699;
}