body, html {
	margin: 0px; 
	padding: 0px;
	background:#fff;
	font: 100% Arial, sans-serif;
	color: #072332;
	line-height:20px;
	overflow:auto;
    -webkit-hyphens: auto;
    hyphens: auto;
	}
p {
	font: 100% Arial, sans-serif;
	font-size:16px;
	color: #072332;
	line-height:22px;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
a:link, a:visited {
	color: #072332;
	text-decoration: underline;
	}
a:active, a:hover {
	color: #237fb0;
	text-decoration: underline;
	}

h1 {
	font: 100% Arial, sans-serif; margin: 18px 0px 20px 0px;
	font-size:24px; font-weight:bold; -webkit-hyphens: none;
    hyphens: none;
}
h2 {
	font: 100% Arial, sans-serif;
	font-size: 22px; font-weight:bold;
}
h3 {
	font: 100% Arial, sans-serif;
	font-size: 18px; font-weight:bold;
}
h4 {
	font: 100% Arial, sans-serif;
	font-size: 14px; font-weight:bold;
}
h5 {
	font: 100% Arial, sans-serif;
	font-size: 18px; 
}
h6 {
	font: 100% Arial, sans-serif;
	font-size: 18px; 
}
#outer {
position: absolute;
top: 0;
bottom: 0;
display: block;
overflow: auto;
	}
div#content {
	position: inherent;
	margin: 200px 0 10px 230px;
	padding: 0 20px 0 0;
	width:70%;
	height:100%;
	overflow:auto;z-index: 1000;
	}

#nav { 
	position: fixed;
	text-align: right;
	width: 160px;
	height: 600px;
	margin: 210px 15px 0 0;
 }


#nav p {
	font-weight: bold;
	font-size: 18px;
	color: #072332;
	line-height: 30px;
 }
#nav p a:link {
	font-weight: bold;
	color: #072332;
	text-decoration: none;
	outline: none;
	-moz-outline-style: none;
 }
#nav p a:visited{
	font-weight: bold;
	color: #072332;
	text-decoration: none;
	outline: none;
	-moz-outline-style: none;
 }
#nav p a:hover{
	color: #237fb0;
 }
#nav p a.navActive {
	font-weight: bold;
	color: #237fb0;
	text-decoration: underline;
	outline: none;
	-moz-outline-style: none;
	}
#bar { 
	position: fixed;
	width:40px;
	margin: 180px 0 0 190px; z-index: 100;
 }	

div#header {
	position: fixed;
	background-image: "img/header-r.jpg";
	top: 0; left:0;
	width: 100%; 
	margin: 0px;
	overflow:hidden;
 }
#headertitle1 p {
	position: fixed;
	height: 60px;
	margin: 30px 0 0 60px;
	border: none;
	font: 100% Arial, sans-serif;
	font-size: 28px;
	color: #fff; text-shadow: 2px 2px 4px #072332;
    -webkit-hyphens: none;
    hyphens: none;
	}
#headertitle2 p {
	position: fixed;
	height: 60px;
	margin: 87px 0 0 70px;
	font: 100%  Arial, sans-serif;
	font-size: 26px; font-weight: bold;
	color: #072332;
	}
#headertitle3 p {
	position: fixed;
	margin: 117px 0 0 80px;
	font: 100% Arial, sans-serif;
	font-size: 14px;
	color: #333;
}

.fltrt {  float: right; margin-left: 0px;}
.fltlft { float: left; margin-right: 0px;}
.clearfloat { clear:both; height:0;	font-size: 1px;	line-height: 0px;}

img { border: none; padding: 0 10px 5px 0px;}
img a {	border: none; }
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
li { list-style: dot; margin-left: 0; padding-left:0; font: 100% Arial, sans-serif; font-size:16px; line-height:22px; list-style-position: inside; }






