* {
	margin: 0;
}


h1 {
    font-size: 17pt;
    font-family:tahoma;
    font-weight:bold;
    color: #642f8f;
    margin-top:4px;  
    margin-bottom:10px;   
    line-height:110%;
}


h2 {
    font-size: 14pt;
    font-family:tahoma;
    font-weight:bold;
    color: #642f8f;
    margin-top:10px;  
    margin-bottom:10px;   

}

h3 {
    font-size: 12pt;
    font-family:tahoma;
    font-weight:bold;
    color: #642f8f;
    margin-top:10px;  
    margin-bottom:10px;   
}


h4 {
    font-size: 12pt;
    font-family:tahoma;
    font-weight:normal;
    line-height:130%;
    color: #642f8f;
}

h5 {
    font-size: 14pt;
    font-family:tahoma;
    font-weight:normal;
    color: #642f8f;
    margin-top:0px;  
    margin-bottom:0px;   

}

h6 {
    font-size: 11pt;
    font-family:tahoma;
    font-weight:normal;
    color: #642f8f;
    margin-top:0px;  
    margin-bottom:0px;   

}

hr {
    color: #fff;
    margin-top:15px;  
    margin-bottom:15px;   
}

p {
    margin-top:15px;  
    margin-bottom:15px;   
}

.downloadimg {
    position:relative;
    top:2px;
    padding:0px 2px 0px 0px;   
}

.footertext {
    color: #fff200;
    font-size: 10pt;
    font-family:arial;
    font-weight:normal;
    text-decoration:none;
}

.footertext a:link{
    color: #fff200;
    font-size: 10pt;
    font-family:arial;
    font-weight:normal;
    text-decoration:none;
}

.footertext a:active{
    color: #fff200;
    font-size: 10pt;
    font-family:arial;
    font-weight:normal;
    text-decoration:none;
}

.footertext a:visited {
    color: #fff200;
    font-size: 10pt;
    font-family:arial;
    font-weight:normal;
    text-decoration:none;
}

.footertext a:hover{
    color: #fff200;
    font-size: 10pt;
    font-family:arial;
    font-weight:normal;
    text-decoration:underline;
}

a {
  -moz-outline: none 0;
  outline: none 0;
  border:0;
}

a:link{
    text-decoration:none;
    color:#0085b0;
  -moz-outline: none 0;
  outline: none 0;
  border:0;
}

a:active{
    color:#0085b0;
    text-decoration:none;
  -moz-outline: none 0;
  outline: none 0;
  border:0;
}

a:visited{
    color:#0085b0;
    text-decoration:none;
  -moz-outline: none 0;
  outline: none 0;
}

a:hover{
    color:#0085b0;
    text-decoration:underline;
  -moz-outline: none 0;
  outline: none 0;
  border:0;
}


/* ############################## Desktop ################################# */

@media screen and (min-width:460px){

.assetblock{
    width: 100%;
    height: 100%;
	left: 0px;
	right: 0px; 
    margin: 0 auto;
    padding: 20px 0px 0px 0px;
}

.assetblock img{
    float: left;
    padding: 0px 15px 0px 0px;
}

.assetblock p{
    margin: 0px 0px 15px 0px;
}

.assetblockdevider{
    border-bottom: 4px solid #0085b0;
    padding: 20px 0px 12px 0px;
}

body{
    background-color: #ffffff;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    min-height: 100vh
}

.bio{
    padding: 0px 10px 5px 0px;
}


#contentwrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0 auto ;
    padding-bottom: 0px;
	top: 0px;
    bottom: 0px;
	left: 0;
	right: 0;
    min-height: 100vh;
    width: 100%;
    z-index: 2;
}

#content{
    position: relative;
    border-right:1pt solid #ffffff;
    margin: 0 auto ;
    text-align: left;
	top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    font-size: 11pt;
    font-family: arial;
    font-weight: normal;
    line-height: 130%;
    color: #003366;
    padding: 300px 0px 146px 0px;
    width: 75%;
    z-index: 3;
}

.contentlink a{
    font-size: 11pt;
    font-family: arial;
    font-weight: normal;
    line-height: 130%;
    color: #003366;
    text-decoration: none;
}

#footerwrapper{
    position: absolute;
    text-align: center;
    background-color: #8561a9;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
	height: 146px;
    width: 100%;
    z-index: 6;
}

#footerbg{
    position: relative;
    background: url(images/top_bg.png);
    background-repeat: repeat-x;
    background-color: #cacaca;
    background-position: top center;
    text-align: center;
    top: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
	height: 96px;
    width: 100%;
    z-index: 6;
}

