body 
{ 
	margin: 0; 
	background: #FFFFFF;
}
img {
    max-width: 100%;
    height: auto;
}
.wrapper 
{
	width: 100%;	
	max-width: 1120px;
	margin: auto;
	background: #ffffff;
	border-top:1px solid #084B8A;
	border-left:1px solid #084B8A;
	border-right:1px solid #084B8A;
  
  //padding-top:0.5%;
  padding-bottom:0.5%;
  padding-left:2.5%;
  padding-right:2.5%;
  
  display: block;
  overflow:auto;
  //border:1px solid red;
}  

#sitename-left
{
	float:left;	
	font-size: 25pt;color:#FF0000;font-weight: bold;
  //padding-top:2%;
  padding-left:0.5%;
  //border:1px solid green;
}

#sitename-right
{
  float:right;	
  padding-right:0.3%;
  //border:1px solid green;
}

.imgCenter{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

h1
{ 
font-family:"Times New Roman", Times, serif; 
font-size: 150%;  
color: #008000;
} 

h2
{
font-family:"Times New Roman", Times, serif; 
font-size: 130%;  
color: #008000;
}

h3
{
font-family:"Times New Roman", Times, serif; 
font-size: 100%;  
color: #008000;
}

h4
{
font-family:"Times New Roman", Times, serif; 
font-size: 80%;  
color: #008000;
}

/* CSS Menu start */

.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	width: 100%;	
	max-width: 1120px;
	margin: 0px auto;
	background: #ffffff;
	border-left:1px solid #084B8A;
	border-right:1px solid #084B8A;
  padding-left:2.5%;
  padding-right:2.5%;
  //border:1px solid blue;
}


/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
  text-align: center;
  z-index:1;
}
	
/* Positioning the navigation items inline */
nav ul li {
  //padding:0 80px 0 0;
  width:16.30%;
	margin: 2px;
	display:inline-block;
	float: left;
}

/* Styling the links */
nav a {
	display:block;
	padding:2px 0px;	
	color:#FFF;
	text-decoration:none;
  font-size:18px;
  font-weight: bold;
  //font-family: 'Open Sans', sans-serif;
}

nav ul li ul li:hover { background: #000; }

/* Background color change on Hover */
nav a:hover { 
    //background-color: #000000; 
    //text-decoration: underline;
}

nav ul ul li a:hover { 
    //color:red;
    //background-color:blue;
    //background-color: #000000; 
    //text-decoration: underline;
}

nav ul ul li a { 
    //color:red;
    //background-color:blue;
    //background-color: #000000; 
    //text-decoration: underline;
    font-weight: normal;
}

  

  
/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 28px; 
  background-color: #fff;
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:172px;
	float:none;
	display:list-item;
	position: relative;
  background-color: #254441;
  text-align: left;
  padding:4px 0px;	
  margin-left:0px;
  padding-left: 10px;
}

/* CSS Menu end */



#content
{
	width: 100%;	
	max-width: 1120px;
	margin: 0px auto;
	background: #ffffff;
	border-left:1px solid #084B8A;
	border-right:1px solid #084B8A;
  overflow:auto;
  //padding-top:1.5%;
  //padding-bottom:0.5%;
  padding-left:2.5%;
  padding-right:2.5%;

  //border:4px solid brown;
}

#main
{
	width: 100%;
	max-width:750px;
 	float: left;
  font-family: "Times New Roman", Times, serif;
  font-size: 21px;    
  line-height: 1.6em;
  padding-left:0.5%;
  text-align: justify;
  text-justify: inter-word;  
  //border:1px solid green;
}	

#aside
{
	width: 100%;
	max-width:330px;
	float: right;
  padding-right:0.3%;
  font-family: "Times New Roman", Times, serif;
  font-size: 19px;    
  //line-height: 1.6em;
  
  //border:1px solid green;
}

#addRight
{
   float: right;
   margin-bottom: 5%;
}

#sideLink
{
   clear:both;
}

#download { width: 47%;	 float:left;}
#print { width: 47%;	 float:right;}

.morelinks
{
  width:100%;
}

.morelinks-list {
  list-style-type: square;
  margin-left: 0px;
}
.morelinks-list li {
  padding: 8px 6px;
  border-bottom: 1px solid #ccc;
}

.morelinks-list li a {
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #333;
}

.morelinks-list li a:hover {
  text-decoration: underline;
}

.relatedList li 
{
	display: block;
	border:1px solid #ccc;
	margin: 0 0 .2em 0; 
  font-size: 20px;  
  width:100%;
  line-height: 1.3em;  
}

.relatedList ol, ul { list-style: none; margin: 0; padding: 0; }

.relatedList a 
{
	display: block;

	color:#036;
	background-color: #fff;
	padding: .2em .8em;
	text-decoration: none;
}

.relatedList a:hover
{
	background-color: #369;
	color: #FFF;
	text-decoration: underline;
}

.mainList li 
{
	display: block;
	border:1px solid #ccc;
	margin: 0 0 .2em 0; 
	width:100%;
}


