*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}

body {margin:0; padding:0; font-family:Verdana,Geneva,Arial,Helvetica,'sans serif'; font-size:100%; color:#294D69; text-align:center; ontouchstart=""; background-color:#F0F4F9;}

img {border:none; text-decoration:none; outline:none; max-width:100%;}


#page {max-width:60em; background-color:#ffffff; position:relative; margin-left:auto; margin-right:auto; text-align:left; color:#294D69; font-size:100%; }

#header			{border-bottom: 3px solid #73A2C8; xxbackground-color:#325C7E;}
#header h1  	{xxcolor:#D5E0EA; font-size:1.8em; margin: 0; padding: 8px 0px 0 18px; }
#header p		{xxcolor:#D5E0EA; font-size: 12px; font-weight: bold; padding: 0 30px; margin:3px 0 10px 0; }

#image {width:100%; margin-bottom:0; background-color:#404040; xxborder-bottom: 5px solid #73A2C8;}
#image img {width:100%; height:auto; max-height:100%;}



.buttons {text-align:center; margin-bottom:1em;}

#rightside {background-color:#ffffff; max-width:80%; float:right; border-left: 1px dotted #73A2C8;margin-left:0px; }

#nav {float:left; max-width:20%; font-size:.9em;}
#nav ul {padding-left:15%; }
#nav li {list-style:none;line-height:1.5;margin-left:0px;}

#nav a {text-decoration:none; font-weight:bold; padding:0 .3em 0 .3em;  color:#294D69;}
#nav a:hover {padding:.3em .3em .3em .3em; color:#003D53; background:#73A2C8;}
#nav a:focus {padding:.3em .3em .3em .3em; color:#003D53; background:#73A2C8;}
#nav a:active {padding:.3em .3em .3em .3em; color:#002D1A; background:#EC940F;}


#text {width:100%; font-size:.8em; margin-left:0; margin-bottom:0; margin-top:0; padding:0;}
#text h2 {font-size:1.4em; margin-left:0; margin-bottom:0; margin-top:1em; padding:0 0 .6em 4%;}
#text h3 {font-size:1.2em; margin-left:0; margin-bottom:0; margin-top:0; padding:0 0 .6em 6%;}
#text p {margin-left:7%; margin-right:15%; line-height:1.3; margin-top:0; margin-bottom:1.5em;}
#text ol {margin-left:12em; margin-right:14em;}
#text a {color:#cccccc;}
#text a:hover {color:#ee7316;}


#index-pg {width:100%; font-size:.8em; margin-left:0; margin-bottom:0; margin-top:0; padding:0;}
#index {width:95%; float:right; color:#ee7316; text-align:center; margin-right:0; margin-left:0;}

.thumbs {color:#73A2C8;}
.thumbs {float:left; width:190px; padding-bottom:2em;}
.thumbs a {color:#003D53; padding:1px 0; text-decoration:none;}
.thumbs a:hover {text-decoration:none; color:#004225; background:#73A2C8;}
.thumbs a:focus {color:#004225; background:#73A2C8;}
.thumbs a:active {color:#004225; background:#EC940F;}
.thumbs a img {border:3px solid #003D53;} 
.thumbs a:hover img {border:3px solid #73A2C8;}
.thumbs a:focus img {border:3px solid #73A2C8;}
.thumbs a:active img {border:3px solid #EC940F;}


#share {width:100%; text-align:center; margin-bottom:0; margin-top:.3em; background:#656565;}
#shareb, #sharec {float:right; width:100%; text-align:center; margin-bottom:1em;  background:#404040;}
#share a img, #shareb a img, #sharec a img {border:none; }
#share a:hover img, #shareb a:hover img, #sharec a:hover img {border:none; padding:0;}
#share a:focus img, #shareb a:focus img, #sharec a:focus img {border:none; padding:0;}
#share a:active img, #shareb a:active img, #sharec a:active img {border:none; padding:0;}


#footer	{color:#D5E0EA; width:100%; padding:10px 0 20px; text-align:center; clear: both; width: 100%; border-top: 3px solid #73A2C8; background-color:#325C7E; }
#footer	p {margin: 0; font-size:.8em; }



@media screen and (max-width: 1035px) {
#phr {max-width:82%; }
#phrp {width:82%; }
}