#footerbox{
    position: relative;
    text-align: center;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 7;
}


#logo{
    position: absolute;
    background: url(images/top_bg.png);
    background-repeat: repeat-x;
    background-position: top center;
    top: 0;
	left: 0;
	right: 0; 
    margin: 0 auto;
    height: 245px;
    width: 100%;
    z-index: 5;
}

#logo a{
    border: none;
    border: 0;
}

#logo img{
    border:none;
    border:0;
}

#logo-mo{
    display: none;
}

#nav{
    position:absolute;
    background: url(images/nav_bg.png);
    background-repeat:repeat-x;
    background-position:top center;
	top: 245px;
	left: 0px;
	right: 0px; 
    margin: 0 auto;
    height:41px;
    width:100%;
    z-index:10;
}


#navbox{
    position: inherit;
    display: flex;
    justify-content: center;
	top: 0px;
    margin: 0 auto;
    height:41px;
    z-index:6;
    width: 100%;
}



.push{
	height: 30px;
}

.spacer {
    height:1px;
    width:100%;
    border-bottom:1px solid #ffffff;
    margin:10px 0px 10px 0px; 
}

.spacer5{
	height: 10px;
}

.spacer10{
	height: 10px;
}

.spacer25{
	height: 35px;
}

}


/* ########################## Mobile Landscape ############################# */

@media screen and (min-width:0px) and (max-width:460px){

html, body bg{
    background-color: #642f8f;
    text-align:center;
    width: 100%;
    height: 100%;
	left: 0px;
	right: 0px; 
    margin: 0 auto;
}


.assetblock{
    display: block;
    width: 100%;
    height: 100%;
	left: 0px;
	right: 0px; 
    margin: 0 auto;
    padding: 20px 0px 12px 0px;
}

.assetblock img{
    text-align:center;
 	left: 0px;
	right: 0px; 
    margin: 0 auto;   
    padding:0px 0px 0px 0px;
}

.assetblock p{
    margin: 0px 0px 15px 0px;
}

.assetblockdevider{
    border-bottom: 4px solid #0085b0;
    padding: 20px 0px 12px 0px;
}

body{
    background-color: #ffffff;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    min-height: 100vh
}

#contentwrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0 auto ;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 0px 0px 0px 0px;
    min-height: 100vh;
    width: 100%;
    z-index:2;
}


#content{
    position: relative;
    margin: 0 auto;
    text-align: left;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    padding: 230px 0px 130px 0px;
    font-size: 11pt;
    font-family: arial;
    font-weight: normal;
    line-height: 130%;
    color: #003366;
    width: 90%;
    z-index: 3;
}

.contentlink a{
    font-size: 11pt;
    font-family:arial;
    font-weight:normal;
    line-height:130%;
    color: #003366;
    text-decoration:none;
}

#footerwrapper{
    background-color: #8561a9;
    position: absolute;
    text-align: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: 0 auto;
	height: 122px;
    width: 100%;
    z-index: 6;
}

#footerbg{
    position: relative;
    background: url(images/top_bg_mo.png);
    background-repeat: repeat-x;
    background-position: top center;
    text-align: center;
    top: 0px;
    left: 0px;
    right:0px;
    margin:0 auto;
	height:72px;
    width:100%;
    z-index:6; 
}

#footerbox{
    position: relative;
    text-align: center;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    left: 0;
    right: 0;
    margin: 0px 0px 0px 0px;
    z-index: 7;
}

#logo {
    display: none;
}

#logo-mo {
    position: absolute;
    background: url(images/top_bg_mo.png);
    background-repeat: repeat-x;
    background-position: top center;
    width: 100%px;
    height: 180px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
}

#logo-mo a{
    border: none;
    border: 0;
}

#logo-mo img{
    border: none;
    border: 0;
    width: 184px;
    height: 180px;
}

#nav{
    position: absolute;
    background: url(images/nav_bg.png);
    background-repeat: repeat-x;
    background-position: top center;
	top: 180px;
	left: 0px;
	right: 0px; 
    margin: 0 auto;
    height: 41px;
    width: 100%;
    z-index: 10;
}


#navbox{
    position:inherit;
    display: flex;
    justify-content: center;
	top: 0px;
    margin: 0 auto;
    height: 41px;
    width: 100%;
    z-index: 9;
}

.push{
	height: 120px;
}

.spacer25{
	height: 35px;
}


#toolbarmobile{
    position: relative;
    top: 180px;
    width: 100%;
}


}