.mainList ol, ul { list-style: none; margin: 0; padding: 0; }

.mainList a 
{
	display: block;

	color:#036;
	background-color: #fff;
	padding: .2em .8em;
	text-decoration: none;
}

.mainList a:hover
{
	background-color: #369;
	color: #FFF;
	text-decoration: underline;
}

#footer
{
	clear:both;
	width: 100%;	
	max-width: 1120px;
	background: #fff;
	color:#084B8A;
	border-left:1px solid #084B8A;
	border-right:1px solid #084B8A;
  //padding-top:0.5%;
  padding-bottom:0.5%;
  padding-left:2.5%;
  padding-right:2.5%;   
  margin-left: auto;
  margin-right: auto;  
}  

#footer a { color:#084B8A; }

#searchterm { float:left; width: 15%;}

#searchbox { float:left; width: 50%; }

#mailto { float:right; width: 30%; }

#bottom
{
	clear:both;
	width: 100%;	
	max-width: 1120px;
	font-family: "Times New Roman", Times, serif;font-size: 12px;
	background:#084B8A;
	color:#fff;
	border-left:2px solid #084B8A;
	border-right:1px solid #084B8A;
  padding-top:2.5%;
  padding-bottom:2.5%;
  padding-left:2.5%;
  padding-right:2.5%;     
  margin: auto;
  text-align: center;
}

#bottommenu
{
  display:none; 
	clear:both;
	width: 100%;	
	max-width: 1120px;
	font-family: "Times New Roman", Times, serif;font-size: 12px;
	background:#084B8A;
	color:#fff;
	border-left:2px solid #084B8A;
	border-right:1px solid #084B8A;
  padding-top:2.5%;
  padding-bottom:2.5%;
  padding-left:2.5%;
  padding-right:2.5%;     
  margin: auto;
  text-align: center;
}

#bottommenu a
{
	color:#fff;
}
.mainheader
{
	widh=96%;
	padding:8px;
	background-color: #369;
	color:#fff;
	margin: 0 0 .2em 0;
	font-weight:bold;
}

.mainheader a 
{
	color:#fff;
	background-color: #369;
	text-decoration: none;
}

.mainheader a:hover
{
	background-color: #fff;
	color: #369;
	text-decoration: underline;
}

#bottom a { color:#fff; }

.multiSource{
  width: 97%;
  font-family: "Courier New", Courier, monospace;
  font-size: 16px;
  background-color : #f7f9f9;
  color:#0000FF; 
  //border-left:4px solid #cccccc;
  padding-top:1px;
  padding-bottom:10px;
  padding-left:15px;
  white-space: pre;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.5em;
  overflow-x:scroll;
  
  //overflow:hidden;
  //resize: none;
  //border: none;
  //overflow-wrap: normal;
}



/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

  .wrapper 
  {
    border-bottom:1px solid #084B8A;
    //display:none;
    width: 93%;
  }
  
	nav {display:none;}

  #bottommenu {display:block;	width: 93%;	}
  
  #sitename-left{
    font-size: 18pt;color:red;font-weight: bold;
    padding-left:15%;
    padding-top:2.5%;
  } 
  
  #content
  {
    width: 93%;
    border-left:0px solid #084B8A;
    border-right:0px solid #084B8A;
  }  
  
  #main
  {
    width: 99.5%;
  }  
  
  #aside
  {
    width: 99.5%;
    max-width:100%;
    float: left;
  }
  
  #addRight
  {
    float: left;
  }  
  #footer
  {
    width: 93%;	
    border-left:0px solid #084B8A;
    border-right:0px solid #084B8A;
  }    
  
#searchterm {width:95%;}

#searchbox { float:left; width: 95%;}

#mailto { float:left;  width: 95%;}
  
  
  
  #bottom
  {
    width: 93%;	
  }
  
  nav a {
    padding:10px 20px;	
    text-align: left;
    color:#ffffff;
    font-size: 20px;
    font-weight: normal;
  }  

	nav {
    width: 93%;	
		margin-left: 3.5px;
    border-left:0px solid #084B8A;
    border-right:0px solid #084B8A;
    //border:1px solid brown;

	}

  #titleLbl{
    width: 90%;	
    style=float: right;
    background-color: #04AA6D;
    font-size: 20px;
  }
  
	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		padding:10px 20px;	
		color:#FFF;
		font-size:20px;
		text-decoration:none;
		border:none;
    width:90%;
    text-align: left;
}

	.toggle:hover {
		//background-color: #000000;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		//display: block;
		width: 100%;
    margin-left: 0;
		}

	nav ul ul .toggle,
	nav ul ul a {
		//padding: 0 40px;
	}

nav ul li a:hover { background: #000000; }
nav ul li ul li:hover { background: #000000; }

  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		//padding:4px 40px;	
		//color:#FFF;
		//font-size:17px; 
    //width: 50%;
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		//background-color: #254441; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		//float: none;
		position:static;
		//color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		//display: block;
		width: 100%;
    padding-left: 0px;
	}

	nav ul ul ul li {
		//position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 
	}

}


@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 100%;
	}

}