@import url(http://www.google.com/cse/api/branding.css);

* {
    box-sizing: border-box;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
color: black;
background-image: url(../images/back.jpg);
background-repeat: repeat;
}

p {
margin-left: 3%;
margin-right: 1em;

}

p.right {
text-align: right;
}

p.center {
text-align: center;
}
p.indent {
margin-left: 5%;
}

p.editor {
color:#000099;
}

p.first-letter { 
font-size: 3em;
float: left; 
}

p.first-line {
font-weight: bold;
 }

p.date {
font-weight: bold;
color:#000099}

p.small {
line-height: 90%;
}

p.big {
line-height: 30px;
font-size: 110%;
}

img {
max-width: 100%;
height: auto;
}

img.logo {margin-left: 0;

}

img.top {vertical-align: text-top;
}

img.bottom {vertical-align: text-bottom;
}

img.right {
float: right;
padding: 5px;
}

img.left {
float: left;
padding: 5px;
}

h1 {font-size: 1.3em;
font-weight: bold;
color: #000099;
margin-left: 3%;
margin-right: 0;
}

h1.center, h2.center, h3.center, h4.center, h5.center {text-align: center;
}


h2 {font-size: 1.2em;
font-weight: bold;
color: #000099;
margin-left: 3%;
margin-right: 0;
}

h3 {font-size: 1em;
font-weight: bold;
color: #000099;
margin-left: 3%;
margin-right: 0%;
}

h4 {
color: #000099;
margin-left: 3%;
margin-right: 0;
font-weight: lighter;
font-style: normal;
font-size: .8em;
line-height: 25px;
}

h5 {
font-size: .7em;
color: #000099;
margin-left: 3%;
margin-right: 0;
font-weight: lighter;
font-style: normal;
}

h5.search {

margin-bottom:0em;
text-align: center;
}

em {font-style: italic;}

strong {font-style: normal;
font-weight: bold;}

a:link {color: #000099;}

a:visited {color: #0080ff;}

a:hover {color: #afafaf;}

a:active {color: #000099;}

a.offsite:link {
color: #7f7f7f;}

a.offsite:visited {
color: #7f7f7f;}

a.offsite:hover {
color: #000099;}

a.offsite:active {
color: #7f7f7f;}

blockquote {margin-left: 5%;
margin-right: 5%}

ol.decimal 
{
list-style-type: decimal
}

ol.lroman 
{
list-style-type: lower-roman
}

ol.uroman 
{
list-style-type: upper-roman
}

ol.lalpha 
{
list-style-type: lower-alpha
}

ol.ualpha 
{
list-style-type: upper-alpha
}

p.navbar {background-color: #dfdfdf;
padding: 1%;

font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
text-align: center;
margin-top: 0;
margin-left: 0;
margin-right: 0%;
text-indent: 0%;
border: thin #ffffff ridge;
letter-spacing: 1px;}

p.navbar a:link {
color: #000099;
text-decoration: none;}

p.navbar a:visited {
color: #000099;
text-decoration: none;}

p.navbar a:hover {
color: #660000;
text-decoration: none;}

p.navbar a:active {
color: #ffffff;
text-decoration: none;}

p.footer {
font-size: .7em;
text-align: center;
margin-left: 0;
text-indent: 0%;
text-decoration: none;
clear: both;
}

p.footer a:link {
color: #7f7f7f;
text-decoration: none;
}

p.footer a:visited {
color: #7f7f7f;
text-decoration: none;
}

p.footer a:hover {
color: #000099;
text-decoration: none;}

p.footer a:active {
color: #7f7f7f;
text-decoration: none;}



ul {
list-style-position: outside;
margin-left: 5%;
margin-right: 5%;}

ul.disc {
list-style-position: outside;
margin-left: 8%;
margin-right: 5%;}

ul.circle{
list-style-type: circle;
list-style-position: outside;
margin-left: 10%;
margin-right: 5%;}

ul.square{
list-style-type: square;
margin-left: 12%;
margin-right: 5%;}

ul.none 
{
list-style-type: none
}

ul 
{
list-style-image: url("/images/arrow.gif")
}

span {color: brown;
font-weight: bold;
}

a:link img {border-style: none;}

a:visited img {border-style: none;}

div.left {
margin-left: 8%;
margin-right: 10%;
}

div.right {
width: 25%;
float: left;
padding: 15px;

}

div.center {
text-align: center;
}

div.searchweb {
background: white;
width:500px;
margin-left:25%;
}

#navbar {
position:relative;
clear: both;
}



#container {
width: 96%;
margin:20px auto;
background: white;
}

#header {
background-image: url(../images/back.jpg);
background-repeat: repeat;
}
#containernews {
max-width:80%;
padding: 2em 2em 0;
margin-left:7%;
}

#columns {
width: 75%;
float: left;

padding: 15px;
background-color: white;
}



#footer {
clear: both;
width: 96%;
margin-left: 20px;
margin-right: auto;

padding-top: 1%;
padding-right: 1%;
padding-bottom: 1%;
border-top: 1px solid brown;
border-bottom: 1px solid brown;
}


#searchcstn {
float:right;
width:auto;
}


hr {
text-align: center;
margin-left: 40px;
margin-right: 40px;

}
table 
{
border-style: solid;
border-color: brown;
border-width: 1px;
border-collapse: collapse;
width: 90%;
margin-left: 5%;
margin-right: 5%;
}
table.col
{width: 60%;
}

td
{
font-size: .9em;
border-style: solid;
border-color: brown;
border-width: 1px;
width: 50%;
padding: 2%;
}
td.center {
text-align: center;
}

th
{
font-size: 1em;
font-weight: bold;
text-align: center;
color: #000099;
background-color: #0099cc;
}

table.center {
margin-left: auto;
margin-right: auto;
}

ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 40px 0 20px;
}
ul.enlarge img{
background-color:#eae9d4;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/