/* Use a media query to add a breakpoint at 800px:*********************** */
@media screen and (max-width: 800px) {

p {
	font: 100% Arial, sans-serif;
	font-size:15px;
	color: #072332;
	line-height:20px;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
h1 {
	font: 100% Arial, sans-serif; margin: 18px 0px 20px 0px;
	font-size:20px; font-weight:bold; -webkit-hyphens: none;
    hyphens: none;
}
h2 {
	font: 100% Arial, sans-serif;
	font-size: 18px; font-weight:bold;
}
h3 {
	font: 100% Arial, sans-serif;
	font-size: 13px; font-weight:bold;
}
h4 {
	font: 100% Arial, sans-serif;
	font-size: 13px; font-weight:bold;
}
h5 {
	font: 100% Arial, sans-serif;
	font-size: 18px; 
}
h6 {
	font: 100% Arial, sans-serif;
	font-size: 18px; 
}

div#content {
	position: inherent;
	margin: 170px 0 10px 170px;
	padding: 0 10px 0 0;
	width:70%;
	height:100%;
	overflow:auto;
    z-index: 1000;
	}


    
#nav { 
	position: fixed;
	text-align: right;
	width: 120px;
	height: 600px;
	margin: 190px 0 0 0;
 }


#nav p {
	font-weight: bold;
	font-size: 16px;
	color: #072332;
	line-height: 20px;
 }

#bar { 
	position: fixed;
	width:20px;
	margin: 180px 0 0 130px;z-index: 100;
 }	
	
#headertitle1 p {
	position: fixed;
	height: 60px;
	margin: 35px 0 0 20px;
	border: none;
	font: 100% Arial, sans-serif;
	font-size: 20px;
	color: #fff; text-shadow: 2px 2px 4px #072332;
    -webkit-hyphens: none;
    hyphens: none;
	}
#headertitle2 p {
	position: fixed;
	height: 60px;
	margin: 93px 10px 10px 30px;
	font: 100% Arial, sans-serif;
	font-size: 32px; font-weight: bold;
	color: #072332;
	}
#headertitle3 p {
	position: fixed;
	margin: 100px 10px 0 290px;
	font: 100% Arial, sans-serif;
	font-size: 13px;
	color: #333;
}

li { font-size:15px; }
}

/* Use a media query to add a breakpoint at 400px: ************************ */
@media screen and (max-width: 400px) {

p {
	font: 100% Arial, sans-serif;
	font-size:14px;
	color: #072332;
	line-height:20px;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
h1 {
	font: 100% Arial, sans-serif; margin: 18px 0px 20px 0px;
	font-size:16px; font-weight:bold; -webkit-hyphens: none;
    hyphens: none;
}
h2 {
	font: 100% Arial, sans-serif;
	font-size: 14px; font-weight:bold;
}
h3 {
	font: 100% Arial, sans-serif;
	font-size: 13px; font-weight:bold;
}
h4 {
	font: 100% Arial, sans-serif;
	font-size: 13px; font-weight:bold;
}


div#content {
	position: fixed;
	margin: 160px 0 20px 100px;
	padding: 10px 20px 60px 20px;
	width:65%;
	height:70%;
	overflow: scroll;
    z-index: 1000;
	}
    div#content img { width:90%!important; 
    }
#nav { 
	position: fixed;
	text-align: right;
	width: 20%;
	height: 600px;
	margin: 190px 0 0 10px;z-index: 50;
 }


#nav p {
    text-align: left;
	font-weight: bold;
	font-size: 13px;
	color: #072332;
	line-height: 15px;
 }
#nav p a:link {
	font-weight: bold;
	color: #072332;
	text-decoration: none;
	outline: none;
	-moz-outline-style: none;
 }

#bar { 
	position: fixed;
	width:10px;
	margin: 180px 0 0 100px; z-index: 100;
 }	
#headertitle1 p {
	position: fixed;
	height: 60px;
	margin: 10px 0 0 10px;
	border: none;
	font: 100% Arial, sans-serif;
	font-size: 18px; 
	color: #fff; text-shadow: 2px 2px 4px #072332;
    -webkit-hyphens: none;
    hyphens: none;
	}
#headertitle2 p {
	position: fixed;
	height: 60px;
	margin: 82px 0 0 10px;
	font: 100% Arial, sans-serif;
	font-size: 22px; font-weight: bold;
	color: #072332;
	}
#headertitle3 p {
	position: fixed;
	margin: 108px 0 0 10px;
	font: 100% Arial, sans-serif;
	font-size: 11px;
	color: #333;
}

li { font-size:14px; }

}