/*
 Default styles for Orion Web Edit 4.3
 */

/* CSS reset for browser consistency */
*
{
  margin: 0;
  padding: 0;
  border: none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
{
	display: block;
}
body 
{
	line-height: 1;
}
ol, ul 
{
	list-style: none;
}
blockquote, q 
{
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after 
{
	content: '';
	content: none;
}
table 
{
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of CSS reset */

html
{
  overflow-y		: scroll;
}

body
{
  background		: #404040;
  color			: white;
  font-family: "arial", sans-serif;
  font-size: 13pt;
  line-height		: 1.2;
  margin		: 0px 0px;
  padding		: 0px;
  text-align		: center;
  width			: 100%;
}

#owepage
{
  background		: #808080;
  width			: 1000px;
  margin		: 0px auto;
  text-align		: left;
  padding		: 0px;
  border		: none;
}

#owe-splash-page
{
  margin: 0px auto;
  padding-top: 30px;
  text-align: left;
  width: 640px;
}

#owe-splash-page img
{
    width: 640px;
    height: 512px;
}

#owepagecontent
{
  margin-bottom: 20px;
  min-height		: 200px;
  padding-left          : 20px;
  padding-right         : 20px;
}

#owepagecontenthome
{
  width			: 1000px;
  border		: none;
  padding-left		: 0px;
  padding-right		: 0px;
  padding-top		: 10px;
  padding-bottom	: 0px;
  margin-left: 0px;
  margin-right: 0px;
  min-height		: 200px;
  background-color: #606060;
}


#owefooter
{
  background-color: #a0a0a0;
  color: #e0e0e0;
  font-size: 9pt;
  padding-top: 6px;
  padding-bottom: 10px;
  text-align: center;
}

.pagetitle,.pagedesc
{ 
  display		: none;
}

#oweheader
{
  height: 210px;
  position: relative;
  left: 0px;
  top: 0px;
  margin: 0px;
  padding: 0px;
  border: none;
}

#owehomeheader
{
  height: 550px;
  position: relative;
  left: 0px;
  top: 0px;
  margin: 0px;
  padding: 0px;
  border: none;
}

#owetoplogo
{
  position: absolute;
  left: 460px;
  top: -58px;
  z-index:6;
}

#owetopphoto
{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index:2;
}

#owetopphoto img
{
  display:		block;
  position:		absolute;
  top:			0;
  left:			0;
  z-index:		1;
  border:		none;
}

#owehometopphoto
{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index:2;
}

#owehometopphoto img
{
  display:		block;
  position:		absolute;
  top:			0;
  left:			0;
  z-index:		1;
  border:		none;
}

#owetopnav
{
  position: absolute;
  left: 0px;
  top: 0px;
  list-style		: none;
  font-family: 'arial', sans-serif;
  font-size		: 16pt;
  font-weight		: normal;
  margin-bottom		: 20px;
  color: white;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
  border-top: none;
  margin-top: 0px;
  height: 40px;
  float			: left;
  width			: 100%;
  z-index:5;
}

#owemobilemenu
{
  display		: none;
}

#owemobilenav
{
  display		: none;
}

#owetopnavleft
{
  position: absolute;
  left: 25px;
  top: 0px;
}

#owetopnavright
{
  position: absolute;
  left: 500px;
  top: 0px;
}

#owetopnavsocial
{
  position: absolute;
  left: 980px;
  top: 6px;
}

#owetopnav li
{
  float			: left;
  margin-right		: 0px;
  margin-top		: 8px;
  position		: relative;
  text-align: left;
}

#owetopnav li a
{
  padding		: 0px;
  padding-left		: 10px;
  padding-right		: 10px;
  color			: white;
  text-decoration	: none;
  text-transform: lowercase;
  border: none;
  border-left: 2px solid white;
}

#owetopnav li a:first-child
{
  border-left: none;
}

#owetopnav li a:hover
{
  color			: #d0d0d0;
  text-decoration	: none;
}

#owetopnav ul ul
{
    background: #D3B32A;
    background: rgba(255,255,255,0);
    list-style:none;
    position:absolute;
    left:-9999px;
    z-index:7;
}

#owetopnav ul ul li
{
    padding-top:0px;
    float:none;
}

#owetopnav ul ul a
{
    text-transform: lowercase;
    white-space: nowrap;
}

#owetopnav ul li:hover ul
{
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.2);
    left: 0px;
    padding-bottom: 4px;
    position: absolute;
    width: 230px;
    z-index:7;
}

#owetopnav ul li:hover a
{
    text-decoration:none;
}

#owetopnav ul li:hover ul a
{
    text-decoration: none;
}

#owetopnav ul li:hover ul li:hover
{
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.3);
}

#owetopnav ul li:hover ul li a:hover
{
    color: #d0d0d0;
}

#owe-homepage-boxes
{
  display: block;
  border: none;
  color: white;
  font-family: "arial", sans-serif;
  font-size: 12pt;
  width: 100%;
  height: 200px;
  margin-top: 5px;
  margin-bottom: 10px;
}

#owe-homepage-boxes h1
{
  font-family: 'arial', sans-serif;
  font-size: 14pt;
  text-align: center;
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 0px;
}

#owe-homepage-boxes a
{
  color: white;
  text-decoration: underline;
  font-style: italic;
}

#owe-homepage-boxes a:hover
{
  color: black;
  text-decoration: none;
}

.owe-homepage-box
{
  border: none;
  float: left;
  height: 200px;
  width: 492px;
  margin-left: 0px;
  margin-right: 16px;
  margin-top: 0px;
}

.owe-homepage-box p, .owe-homepage-box img
{
  padding-left: 12px;
  padding-right: 12px;
}

.owe-homepage-box1
{
  background-color: #505050;
}

.owe-homepage-box1 h1
{
  background-color: #404040;
}

.owe-homepage-box2
{
  background-color: #808080;
  margin-right: 0px;
}

.owe-homepage-box2 h1
{
  background-color: #707070;
}

#owe-foot-nav
{
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  font-family: "times new roman", serif;
  font-size: 13pt;
  color: black;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 8px;
}

#owe-foot-nav ul
{
  clear: left;
  float: left;
  list-style: none;
  text-align: center;
  position: relative;
  left: 50%;
}

#owe-foot-nav ul li
{
  float: left;
  display: block;
  position: relative;
  height: 22px;
  right: 50%;
  margin: 0px;
  margin-top: 6px;
  margin-bottom: 6px;
  border-left: solid black 1px;
}

#owe-foot-nav ul li:first-child
{
  border-left: none;
}

#owe-foot-nav ul li a, #owe-foot-nav ul li a:visited
{
  display: block;
  color: black;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  border: none;
  padding-left: 9px;
  padding-right: 9px;
}

#owe-foot-nav ul li a:hover
{
  color: #D3B32A;
}

#owe-foot-nav span.owe-edit-link
{
  left: -770px;
  top: 6px;
  position: relative;
}

p
{
  line-height:1.3em;
  margin-bottom: 10px;
  text-align: justify;
}

p a
{
  color: red;
}

p a:hover
{
  color: white;
}

.owe-subrecord-link a
{
  color: red;
}

.owe-subrecord-link a:hover
{
  color: white;
}

h1
{ 
  font-size		: 24.0pt;
  font-weight		: normal;
  margin-bottom		: 10px;
}

h1.onpagetitle
{
  color: white;
  margin-left: 10px;
  position: relative;
  text-align: left;
  top: -45px;
  z-index: 2;
}

h2
{ 
  font-size		: 22.0pt; 
  font-weight		: normal;
  margin-bottom		: 10px;
}

h3
{ 
  font-size		: 20.0pt;
  font-weight		: normal; 
  margin-bottom		: 10px;
}

h4
{ 
  font-size		: 18.0pt;
  font-weight		: normal; 
  margin-bottom		: 10px;
}

strong
{
  font-weight: bold;
}

em
{
  font-style: italic;
}

.owe-rss
{
  display: none;
}

.oweimage-float-left
{
  float			: left;
  border		: none;
  padding-right		: 10px;
  padding-bottom	: 10px;
}

.oweimage-float-right
{
  float			: right;
  border		: none;
  padding-left		: 10px;
  padding-bottom	: 10px;
}

.oweimage-float-left-border
{
  float			: left;
  border		: solid black 2px;
  padding-right		: 10px;
  padding-bottom	: 10px;
}

.oweimage-float-right-border
{
  float			: right;
  border		: solid black 2px;
  padding-left		: 10px;
  padding-bottom	: 10px;
}

#owe_books_page #owepagecontent ul li, #owe_publishers_page #owepagecontent ul li, #owe_listen_page #owepagecontent ul li
{
  list-style-type: circle;
  list-style-position: inside;
  margin-bottom: 10px;
}

table            { 
                   padding          : 0px;
                   border           : none;
                 }

tbody            { 
                   padding          : 0px;
                   border           : none;
                 }

tr               { 
                   padding          : 0px;
                   border           : none;
                 }

td               { 
                   vertical-align   : top;
                   padding          : 0px;
                   border           : none;
                 }

hr               { 
                   background       : #808080;
                   color            : #808080;
                   margin-bottom    : 5px;
                 }

img              {
                   border-style    : none;
                 }

.owe-diary-image
{
  border         : none;
  height         : 89px;
  margin         : none;
  padding        : none;
  width          : 200px;
}

.owe-diary-event
{
  border         : none;
  padding        : none;
  margin         : none;
  margin-bottom  : 12px;
}

.owe-diary-event-image
{
  border         : none;
  display        : inline-block;
  margin         : none;
  padding        : none;
  vertical-align : top;
  width          : 200px;
}

.owe-diary-event-text
{
  border         : none;
  display        : inline-block;
  margin         : none;
  margin-left    : 12px;
  padding        : none;
  vertical-align : top;
  width          : 270px;
}

#owe-centrecolumn .owe-diary-event a, #owe-centrecolumn .owe-diary-event a:visited
{
  color          : black;
  text-decoration: none;
}

.owe-diary-event-date
{
  font-weight    : bold;
  color          : black;
  text-decoration: none;
}

.owe-diary-event-title
{
  font-weight    : bold;
  color          : black;
  text-decoration: none;
}

.owe-diary-event-blurb
{
  color          : black;
  text-decoration: none;
}

.owe-diary-event-text > p > a > span
{
  color          : red !important;
  text-decoration: underline !important;
}

.owe-diary-event-text > p > a:active > span, .owe-diary-event-text > p > a:hover > span
{
  color          : black !important;
}

.owe-news-item
{
  border-bottom: none;
}

#owe-centrecolumn .owe-news-item
{
  border-bottom: none;
  padding-bottom: 8px;
}

.owe-homepage-box2 .owe-news-item a, .owe-homepage-box2 .owe-news-item a:visited
{
  text-decoration: none;
}

#owe_index_page .owe-news-item
{
  padding-left: 12px;
}

.small           {
                   font-size   : 10.0pt; 
                 }

.centresmall           {
                   font-size   : 10pt;
                   text-align: center; 
                 }

.quote           {
                   font-size   : 8.0pt; 
                   font-weight : bolder;
                   color       : black;
                 }

.boxquote        {
                   font-size        : 8.0pt; 
                   font-weight      : bolder;
                   color            : black;
                 }

.wide            {
                   width            : 400px;
                 }

.news            {
                   font-size    : 9.5pt; 
                   padding-right: 20px; 
                   line-height  : 140%;
                 }

.newsright       {
                   width        : 110px; 
                   margin-left  : 10px; 
                 }

.cds             {
                   font-size    : 9.5pt; 
                   padding-left : 20px; 
                   line-height  : 140%;
                   text-align   : justify;
                 }

.cdsleft         {
                   width        : 110px; 
                   margin-right : 10px; 
                 }

.scores          {
                   font-size    : 9.5pt; 
                   padding-left : 20px; 
                   line-height  : 140%;
                   text-align   : justify;
                 }

.scoresleft      {
                   width        : 150px; 
                   margin-right : 10px; 
                 }

.maxwidth        {
                   width            : 100%;
                 }

.maxheight       {
                   height           : 100%;
                 }

.maxsize         {
                   height           : 100%;
                   width            : 100%;
                   margin           : 0px;
                   padding          : 0px;
                   border           : none;
                   border-collapse  : collapse;
                 }

.pagelist        {
                   width            : 100%;
                   margin           : 0px;
                   padding          : 0px;
                   border           : none;
                   border-collapse  : collapse;
                 }

.owe-homepage-box2 .pagelist
{
  margin-left:  12px;
  margin-right: 12px;
  width:        214px;
}

.owe-homepage-box .pagelistcell
{
  border-bottom: 1px solid black;
}

.owe-homepage-box2 .pagelistcell
{
  border-bottom: 1px solid white;
}

#owe_links_page td.pagelistcell
{
  padding-bottom:  15px;
}

.owe-link-item
{
  padding-bottom: 15px;
}

.design          {
                   width            : 100%;
                   margin           : 0px;
                   padding          : 0px;
                   border           : none;
                   border-collapse  : collapse;
                 }

.maxfixed        {
                   width            : 100%;
                   table-layout     : fixed;
                 }

.navleft         {
                   text-align       : left;
                 }

.navright        {
                   text-align       : right;
                 }

.navcentre       {
                   text-align       : center;
                 }

.header          {
                   font-size        : 10.0pt;
                   color            : black;
                   background       : url("/headerbg.jpg") #c0c0c0 repeat fixed;
                   width            : 98%;
                   height           : 45px;
                 }

.insidehead      { 
                   color            : #000000;
                   width            : 50%;
                 }

.leftnavcolumn   {
                   width            : 135px;
                   border           : none; 
                   padding-left     : 10px; 
                   padding-right    : 0px; 
                 }

.maincontent     {
                   width            : 450px;
                   border           : none;
                   padding-left     : 20px;
                   padding-right    : 0px;
                 }

.pagetext        { 
                   line-height      : 140%;
                   font-size        : 9.5pt;
                 }

.biogpagetext    { 
                   line-height      : 140%;
                   font-size        : 9.5pt;
                   text-align       : justify;
                 }

.homepagetext    {
                   width            : 230px;
                   line-height      : 140%;
                   font-size        : 9.5pt;
                   text-align       : justify;
                 }

.imagecentre     {
                   text-align       : center;
                   border-style     : none;
                 }

.imageright      {
                   border-style    : none;
                   border-width    : 0px;
                   float           : right;
                   margin-left     : 10px;
                 }

.imageleft       {
                   border-style    : none;
                   border-width    : 0px;
                   float           : left;
                   margin-right    : 10px;
                 }

.imagecellright {
                   border-style    : none;
                   border-width    : 0px;
                   margin-left     : 10px;
                 }

.imagecellleft  {
                   border-style    : none;
                   border-width    : 0px;
                   margin-right    : 10px;
                 }

.imagefloatright {
                   border-style    : none;
                   border-width    : 0px;
                   float           : right;
                   margin-left     : 10px;
                 }

.imagefloatleft  {
                   border-style    : none;
                   border-width    : 0px;
                   float           : left;
                   margin-right    : 10px;
                 }

.navbox          { 
                   margin-top       : 20px;
                 }

.info            { 
                   background-color : #c0c0c0;
                   color            : #a00000; 
                   text-decoration  : none;
                   font-size        : 9.5pt; 
                   font-weight      : bold; 
                   line-height      : 140%;
                   width            : 140px; 
                 }

.concertleft     { 
                   background-color : #c0c0c0;
                   color            : #a00000; 
                   text-decoration  : none;
                   font-size        : 9.5pt; 
                   font-weight      : bold; 
                   line-height      : 140%;
                   width            : 140px; 
                   margin-right     : 10px; 
                   padding          : 5px; 
                 }

.concertright    {
                   margin-left      : 15px;
                   line-height      : 140%;
                   font-size        : 9.5pt;
                 }

.concertsmall    {
                   margin-left      : 15px;
                   line-height      : 140%;
                   font-size        : 8.0pt; 
                   text-align       : justify;
                 }

.workdetails     {
                   margin-top       : 0px;
                   margin-bottom    : 0px;
                   margin-left      : 5%;
                   margin-right     : 10%;
                 }

.workpanel       {
                   background-color : #c0c0c0;
                   font-size        : 9.0pt; 
                   margin-right     : 10px; 
                 }

.notepanel       {
                   padding-left     : 20px; 
                   line-height      : 140%;
                   font-size        : 9.5pt;
                   text-align       : justify;
                 }

.right
{
  text-align		: right;
}

.justify
{
  text-align		: justify;
}

.error
{
  color			: red; 
}

.warning
{
  color			: orange; 
}

form
{
  margin: 0;
  padding: 0;
}

form table
{
  margin: 0;
  padding: 0;
  width: 98%;
}

form tr
{
  width: 98%;
}

form td:first-child
{
  width: 28%;
}

form td:last-child
{
  width: 68%;
}

select
{
  background-color: #e0e0e0;
  color: #000000;
  font: 14pt;
  margin-bottom: 5px;
  text-decoration: none;
  width: 100%;
}

input
{
  background-color: #e0e0e0;
  color: #000000;
  font: 14pt;
  margin-bottom: 5px;
  text-decoration: none;
  width: 100%;
}

input.search	{ 
		  text-decoration	:	none;
                  padding-top         	: 	5px;
                  padding-left         	: 	6px;
                  height            	: 	22px;
                  width            	: 	124px;
                  font        		: 	12pt arial;
		  border		: 	solid 1px #606060;
		  background-color	: 	#e0e0e0;
		}

textarea
{
  background-color: #e0e0e0;
  color: #000000;
  font: 14pt;
  margin-bottom: 5px;
  text-decoration: none;
  width: 100%;
}

.dftc
{
  display:	none;
}


@media (max-width: 1040px)
{
  body
  {
    width			: 100%;
    font-size                   : 2.1vw;
  }

  h1.onpagetitle
  {
    font-size: 3.9vw;
    margin-left: 2%;
    position: relative;
    text-align: left;
    top: -5.5vw;
    z-index: 2;
  }

  h2
  {
    font-size                   : 5.2vw;
  }

  h3
  {
    font-size                   : 3.8vw;
  }

  #owepage
  {
    border			: none;
    width			: 100%;
    margin			: 0px;
  }

  #owepagecontent
  {
    width			: 94%;
    margin-left			: 3%;
    margin-right		: 3%;
    padding-left                : 0px;
    padding-right               : 0px;
  }

  #owepagecontent img
  {
    width                       : 40%;
    height                      : auto;
  }

  #owepagecontenthome
  {
    width			: 100%;
    margin-left			: 0px;
    margin-right		: 0px;
  }

  #oweheader
  {
    border: none;
    width: 100%;
    height: auto;
    position: static;
    left: 0px;
    top: 0px;
    margin: 0px;
    padding: 0px;
  }

  #owehomeheader
  {
    border: none;
    width: 100%;
    height: auto;
    position: static;
    left: 0px;
    top: 0px;
    margin: 0px;
    padding: 0px;
  }

  .owe-homepage-box
  {
    border: none;
    float: left;
    height: 200px;
    width: 49%;
    margin-left: 0px;
    margin-right: 2%;
    margin-top: 0px;
  }

  .owe-homepage-box img
  {
    width			: 90%;
    height			: auto;
  }

  .owe-homepage-box2
  {
    margin-right: 0%;
  }

  #owetopnav
  {
    display: inline;
    position: absolute;
    left: 0px;
    top: 0px;
    list-style		: none;
    font-family: 'arial', sans-serif;
    font-weight		: normal;
    margin-bottom		: 20px;
    color: white;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.2);
    margin-top: 0px;
    height: 40px;
    float			: left;
    width			: 100%;
    text-align: center;
  }

  #owemobilemenu
  {
    border: none;
    display: inline;
    float: left;
    margin-top: 4px;
    margin-left: 20px;
    position: relative;
  }

  #owemobilemenu img
  {
    margin-top: 3px;
    width: 60%;
  }

  #owemobilenav
  {
    background-color: #a0a0a0;
    border: none;
    color: black;
    display: block;
    height: auto;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 15px;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    width: 100%;
  }

  #owemobilenav h1
  {
    background-color: #909090;
    font-family: 'arial', sans-serif;
    font-size: 14pt;
    display: block;
    margin-top: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
  }

  #owemobilenav ul
  {
    list-style-type: none;
    width: 100%;
  }

  #owemobilenav li a
  {
    color: black;
    font-family: 'arial', sans-serif;
    font-size: 12pt;
    text-align: center;
    text-decoration: none;
    text-transform:uppercase;
  }

  #owemobilenav li a:hover
  {
    color: white;
  }

  #owemobilenav > ul > li
  {
    padding-top: 15px;
  }

  #owemobilenav > ul > li:first-child
  {
    xpadding-top: 0px;
  }

  #owemobilenav li ul a
  {
    text-transform:lowercase;
  }

  #owetoplogo
  {
    border: none;
    display: inline;
    position: relative;
    left: auto;
    top: -120%;
  }

  #owetoplogo img
  {
    width: 120px;
    height: auto;
  }

  #owetopnavleft
  {
    left: 60px;
  }

  #owetopnavright
  {
    display: none;
  }

  #owetopnavsocial
  {
    border: none;
    display: inline;
    position: relative;
    left: auto;
    float: right;
    margin-right: 20px;
    top: 5px;
  }

  #owetopphoto
  {
    border			: none;
    display			: block;
    height			: auto;
    left			: 0px;
    position			: relative;
    top				: 0px;
    width			: 100%;
  }

  #owetopphoto img
  {
    border			: none;
    display			: inline;
    height			: auto;
    left			: 0;
    position			: relative;
    top				: 0;
    width			: 100%;
    z-index			: 1;
  }

  #owehometopphoto
  {
    border			: none;
    display			: block;
    height			: auto;
    left			: 0px;
    position			: relative;
    top				: 0px;
    width			: 100%;
  }

  #owehometopphoto img
  {
    border			: none;
    display			: inline;
    height			: auto;
    left			: 0;
    position			: absolute;
    top				: 0;
    width			: 100%;
    z-index			: 1;
  }

  #owehometopphoto img:first-child
  {
    height			: auto;
    position			: relative;
    width			: 100%;
    z-index			: 0;
  }

  #owe-footer
  {
    clear: both;
    margin-left: 0px;
    width: 100%;
  }

  #owe-footer img
  {
    width: 100%;
    height: auto;
  }

  #owe-foot-nav
  {
    display			: none;
  }

}

