/* Site Colors:
  #1A446C - blue grey
  #689DC1 - light blue
  #D4E6F4 - very light blue
  #EEE4B9 - light tan
  #8D0D19 - burgundy
  
  #F1F1F1 - border grey
  #FFFFFF - white
  #4889F1 - blue submit
  #E1E1E1: inputsection
  #FA0000:Red
*/


html {  font-family: "Garamond";}
body {  margin: 0; padding: 0; border :0; background: #FFFFFF;}

td { 

  border: 0;//1px solid red;
	padding-left: 0px;
	text-align: left;
}



#header3 input, #header4 input{	
	
	font-size: 1em;
	line-height: 1em; 
	font-style: normal;}

	
table{
	width : 700px;
	margin:0;
	margin-bottom:1em;
	margin-top:0;
	padding:0em;	
}
.UnitsC {
	border :0;
    }    

/* added by me*/















 
 
/* Body Content */

#page {
  font-size: 1em;
  /* equivalent to 16px */
  line-height: 1.25;
  /* equivalent to 20px */
  
    //font-size: 1.125em;

  //line-height: 1.11111111;
}

@media (min-width: 43.75em) {
  #page {
    font-size: 1em;
    /* equivalent to 16px */
    line-height: 1.375;
    /* equivalent to 22px */
	
	//    font-size: 1.25em;
	// line-height: 1.25;
  }
}



input {	  
	font-size: 1em;
    line-height: 1.2em; 
	font-style: normal;
}

#rowstype {

  font-size: 1.125em;

  line-height: 1.11111111;
}

@media (min-width: 43.75em) {
  #rowstype {
	
	 font-size: 1.4em;
	 line-height: 1.25em;
	 margin-bottom:0.5em;
  }
}




#smallfont {
  font-size: 1em;
  /* equivalent to 16px */
  line-height: 1.25;
  /* equivalent to 20px */
}

@media (min-width: 43.75em) {
  #smallfont{
    font-size: 1em;
    /* equivalent to 16px */
    line-height: 1.375;
    /* equivalent to 22px */
  }
}


/*

div {
  font-size: 1.125em;
  line-height: 1.11111111;
}

@media (min-width: 43.75em) {
      div {	
	line-height: 1.22222222;
  }
}
*/



h1 {
  font-size: 2em;
  /* 2x body copy size = 32px */
  line-height: 1.25;
  /* 45px / 36px */
}

@media (min-width: 43.75em) {
  h1 {
    font-size: 2.5em;
    /* 2.5x body copy size = 40px */
    line-height: 1.125;
	
  }
}

@media (min-width: 56.25em) {
  h1 {
    font-size: 3em;
    /* 3x body copy size = 48px */
    line-height: 1.05;
    /* keep to a multiple of the 20px line height     and something more appropriate for display headings */
	
  }
}


h2 {
  font-size: 1.625em;
  /* 1.625x body copy size = 26px */
  line-height: 1.15384615;
  /* 30px / 26px */
}

@media (min-width: 43.75em) {
  h2 {
    font-size: 2em;
    /* 2x body copy size = 32px */
    line-height: 1.25;
	
  }
}

@media (min-width: 56.25em) {
  h2 {
    font-size: 2.25em;
    /* 2.25x body copy size = 36px */
    line-height: 1em;

	margin-bottom:1px;
	padding-bottom:0.2em;
	padding-top:0;
  }
}




h3 {
  font-size: 1.375em;
  /* 1.375x body copy size = 22px */
  line-height: 1.13636364;
  /* 25px / 22px */
}

@media (min-width: 43.75em) {
  h3 {
    font-size: 1.5em;
	
    /* 1.5x body copy size = 24px */
    line-height: 1.25;
  }
}

@media (min-width: 56.25em) {
  h3 {
    font-size: 1.75em;
    /* 1.75x body copy size = 28px */
    line-height: 1.25;
	
  }
}





h4 {
  font-size: 1.125em;
  /* 1.125x body copy size = 18px */
  line-height: 1.11111111;
}

@media (min-width: 43.75em) {
  h4 {
    font-size: 1.25em;
	line-height: 1;

    /* (22px / 18px */
  }
}


 
 
 
 blockquote {
  font-size: 1.25em;
  /* 20px / 16px */
  line-height: 1.25;
  /* 25px / 20px */
}

