/*page structure divs */

body {
margin : 0 0 0 0;
padding : 0 0 0 0;
font-family : arial, Verdana, sans-serif;
color : #000000;
background-color : #2175bc;
font-size : 12px;
height:100%;
}

img { border: 0; }

#header{
position : absolute;
left : 0;
top : 0;
margin : 0 0 0 0;
padding : 0 0 0 0;
width : 100%;
height : 120px;
text-align : left;
color : #000;
background-color : #2175bc;
z-index:3;
border:0px solid #000;
}

#leftbar{
	
position:absolute;
top:120px;
left : 0px;
width : 160px;
padding : 0 0 0 0;
color : #000;
background-color : #2175bc;
text-align : center;
z-index:1;
border:0px solid #000;
}

#rightbar{
position:absolute;
top : 120px;
right : 0px;
padding : 5px 0 0 0;
width : 130px;
margin : 0 0 0 0;
color : #000;
background-color : #2175bc;
text-align : center;
z-index: 2;
border:0px solid #000;
}
 
#centercontent{ 
margin: 120px 130px 0px 160px;
padding: 10px 10px 30px 10px;
background-color : #fff;
text-align : left;
height:100%;
font-weight: 700;
color : #000;
z-index: 3;
border:0px solid #000;
}

#navbar{ 
position:relative;
top : 120px;
padding: 6px 0px 6px 5px;
margin: 0px 130px 0px 160px ;
text-align : left;
color : #fcf;
background : #508fc4;
font-size : 8pt;
text-decoration : none;
font-weight : bold;
z-index: 3;
border:0px solid #000;
}

 #searchbox {
position : absolute;
z-index:3;
top: 125px;
right:130px;
height:10px;
width:280px;
padding: 0px 5px 0px 0px;
border:0px solid #000;
}

#footer {
position : relative;
margin : 10px 0 0 0;
padding : 5px 0 0 0;
bottom : 0px;
font-size : 8pt;
text-align : center;
font-weight : bold;
z-index: 1;
}

#tagline {margin:30px 270px 0 400px;width:400px;font-size:16px;padding:10px 0 0 0;font-style:oblique;border: 0px solid #f00;}

#logo {position:absolute;top:0px;left:0px; height:115px;padding: 5px 0 0 5px; border: 0px solid #f00;}

#header-ad {position:absolute;top:15px;right:125px;width:728px;margin:0px 0px 0 0; height:90px; border: 0px solid #f00;z-index: -1;}

/*Menu Lists */

.menu {
border-right : 0 solid #000;
padding : 0;
margin-bottom : 1em;
text-align : left;
}
.menu ul {
list-style : none;
margin : 0;
padding : 0;
border : none;
}
.menu li {
border-bottom : 1px solid #90bade;
margin : 0;
}
.menu li a {
display : block;
padding : 5px 5px 5px 0.5em;
border-left : 10px solid #1958b7;
border-right : 10px solid #508fc4;
background-color : #2175bc;
color : #fff;
text-decoration : none;
width : auto;
}
.menu li a:hover {
border-left : 10px solid #1c64d1;
border-right : 10px solid #5ba3e0;
background-color : #2586d7;
color : #fff;
}


#navbar ul {
display: inline;
list-style: none;
}
#navbar ul li:not(:first-child):before{
content: "\00BB \0020";
}

#navbar li {
display: inline;
padding:0 1px 0 0;
}
#navbar li a {
color : #fcf;
background : #508fc4;
text-decoration : none;
font-size : 8pt;
width : auto;
}

#navbar li a:visited, a:active {
color : #fcf;
background : #508fc4;
text-decoration : none;
font-size : 8pt;
width : auto;
}

#navbar li a:hover {
color : #fcf;
background : #508fc4;
font-size : 8pt;
text-decoration : underline;
width : auto;
}

a.nav:link, a.nav:visited, a.nav:active {
color : #fcf;
font-size : 8pt;
text-decoration : none;
font-weight : bold;
background : #508fc4;
}
a.nav:hover {
color : #fcf;
font-size : 8pt;
text-decoration : underline;
font-weight : bold;
background : #508fc4;
}

#footer ul {
display: inline;
list-style: none;
}
#footer ul li:not(:first-child):before{
content: "\007C \0020";
}

#footer li {
display: inline;
padding-right:1px;
margin : 0;
}
#footer li a {
color : #00f;
text-decoration : none;
width : auto;
}
#footer li a:hover {
color : #300;
text-decoration : underline;
width : auto;
}

/* Headings */

h1 {
clear:both;
width : 99%;
color : #000;
background-color : #fff;
font-size : 16px;
text-decoration : none;
text-align : center;
font-weight : bold;
margin: 0 0 15px 0;
padding : 0 0 0 0;
border-right : 1px solid #1c64d1;
border-bottom : 1px solid #1c64d1;
}

h2 {
clear:both;
width : auto;
color : #000;
background-color : #fff;
font-size : 15px;
text-decoration : none;
text-align : center;
font-weight : bold;
padding : 0 0 0 0;
margin: 0 0 15px 0;
border-right : 1px solid #1c64d1;
border-bottom : 1px solid #1c64d1;
}

h3 {
clear:both;
width : auto;
font-size : 15px;
text-decoration : underline;
font-weight : bold;
padding : 0 0 0 0;
margin: 0 0 15px 0;
border-right : 0px solid #1c64d1;
border-bottom : 0px solid #1c64d1;
}

.wrapper
    {
      display: flex;
	  flex-direction: row;	  
	  border:0px solid #000;
	  padding: 0;
	  justify-content:space-around;
	  flex-wrap: wrap;
    }
	
.column{ 
width:300px;
padding: 25px 0 0 0;
margin: 0px;
text-align : center;
z-index: 3;
border:0px solid #000;
}

/* Class */

.bookmark {text-align: center;font-weight:700; padding:5px 0 10px 0;}
