/*07.11.2015 removed height property of div content and made bottom margin of content 30px
this was because when famtree page was vertically full the footer was blocking the last few lines */
body {
  text-align: center;
  margin-top:10px;
  margin-bottom:10px;
  color:#666666;
  /*background-color: #E0E0E0;*/
}

A:link {
	COLOR: #0000FF; text-decoration: none;
}
A:visited {
	COLOR: #0000FF; text-decoration: none;
}
A:active {
	COLOR: #0000FF; text-decoration: none;
}
A:hover {
	COLOR: #FF0000; text-decoration: underline;
}

#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 98%;
  text-align: left;
  background: #FFFFFF;
  border: 8px solid #FFFFFF;
}

#header_wrapper {
  background: #4E7DD1 url('../img/menu_bg.gif') bottom left repeat-x;
  margin:0px; padding:0px;
}

#header {
  height: 60px;
  padding:15px;
  background: url('../img/header_bg.gif') top right no-repeat;
  margin:0px;
}

#header h1 {
  margin:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 28px;
  color:#ffffff;
  letter-spacing: -1px;
}

#header h2 {
  margin:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  color:#B1C6EB;
  letter-spacing: 1px;
}

#left_side {
  margin-top: 10px;
  float: left;
  width: 160px;
  background: #F1F6FE url('../img/side_bg.gif') bottom left repeat-x;
}

#right_side {
  margin-top: 10px;
  float: right;
  width: 160px;
  background: #F1F6FE url('../img/side_bg.gif') bottom left repeat-x;
}

#content {
  margin-top: 20px;
  margin-bottom: 50px;
  margin-left: 180px;
  margin-right: 180px;
  /*height:100vh;*/
}

#footer {
  height: 30px;
  background-color: #4E7DD1;
  clear: both;
  text-align: center;
  padding-top:5px;
  color: #B6CEF9;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 12px;
  /* Next two properties added */
  position: fixed;
  bottom: 0px;
  width: 100%;
}

#footer A:link {
	COLOR: #FFFFFF; text-decoration: none;
}
#footer A:visited {
	COLOR: #FFFFFF; text-decoration: none;
}
#footer A:active {
	COLOR: #FFFFFF; text-decoration: none;
}
#footer A:hover {
	COLOR: #FFFFFF; text-decoration: underline;
}

#left_side p, #right_side p {
  margin:10px;margin-top:15px;margin-bottom:15px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #333333;
}

#left_side h3, #right_side h3 {
  margin-top:5px; margin-bottom:10px; margin-left:5px; margin-right:5px;
  padding:4px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  color: #FFFFFF;
  border:1px solid #0F3974;
  background-color: #2153AA;
}

#left_side h4, #right_side h4 {
  margin-top:0px;margin-bottom:0px;margin-left:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #2153AA;
}

#content p {
  margin-top:15px; margin-bottom: 15px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #333333;
}

#content h3 {
  margin-top:5px; margin-bottom: 10px;
  font-family: verdana, arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  color: #2153AA;
}

#content h4 {
  margin-top:0px;margin-bottom:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 12px;
  color: #2153AA;
}

#navlist
{
  margin-top:1px;
  margin-bottom:0px;
  text-align:center;
  padding: 5px 0;
  margin-left: 0;
  border-bottom: 1px solid #0F3974;
  font: 12px Verdana, sans-serif; /** originally bold 14px Verdana, sans-serif;**/
}

#navlist li
{
  list-style: none;
  margin: 0;
  display: inline;
}

#navlist li a
{
  color: #F1F6FE;
  padding: 5px 15px;
  margin-left: 3px;
  border: 1px solid #0F3974;
  border-bottom: none;
  background: #2153AA url('../img/tab_bg.gif') bottom left repeat-x;
  text-decoration: none;
}

#navlist li a:link { color: #F1F6FE; }
#navlist li a:visited { color: #F1F6FE; }

#navlist li a:hover
{
  color: #FFFFFF;
  background: #3364BB;
  border-color: #0F3974;
}

#navlist li a#current
{
  color: #000;
  background: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

.float_left {
  float: left;
  margin-right: 10px;
}

.float_right {
  float: right;
  margin-left: 10px;
}

.featurebox_center {
  background-color: #fffff6;
  margin:0px;
  padding:10px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}

.featurebox_side {
  background-color: #fffff6;
  margin:0px;margin-left:10px;margin-right:10px;margin-bottom:15px;
  padding:10px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}
#main {width:998px;margin:0 auto;padding-top: 5px}
#content #main #leftcon table tr td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000;
}
#content #main table tr td table tr td {
	font-size: 12px;
}
/*#content table tr td a {font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-weight:bold;color:#183088;text-decoration:none}*/
#leftcon {float:left;width:50%;margin-left:2px}
#leftcon H5 {font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:normal;color:#0c1744;border-bottom:1px solid #183088;margin-bottom:10px}
#leftcon H6 {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#0c1744;margin-bottom:10px}
#leftcon table H4 {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#0c1744}
#leftcon H5 {font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:normal;color:#0c1744;border-bottom:1px solid #183088;margin-bottom:10px}
#leftcon H6 {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#0c1744;margin-bottom:10px}
#leftcon table H4 {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#0c1744}
#leftcon H7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000080;
	text-decoration: none;
}
#leftcon H8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#leftcon H9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;
}
/*#leftcon a {color:#3387e9;text-decoration:none}*/
#leftcon a {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#183088;text-decoration:none}
#leftcon a:hover {color:#000}
#leftcon p {margin:0;padding:0;padding-bottom:10px;line-height:17px}
#leftcon table tr td{vertical-align:middle;}
#rightcon ul li .readl a, #leftcon .readl a {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#183088;border-bottom:1px dotted #183088}
#rightcon ul li .readl a:hover, #leftcon .readl a:hover {color:#3387e9}
#rightcon {width:450px;margin-right:2px;float:right}
#rightcon H4 {font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:normal;color:#0c1744;border-bottom:1px solid #183088;margin-bottom:10px;text-align:center}
#rightcon ul {border:0;list-style:none;margin-bottom:5px;padding-top:5px;padding-right:10px}
#rightcon li {background:url(images/ls.png);background-repeat:no-repeat;background-position:0px 3px;padding-left:15px;padding-bottom:10px}
#rightcon a {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#183088;text-decoration:none}
#rightcon p {color:#000;line-height:17px}
#rightcon ul li .readl, #leftcon .readl {text-align:right;margin-bottom:10px}
#rightcon ul li .readl a, #leftcon .readl a {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#183088;border-bottom:1px dotted #183088}
#rightcon ul li .readl a:hover, #leftcon .readl a:hover {color:#3387e9}
#rightcon {
	width: 45%;
	margin-right: 12px;
	float: right;
	vertical-align: middle;
}
#rightcon h2 {
	font-weight:bold;font-size:12px;
}
#rightcon table H3 {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#0c1744}
#fullwide {
	width:100%;margin-top:10px;
}
// thead foloowing is added from "http://stackoverflow.com/questions/3303675/how-to-make-an-input-type-button-act-like-a-hyperlink-and-redirect-using-a-get-r"
.my_content_container a {
    border-bottom: 1px solid #777777;
    border-left: 1px solid #000000;
    border-right: 1px solid #333333;
    border-top: 1px solid #000000;
    color: #000000;
    display: block;
    height: 2.5em;
    padding: 0 1em;
    width: 5em;       
    text-decoration: none;       
}

#rightcon fb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #800000
}
// :hover and :active styles left as an exercise for the reader.

#logo {
	float: left;
}