@media (max-width: 900px)
{
  .owe-homepage-box
  {
    height: 250px;
  }

  #owepagecontenthome
  {
    min-height		: 250px;
  }

}

@media (max-width: 700px)
{
  body
  {
    font-size                   : 3.0vw;
  }

  #owehometopphotobar
  {
    padding-top: 5px;
  }

  .owe-homepage-box
  {
    height: auto;
    margin-bottom: 3%;
    margin-right: 0%;
    width: 100%;
  }

  #owepagecontenthome
  {
    min-height		: auto;
  }

  #owetoplogo
  {
    top: -25px;
  }

  #owetoplogo img
  {
    width: 80px;
  }

  #owetopnav
  {
    top: 0px;
  }

  #owetopnavleft
  {
    font-size: 12pt;
  }

}

@media (max-width: 500px)
{
  body
  {
    font-size                   : 4.0vw;
  }

  h2
  {
    font-size                   : 7.2vw;
  }

  h3
  {
    font-size                   : 5.8vw;
  }

  #owetopnavleft
  {
    font-size: 10pt;
  }

  #owepagecontent img
  {
    width                       : 100%;
    height                      : auto;
    margin-bottom               : 20px;
  }

}

@media (max-width: 380px)
{
  #owetopnavleft
  {
    font-size: 8pt;
  }

}

@media (max-width: 640px)
{
  #owe-splash-page
  {
    width: 100%;
  }

  #owe-splash-page img
  {
    width: 100%;
    height: auto;
  }
}