@media (min-width: 43.75em) {
  blockquote {
    font-size: 1.5em;
    /* 24px / 16px = */
    line-height: 1.45833333;
    /* 35px / 24px */

	
  }
}




/*  added by me*/

#header { height: 140px; text-align: left; background: #F1F1F1; color: #000000; margin:0;}
#header h1 {  line-height: 70px; margin: 0 ;  }
/* on h1 and main margin-left: 80px; */


#header  a:hover:not(.active) { color:#000000; font-weight: normal;
    background-color: #969696 ;
}
.active {
    /*background-color: #4CAF50;*/
	color:#00008B;
	font-weight: bold;
	
	
}



#header2 { height: 46px; text-align: left; background:  #E1E1E1 ; color: #000000; margin:0; }

#header2 h4{  line-height: 40px; margin: 0 ;}





#header2  a:not(.active) {color:  #000000;font-weight: normal;}
#header2  a:hover:not(.active) {
    background-color: #969696 ;
}
.active {
    /*background-color: #4CAF50;*/
	color:#00008B;
	font-weight: bold;
}

#header3 { height: 46px; text-align: left; background: #FFFFFF; color: #000000; margin-top:6px; margin-bottom:0px;  border-bottom: 4px solid black;}

#header3 h4 { line-height: 40px; margin: 0 ; }

#header3  a:not(.active) {color:  #000000;font-weight: normal;}
#header3  a:hover:not(.active) {
    background-color: #969696 ;
}
.active {
    /*background-color: #4CAF50;*/
	color:#00008B;
	font-weight: bold;
}
/* Note: IE 5 & 6 won't understand min-height */

#header4 { height: 46px; text-align: left; background:  #FFFFFF ; color: #000000; margin:0;}
#header4 h4 {  line-height: 40px; margin: 0 ; }


#header4  a:not(.active) {color: #000000; font-weight: normal;}
#header4  a:hover:not(.active) {
    background-color: #969696 ;
}
.active {
    /*background-color: #4CAF50;*/
	color:#00008B;
	font-weight: bold;
}

#middle, #middle table, #middle h4, #middle h2, #middle h3{
	margin:0;
	margin-bottom:0em;
	margin-top:0em;
	padding-top:0em;	
	padding-bottom:0em;
	//height: 46px;
	line-height: 40px;

}
#middle  a:not(.active) {color:  #000000;font-weight: normal;}
#middle  a:hover:not(.active) {
    background-color: #969696 ;
}
.active {
    /*background-color: #4CAF50;*/
	color:#00008B;
	font-weight: bold;
}


#header img{opacity:.5;
	background-color:  #F1F1F1;}
#other {opacity:1;
		background-color:  #F1F1F1;}
		
#main { 
 // font-size: 1em;
  /* equivalent to 16px */
  line-height: 1;
  /* equivalent to 20px */
/* min-height: 700px; width: 100%; background: #FFFFFF; padding: 1em; */}

#main table, #main tr,  #main td{ 
//border:1px;
//border-style:solid;

}
#main table, #main tr {

  font-size: 1.125em;

  line-height: 1.11111111;
  width=100%;	
width=700px;
}

@media (min-width: 43.75em) {
#main table{

	    font-size: 1em;
	 line-height: 1;

  }
}

@media (min-width: 43.75em) {
 #page,#main, #header table, #header2 table, #header3 table, #header4 table, #middle{
	
	margin-left: 80px;

	
	
	
  }
  
#submitbutton{
	background:#4889F1; color: #FFFFFF; height: 60px; text-align:center; line-height: 60px; font-size: 1.125em; 
	 width: 12em; 
}

 #inputsection {height: 40px; text-align: left; background: #E1E1E1; color: #000000; margin-left:0;line-height: 40px; margin: 0}
  
#footer { height: 70px; padding: 1em; text-align: left; 
  background: #F1F1F1; color: #000000;  padding-left: 80px; margin-left:0; line-height: 70px;}

 

/*table.bordered tr th, table.bordered tr td { border: 1px solid #000000; }*/

#pagination .selected { font-weight: bold; color: #8D0D19;}