html {height:100%;}

body {
padding: 0; margin: 0;
background-color:#EEEEEE;
height:100%;
font-family:Arial,Helvetica,sans-serif;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}

H2 {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1.6em;
font-weight:bold;
color:black;
}

.clear {
clear:both;
}


#top_nav_background {
background-color:#465263;
width:100%;
height:65px;
position:fixed;
top:0;
left:0;
z-index:42;
-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
}

#top_nav_container {
position:relative;
background-color:#465263;
width:100%;
max-width:960px;
margin-left:auto;
margin-right:auto;
padding-top:5px;
padding-bottom:5px;
height:65px;
}

#top_nav_logo {
position:absolute;
top:4px;
left:20px;
}

#top_nav {
position: absolute;
top: 15px;
right:18px;
}

#top_nav_text {
position:absolute;
top:5px;
left:116px;
width:120px;
display:inline-block;
margin-left:8px;
font-family:Arial,Helvetica,sans-serif;
font-size:1.0em;
color:white;
}

H2 {
font-size:2.0em;
color:#727F94;
line-height:1.0em;
}

#main_container {
position:relative;
width:100%;
max-width:960px;
margin-left:auto;
margin-right:auto;
margin-top:65px;
background-color:#e4e7ec;
}

#footer {
width:100%;
max-width:960px;
margin-left:auto;
margin-right:auto;
background-color:#768293;
text-align:center;
color:white;
/* text-shadow:1px 1px 0px black; */
padding:10px;
}


.page_content {
padding: 0 12px 0 12px;
}

.page_text {
font-size:1.1em;
color:#465263;
}

.left_sidebar {
float:left;
width:220px;
background-color:#e4e7ec;
padding:20px 10px 10px 10px;
}

.right_content {
margin-left:220px;
background-color:white;
padding:10px;
}

#top_nav a {
color:white;
text-decoration:none;
padding:5px;
border:1px solid #CCCCCC;
text-shadow:1px 1px 0px black;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

#article_links a {
font-size:0.9em;
color:#727f94;
text-decoration:none;
}

#article_links a:hover {
border-bottom:1px solid #727f94;
}

.footer_reactive {
display:inline-block;
background-color:#768293;
padding:5px;
border:1px solid #CCCCCC;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
cursor:pointer;
}

.footer_reactive:hover {
background-color:#96a2b3;
border-color:white;
color:white;
}

@media screen and (max-width:700px) {


.left_sidebar {
float:none;
width:100%;
/* padding:20px 10px 10px 10px; */
}

.right_content {
margin: 0px;
}


}