*{
font-family: verdana, arial, sans-serif;
font-size:small;
padding: 0;
margin: 0;
}
body {
background:black url('/images/tileStars.jpg') repeat left top;
min-width:200px;
padding:4px;

}
p {
margin:13px;
}
h1 {
margin: 4px;
color:#23416F;
text-align:center;
font-size:x-large;
background:transparent url("/images/orangeBar.png") repeat-x center center;
border:1px solid white;
box-shadow:4px 4px 8px #cecece;
border-radius:8px;
}
h2 {
margin: 4px 10px;
color:#23416F;
text-align:center;
background:transparent url(/images/h2.png) top center repeat-x;
border:1px solid #cecece;
box-shadow:2px 2px 8px orange;
border-radius:8px;
font-size:x-large;
}
h3 {
margin: 12px 0px 0px 4px;
color:#23416F;
font-size:large;
}
h4 {
/*
color:#23416F;
*/
color:#23416F;
margin: 4px 0px 0px 0px;
  font-size:medium;
  font-weight: bold;

}
h5 {
margin:0px;
margin-top:8px;
padding:2px;
text-align:center;
font-size:13px;
color:#23416F;
background:transparent url(/images/h5.png) top center repeat-x;
border:1px solid #ffffff;
border-radius:6px 6px 0px 0px;
border-bottom:1px solid #ff8c00;
}
h6 {
text-align:center;
font-size:10px;
font-weight:bold;
font-style:italic;
padding:8px;
margin:6px 0px;
}
hr {
border-bottom:1px dotteds orange;
box-shadow:1px 1px 3px orange;
}

img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
img.imgCenter {
display: block;
margin: 0px auto;
border:0px solid #ffffff;
border-radius:4px;
}

a {
color: #23416F;
text-decoration: none;
border-bottom:1px dotted #ff0000;
}

a:hover
{
color: #ff0000;
border-bottom:1px solid #ff0000;
}
a img
{
  border:none;
}
.aImg {
border:none;
text-decoration:none;
}
a.infoToggle img {
  border:none;
}
a.infoToggle {
  border:none;
}
.hide{
display:none;
}

div.image a.fBox{
border:none;
}
div.image .imgSource{
text-align:right;
font-size:x-small;
margin:0 15px;
}

img.framed {
border:1px solid #ff8c00;
padding:4px;
border-radius:12px;
box-shadow:0px 0px 10px #909090;
}

#wrap {
position:relative;
background:transparent url(/images/0.8.png);
border:1px solid #ff8c00;
max-width:1160px;
margin: 18px auto 50px;
padding:10px;
border-radius:12px;
box-shadow:0px 0px 10px #909090;
}
.slideToggle{
display:none;
}
.statusInactive, a.statusInactive{
font-weight:bold;
color:#8B0000;
}
.statusActive, a.statusActive{
font-weight:bold;
color:#006400;
}
.statusPending, a.statusPending{
font-weight:bold;
color:darkblue;
}
.userStatusInactive, a.userStatusInactive{
color:#A9A9A9;
}
.userStatusActive, a.userStatusActive{
color:#006400;
}
.userStatusLocked, a.userStatusLocked{
color:#8B0000;
}


/* searchbar */
#searchBar {
background:url("/images/orangeBar.png") repeat-x scroll center center orange;
max-width:920px;
margin: 0px auto 0px;
border:solid 1px #ffffff;
padding:3px;
border-radius:16px;
box-shadow:0px 0px 10px #ffffff;
/* display:none;*/
}
#searchForm {
background-color:#ffffff;
max-width:920px;
border:solid 1px #cecece;
padding:3px;
border-radius:12px;
}
#searchBox {
width:82%;
margin:4px 0 4px 8px;
}
/* Navigation Bar */
.navBar {
position:relative;
background-color:#cecece;
border:1px solid orange;
padding:8px;
border-radius:10px;
box-shadow:0 0 15px 8px #FFFFFF inset;
}
.navBarLeft{
position:absolute;
left:6px;
top:8px;
}
.navBarRight{
position:absolute;
right:6px;
top:8px;
}
.navBarStatus{
text-align:center;
height:20px;
}
.navBarStatus span.h1{
color:#23416F;
font-size:medium;
font-weight:bold;
}
#navBarT{
margin:10px 0;
}

a.navButton {
text-decoration:none;
padding:2px 6px;
border:1px solid #ffffff;
border-radius: 6px;
box-shadow: 3px 3px 3px #9f9f9f;
color:#23416F;
font-weight:bold;
}
a.navButton:hover {
color:red;
}
a.navButtonF {
background:transparent url(/images/nButtonF_N.png) center left no-repeat;
padding-left:24px;
}
a.navButtonP {
background:transparent url(/images/nButtonP_N.png) center left no-repeat;
padding-left:24px;
}
a.navButtonN {
background:transparent url(/images/nButtonN_N.png) center right no-repeat;
padding-right:24px;
}
a.navButtonL {
background:transparent url(/images/nButtonL_N.png) center right no-repeat;
padding-right:24px;
}
a.navButtonF:hover {
background:transparent url(/images/nButtonF_H.png) center left no-repeat;
}
a.navButtonP:hover {
background:transparent url(/images/nButtonP_H.png) center left no-repeat;
}
a.navButtonN:hover {
background:transparent url(/images/nButtonN_H.png) center right no-repeat;
}
a.navButtonL:hover {
background:transparent url(/images/nButtonL_H.png) center right no-repeat;
}

a.extButton {
background:transparent url(/images/orangeBar.png) repeat-x top center;
text-decoration:none;
padding:2px 6px;
border:1px solid #ffffff;
border-radius: 6px;
box-shadow: 3px 3px 3px #9f9f9f;
color:#23416F;
font-weight:bold;
}
a.extButton:hover {
background:transparent url(/images/orangeBar.png) repeat-x bottom center;
color:red;
}

/* header */
#header {
background:transparent url(/images/hRightWm.png) right top no-repeat;
max-width:1160px;
margin: 0px auto 0px;
height:128px;
width:100%;
min-width:726px;
position:relative;
}
#header a, #headleft a{
text-decoration:none;
}
#headleft a{
border:none;
}
#header img{
border: medium none;
}
#headleft {
background:transparent url(/images/head.png) no-repeat;
height:100%;
top:0px;
left:0px;
width:530px;
}
#headright {
background:transparent url(/images/hMid.png) right top repeat-x;
position:absolute;
height:100%;
left:530px;
right:195px;
top:0px;
width:auto;
}
#headright img {
position: absolute;
height:124px;
right:-30px;
top:0px;
width:30px;
}
#menu {
position:relative;
max-width:920px;
margin: 0px auto;
/* Changed to 600 as FF box model seems to have changed again
width:590px;
*/
width:600px;
top:-10px;
}
#menuSmall {
/*
background:transparent url(/images/dropIcon.png) center right no-repeat;
*/
position:absolute;
right:4px;
top:66px;
display:none;
}
/* Menu */
/* tabs */
ul.tabs, ul.menuTabs {
display: table;
margin:0;
padding:4px;
list-style: none;
position: relative;
}

ul.tabs li, ul.menuTabs li {
 margin: 0;
 padding: 0;
 list-style: none;
 display: table-cell;
 float: left;
 position: relative;
 }
ul.tabs a, ul.menuTabs a {
position: relative;
display: block;
color: #23416F;
margin: 0 2px;
padding: 3px 10px;
text-decoration: none;
font: bold 14px verdana,arial,helvetica,sans-serif;
border:1px solid #ffffff;
background:#ffffff url(/images/tbN.png) top center repeat-x;
border-radius: 6px 6px 0px 0px;
}

ul.tabs a:hover, ul.menuTabs a:hover {
background:transparent url(/images/tbH.png) top center repeat-x;
}
ul.tabs a.menuitemActive, ul.menuTabs a.menuitemActive{
background:transparent url(/images/tbA.png) top center repeat-x;
border:1px solid #ff8c00;
border-radius: 6px 6px 0px 0px;
}
ul.tabs a.menuitemHover, ul.menuTabs a.menuitemHover{
background:transparent url(/images/tbA.png) top center repeat-x;
border:1px solid #ff8c00;
border-radius: 6px 6px 0px 0px;
}
/* menu / Toggle Buttons - for small menu and toggles*/
/*
.menuButton a {
*/
a.menuButton, a.toggleExpand, a.toggleExpandActive, a.toggleLoad {
background:transparent url(/images/mButtonD_N.png) center right repeat-x;
text-decoration:none;
padding:2px 30px 2px 8px;
border:1px solid #ffffff;
border-radius: 6px;
box-shadow: 3px 3px 3px #9f9f9f;
color:#23416F;
font-weight:bold;
}
/*
.menuButton a:hover {
*/
a.menuButton:hover, a.toggleExpand:hover {
background:transparent url(/images/mButtonD_H.png) center right repeat-x;
}
a.toggleExpandActive{
background:transparent url(/images/mButtonU_N.png) center right repeat-x;
}
a.toggleExpandActive:hover{
background:transparent url(/images/mButtonU_H.png) center right repeat-x;
}
a.toggleLoad{
background:transparent url(/images/mButtonR_N.png) center right repeat-x;
}
a.toggleLoad:hover{
background:transparent url(/images/mButtonR_H.png) center right repeat-x;
}
/* dropdowns */
ul.dropdown, ul.dropdownM {
padding: 0px 5px 5px;
display: block;
position: absolute;
z-index: 999;
top: 20px;
display: none;
left: 0;
margin-left:-50px;
width:210px;
background:orange url(/images/dropdown.png) center center repeat-y;
border:solid 1px white;
border-radius: 0px 0px 10px 10px;
box-shadow: 5px 5px 5px #696969;
}
ul.dropdownM {
border-radius: 10px 0px 0px 10px;
top: -70px;
right: 0px;
left: auto;
text-align: center;
z-index:9999;
}
ul.dropdown li, ul.dropdownM li {
 margin: 0;
 padding: 5px 10px;
 float: none;
 position: relative;
 list-style: none;
 display:inline;
 display: block;
 }

ul.dropdown li a, ul.dropdownM li a {
display:inline;
color: #23416F;
margin: 0 2px;
padding: 3px;
text-decoration: none;
font: bold 12px verdana,arial,helvetica,sans-serif;
background:transparent;
border:solid 1px transparent;
 }
ul.dropdown li a:hover, ul.dropdownM li a:hover{
margin: 0 2px;
padding: 3px;
color:#23416F;
background:transparent url(/images/highlight.png) center center repeat-x;
border:solid 1px white;
border-radius: 4px;
}
ul.dropdownM li a, ul.dropdownM li a:hover {
padding: 5px 20px;
margin:0px;
}
a.smenuitemActive {
border:1px solid white !important;
border-radius: 4px;
}
/* Sub Menu */
div.submenu, div.submenuActive {
position:relative;
padding:6px;
margin: 0px auto 10px;
top:-11px;
min-height:16px;
border:1px solid #ffffff;
border-top:1px solid #FF8C00;
background:orange url(/images/orangeBar.png) center center repeat-x;
border-radius: 0px 0px 6px 6px;
}
div.submenu ul, div.submenuActive ul {
list-style-type:none;
margin: 0px;
padding: 0px;
text-align:center;
}
div.submenu li, div.submenuActive li {
display:inline;
}
div.submenu a.itemActive, div.submenuActive a.itemActive {
border:solid 1px white;
border-radius: 4px 4px 4px 4px;
}
div.submenu a, div.submenuActive a {
color: #23416F;
margin: 0 2px;
padding: 3px;
text-decoration: none;
font: bold 12px verdana,arial,helvetica,sans-serif;
background:#ffffff url(/images/orangeBar.png) center center repeat-x;
border:solid 1px transparent;
}

div.submenu a:hover, div.submenuActive a:hover {
color:#23416F;
background:transparent url(/images/highlight.png) center center repeat-x;
border:solid 1px white;
border-radius: 4px 4px 4px 4px;
}


/* End Menu */

/* content*/
#contentW {
width:100%;
/*
margin-top:20px;
*/
}
#contentM {
width: 68%;
float:left;
}
#contentI {
width: 68%;
float:left;
}
#contentS {
width: 30%;
float:right;
font-size:small;
}

div.item, div.section, div.frame {
position:relative;
margin-bottom:16px;
padding:10px;
background-color:#ffffff;
border:1px solid #ffffff;
border-radius:10px 10px 10px 10px;
box-shadow: 5px 5px 5px #696969;
}
div.intro {
padding-top: 10px;
min-height:100px;
}
div.inset {
float: center;
border: 1px solid gray;
padding: 10px;
margin:10px;
background-color: #ffffff;
text-align:center;
}
div.sectionNavBar {
text-align:right;
}

span.source {
display:inline-flex;
}

blockquote, .quote {
background-color:#f3f6ff;
/*
background: url("/images/quoteLBlue.png") left top no-repeat, url("/images/quoteRBlue.png") right bottom no-repeat #deedf5;
padding:5px 60px;
border-radius:8px;
margin:2px 10px;
*/}
.cogquote {
/*background-color:#fff3e5;*/
background-color:#f3f6ff;
}
.hwa {
background-color:#fbf1f9;
/*
background: url("/images/quoteLPurple.png") left top no-repeat, url("/images/quoteRPurple.png") right bottom no-repeat #e7dbf2;
padding:5px 60px;
border-radius:8px;
color:#8855FF;
margin:2px 10px;
*/
}
.scrip {
font-style:italic;
background-color:#f3ffe5;
/*
font-family: georgia, serif;
font-size:14px;
*/
}
/*extra formatting for scriptures on home page */
.contentDynamic div.scrip, .contentDynamic ul.scrip, .contentDynamic blockquote.scrip {
background: url("/images/quoteL.png") left top no-repeat, url("/images/quoteR.png") right bottom no-repeat #f3ffe5;
/*should be able to remove all these elements as coverred lower down*/
padding:5px 30px;
border-radius:8px;
margin:2px 10px;
}
.contentDynamic div.quote, .contentDynamic ul.quote, .contentDynamic blockquote.quote {
background: url("/images/quoteL.png") left top no-repeat, url("/images/quoteR.png") right bottom no-repeat #f3f6ff;
padding:5px 30px;
border-radius:8px;
margin:2px 10px;
}
.contentDynamic div.cogquote, .contentDynamic ul.cogquote, .contentDynamic blockquote.cogquote {
background: url("/images/quoteL.png") left top no-repeat, url("/images/quoteR.png") right bottom no-repeat #f3f6ff;
padding:5px 30px;
border-radius:8px;
margin:2px 10px;
}
.contentDynamic div.hwa, .contentDynamic ul.hwa, .contentDynamic blockquote.hwa{
background: url("/images/quoteL.png") left top no-repeat, url("/images/quoteR.png") right bottom no-repeat #fbf1f9;
padding:5px 30px;
border-radius:8px;
margin:2px 10px;
}

.contentDynamic blockquote, .contentDynamic div.quote, .contentDynamic div.cogquote, .contentDynamic div.hwa, .contentDynamic div.scrip, .contentDynamic ul.scrip {
  padding:5px 30px;
  margin:10px 30px;
  border-radius:4px;
}

.gotoHL {
background-color: #EAEAEA;
border:1px solid #CCCCCC;
}

/*Added to test white quoteMarks as requested */
.contentDynamic div.quoteTest, .contentDynamic ul.quoteTest, .contentDynamic blockquote.quoteTest{
background: url("/images/quoteLWhite.png") left top no-repeat, url("/images/quoteRWhite.png") right bottom no-repeat transparent;
padding:5px 60px;
border-radius:8px;
margin:2px 10px;
}
/* end white quote test */

.center {
text-align:center;
}
div.center img {
display:block;
margin:auto;
}


ul, ol {
margin:4px 32px;
}

ul.quote, ul.hwa, ul.scrip {
list-style: none;
}
em {
/*
text-decoration:underline;
font-variant:small-caps;
*/
font-style:italic;
}

strong, .u {
font-weight:bold;
}

.unquote {
color:black;
}

#audioQualitySelector{
	padding: 8px;
	border: 1px solid orange;
}

/*End Content*/
/*footer*/
#footer {
clear: both;
text-align:center;
padding-top:10px;
}
.footer h6 {
font:italic bold small verdana, arial, sans-serif;
}
/*End footer*/

/* widgets (sidepanels) */
.widget {
margin-bottom:10px;
padding:5px;
background-color:#f0f0f0;
border:1px solid #ffffff;
border-radius:10px;
box-shadow: 5px 5px 5px #696969;
}
.widgetClear {
margin-bottom:10px;
padding:5px;
background-color:transparent;
border:none;
border-radius:none;
box-shadow: none;
}

.widget h5, #extUtilsW h5 {
background:transparent url("/images/orangeBar.png") repeat-x center center;
border:1px solid orange;
margin:0;
}
.widget h6, #extUtilsW h6 {
background:transparent url("/images/h5.png") repeat-x center center;
border-radius:6px;
font-size:small;
margin:0;
padding 0;
}
.accordion, .panel {
border:1px solid orange;
border-radius:0 0 6px 6px;
display:none;
}
.extAccordion {
border:1px solid orange;
border-radius:0 0 6px 6px;
}
.accordion h6, .extAccordion h6 {
cursor:pointer;
padding:h6;
}

div.wMark {
position:absolute;
bottom:64px;
right:3px;
width:30%;
}
.widget img {
margin:4px;
float:left;
}
.widget ul {
padding-left:22px;
margin:4px;
}
.widget li {
padding:2px 0;
color:#23416F;
}

/* End Widget (Sidebar) */

/*overlay Temp stuff */
#overlay {    background-image:url(/media/img/overlay/transparent.png);    color:#efefef;    height:450px;  }
div.contentWrap {    height:441px;    overflow-y:auto;  }
/*end overlay Temp stuff */

/* Page Specific styles */
/* ContentM .contentDynamic (ie Home) */
div#contentM.contentDynamic h4 {
color:#23416F;
text-align: center;
font-size:large;
}
div#contentM.contentDynamic h5 {
color:#23416F;
font-size:large;
background:none;
border:none;
border-bottom:1px solid orange;1
}
/*
div#contentM.contentDynamic span.sectionTypeDate {
*/
span.sectionTypeDate {
position:absolute;
right:4px;
top:0px;
color:orange;
border-bottom:1px solid #cecece;
}
div#contentM.contentDynamic div.moreExpand {
display:none;
padding-top:10px;
}
#errOptions{
width:40%;
margin:5px auto;
}
#linkList{
padding:4px;
list-style: none;
}
/* Articles */
.colLink {
width:70%;
}
.colDesc {
width:225px;
}
div#xhrData h1{
margin: 4px 10px;
color:#23416F;
text-align:center;
background:transparent url(/images/h2.png) top center repeat-x;
border:1px solid #cecece;
box-shadow:2px 2px 8px orange;
border-radius:8px;
font-size:x-large;
margin:10px;
}
div#xhrData h1 b{
font-size:x-large;
}

div#xhrData h2 {
     border:none;
     background:none;
     box-shadow:none;
     font: 20px verdana, helvetica, arial, sans-serif;
     font-weight: bold;
     font-size:large;
     margin: 0px;
     text-align: center;
     color: #23416F;
     }
div#xhrData h2 b{
font-size:large;
ont-weight: bold;
}
div#xhrData h2.date b{
font-size:small;
}

div#xhrData h3 {
     border:none;
     background:none;
     font: 18px verdana, helvetica, arial, sans-serif;
     font-weight: bold;
     margin: 12px 0px 3px 0px;
     text-align: center;
     text-transform: uppercase;
     color: #23416F;
     }

div#xhrData h4 {
     border:none;
     background:none;
     font: bold 25px verdana, helvetica, arial, sans-serif;
     text-align: left ;
     color: #23416F;
     }
div#xhrData h4 u{
     border:none;
     background:none;
     font: bold 25px verdana, helvetica, arial, sans-serif;
     text-align: left ;
     color: #23416F;
     text-decoration:underline;
     }
h5.banner, h5.banner b{
     font: 10px verdana, sans-serif !important;
     padding-top: 0px;
     text-align: left !important;
     margin:0 0 25px 0 !important;
     text-transform:none !important;
}

div#xhrData h5 {
     border:none;
     background:none;
     font: 18px verdana, helvetica, arial, sans-serif;
     font-weight: bold;
     margin: 12px 0px 3px 0px;
     text-align: center;
     text-transform: uppercase;
     color: #23416F;
     border:none;
     border-bottom:1px solid orange;1
}
div#xhrData h6 {
     border:none;
     background:none;
     font: 10px verdana, sans-serif;
     padding-top: 0px;
     text-align: left ;
     color: #23416F;
     margin-bottom:25px;
     }
div#xhrData h6 b{
font-size:xx-small;
font-weight:normal;
}
.dspWarning{
text-align:center;
border-bottom:1px solid orange;
}
.dspWarning span{
font-weight:bold;
font-size:large;
color:red;
}

/* End Articles */

/* News */
.newsItem, .audioItem{
position:relative;
margin-bottom:10px;
padding:5px;
background-color:#ffffff;
border-right:1px solid #ff8c00;
border-bottom:1px solid #ff8c00;
border-radius:10px 10px 10px 10px;
box-shadow: 4px 4px 5px #cecece;

}
.newsItem1, .newsItem5a, .newsItem5b, .newsItem5c, .newsItem5d, .newsItem5e {
position:relative;
margin-bottom:10px;
padding:5px;
background-color:#ffffff;
border:1px solid #ff8c00;
border-radius:10px 10px 10px 10px;
border:1px solid #ffffff;
border-radius:10px 10px 10px 10px;
box-shadow: 5px 5px 5px #696969;
}
/* End News */

/* Audio */
tr.plain, td.plain, tr.plainInactive, td.plainInactive {
background-color:#ffffff;
}
tr.highlight, td.highlight, tr.highlightInactive, td.highlightInactive {
background-color:#d0d0f0;
}
tr.plainInactive, tr.highlightInactive{
background-color:#ffcc99;
}
#dispAudioItem {
width:98%;
height:280px;
resize:none;
}

.addDesc td, .addDescInactive td{
padding:4px 10px 12px 10px;
background-color:#ffffcc;
}
#newAudio {
display:none;
/*
width:100%;
resize:none;
border:none;
*/
}
#ext_addNew{
height:25px;
}
#addNewAudio{
float:right;
}

/* End Audio */
.extTools {
display:inline;
float:right;
padding:6px 2px 0;
}
.extToolBar {
height:28px;
position:relative;
}

.errHead {
font-style:bold;
color:red;
text-decoration:underline;
}
/*System Management*/



/*original memMode*/
#memMode {
position:absolute;
z-index:5000;
right:0;
top:0px;
}

#memMode a{
  text-decoration:none;
  color:#cecece;
  padding:4px 6px;
  background-color:#000020;
  border:1px solid #cecece;
  border-radius:6px;
}
#memMode a:hover {
  box-shadow:0 0 8px #FFFFFF inset;
  color:white;
}

#toggleExtended {
padding:3px 2px !important;
}

a.extOn, a.extOff {
border:none !important;
box-shadow:none !important;
background:transparent url("/images/orb24.png") no-repeat !important;
}
a.extOn {
background-position:-24px 0 !important;
}
a.extOff {
background-position:0 0 !important;
}
a.extOn:hover, a.extOff:hover{
background-position:-48px 0 !important;
}

/*
#memMode {
position:absolute;
z-index:9999;
right:0;
top:0px;
color:#cecece;
padding-bottom:2px;
background-color:#000020;
border:1px solid #cecece;
border-radius:6px;
}

#memMode.hasExtended {
background:transparent url(/images/mButtonD_N.png) center right no-repeat;
color:#23416F;
}
#memMode.isExtended {
background:transparent url(/images/mButtonU_N.png) center right no-repeat;
color:#23416F;

text-decoration:none;
padding:2px 30px 2px 8px;
border:1px solid #ffffff;
border-radius: 6px;
box-shadow: 3px 3px 3px #9f9f9f;
color:#23416F;
font-weight:bold;
}

#memMode a{
  text-decoration:none;
  color:#cecece;
  padding:4px 6px;
  border:none;
/*
  background-color:#000020;
  border:1px solid #cecece;
  border-radius:6px;

}
#memMode a:hover {
  border-radius:6px;
  box-shadow:0 0 8px #FFFFFF inset;
  color:white;
}
*/


/* media queries for screen size */
/* larger than min-width and less than max width */
@media screen and (min-width: 595px) and (max-width: 820px) {
  #contentM, #contentI {
		width: 100%;
		float: none;
		margin: 0px auto 20px auto;
    min-height:0;
	}
	#contentS {
		width: 98%;
		float: none;
		margin: auto;
	}
  #header {
    background:transparent url(/images/hRight.png) right top no-repeat;
    min-width:570px;
  }
  #headright {
    right:39px;
  }
  #wrap{
  }
  ul.tabs a {
    padding:3px 7px;
  }
  #menu {
/* Changed to 600 as FF box model seems to have changed again
    width:546px;
*/
    width:560px;
  }
  div.wMark {
    position:relative;
    bottom:0px;
    right:0px;
    width:100%;
  }
  #wMark {
    display:block;
    margin: 0 auto;
  }


#t5 { display:block !important; }
#t1,#t2,#t3,#t4,#t6,#t7,#t8 { display:none !important; }
}
@media screen and (min-width: 481px) and (max-width: 594px) {
/* larger than min-width and less than max width */

  #header {
    background:none;
    min-width:456px;
    min-height:0;
  }
  #headleft {
    background:transparent url(/images/headM.png) no-repeat;
    width:456px;
    margin:0 auto;
  }
  #headright {
    display:none;
  }
  ul.tabs a {
    padding:3px 5px;
    font-size:12px;
    margin:0 1px;
  }
  #menu {
    width:452px;
  }
  #wrap{
  }
  #contentM, #contentI {
		width: 98%;
		float: none;
		margin: 20px auto;
    min-height:0;
  }
	#contentS {
		width: 98%;
		float: none;
		margin: auto;
	}
  div.wMark {
    position:relative;
    bottom:0px;
    right:0px;
    width:100%;
  }
  #wMark {
    display:block;
    margin: 0 auto;
  }
/*
  .contentDynamic blockquote, .contentDynamic .quote, .contentDynamic .hwa, .contentDynamic .scrip
*/
  .contentDynamic blockquote, .contentDynamic div.quote, .contentDynamic div.cogquote, .contentDynamic div.hwa, .contentDynamic div.scrip, .contentDynamic ul.scrip {
    padding:40px 25px !important;
    margin:10px !important;
    border-radius:4px !important;
  }
#t4 { display:block !important; }
#t1,#t2,#t3,#t5,#t6,#t7,#t8 { display:none !important; }
}

@media screen and (max-width: 480px) {
/* less than min-width */
  #contentM, #contentI {
		width: 98%;
		float: none;
		margin: 20px auto;
	}
	#contentS {
		width: 98%;
		float: none;
		margin: auto;
	}
  #header {
    background:transparent url(/images/hRightWmS.png) right top no-repeat;
    min-width:200px;
    height:100px;
  }
  #headleft {
    background:transparent url(/images/headS.png) no-repeat;
    width:239px;
  }
  #headright {
    background:transparent url(/images/hMidS.png) right top repeat-x;
    left:239px;
    right:140px;
  }
  #menu {
    display:none;
  }
  #menuSmall {
    display:block;
  }
  #wrap{
    border-radius:8px;
    margin: 0px auto;
  }
  div.wMark {
    position:relative;
    bottom:0px;
    right:0px;
    width:100%;
  }
  #wMark {
    display:block;
    margin: 0 auto;
  }
/*
  .contentDynamic blockquote, .contentDynamic .quote, .contentDynamic .hwa, .contentDynamic .scrip
*/
  .contentDynamic blockquote, .contentDynamic div.quote, .contentDynamic div.cogquote, .contentDynamic div.hwa, .contentDynamic div.scrip, .contentDynamic ul.scrip {
    padding:40px 20px !important;
    margin:4px !important;
    border-radius:4px !important;
  }
  #memmode { top:-4px;right:-4px; }
  #memMode a{ font-size:x-small; }

#t3 { display:block !important; }
#t1,#t2,#t4,#t5,#t6,#t7,#t8 { display:none !important; }
}
@media screen and (max-width: 412px) {
  #header {
    background:transparent url(/images/hRightS.png) right top no-repeat;
    min-width:200px;
    height:110px;
  }
  #headright {
    background:transparent url(/images/hMidS.png) right top repeat-x;
    left:239px;
    right:24px;
  }
/*
  .contentDynamic blockquote, .contentDynamic .quote, .contentDynamic .hwa, .contentDynamic .scrip
*/
  .contentDynamic blockquote, .contentDynamic div.quote, .contentDynamic div.cogquote, .contentDynamic div.hwa, .contentDynamic div.scrip, .contentDynamic ul.scrip {
    padding:40px 10px !important;
    margin:2px !important;
    border-radius:4px !important;
  }
#t2 { display:block !important; }
#t1,#t3,#t4,#t5,#t6,#t7,#t8 { display:none !important; }
}
@media screen and (max-width: 295px) {
/* less than min-width */
  body {
    min-width:200px;
    background:#ffffff;
    margin:1px;
  }
  #header { background:none; margin-top:10px;}
  #headright { display:none; }
  #headleft {
    background:transparent url(/images/headS.png) no-repeat;
    background-size: 100% auto;
    position:relative;
    width:auto;
  }
  #wrap{
  	margin: 0px auto;
    border:none;
    padding:0px;
    border-radius:0px;
    box-shadow:none;
  }
  div.section, .accordion, .panel {
    border-radius:0px;
    box-shadow:none;
    border:none;
    padding:0px;
  }
  .newsItem1, .newsItem5, .newsItem {
    border-radius:0px;
    box-shadow:none;
    border:none;
    border-bottom:1px solid orange;
  }
  .widget {
    background-color:white;
    border-radius:0px;
    box-shadow:none;
    border:none;
    border-bottom:1px solid orange;
  }
  .widget h5 {
    border-radius:10px;
  }
/*
  .contentDynamic blockquote, .contentDynamic .quote, .contentDynamic .hwa, .contentDynamic .scrip
*/
  .contentDynamic blockquote, .contentDynamic div.quote, .contentDynamic div.cogquote, .contentDynamic div.hwa, .contentDynamic div.scrip, .contentDynamic ul.scrip {
    padding:40px 10px !important;;
    margin:0 !important;;
    border-radius:4px !important;;
  }
  #menuSmall { top:70px; }
  #memMode {
    top:-10px;
    right:-4px;
    background-color:transparent;
  }
  #memMode a {
    background-color:transparent;
    color:#336699;
    border:none;
    border-radius:0px;
    border-bottom:1px dotted #FF0000;
  }
  #memMode a:hover {
    color:#336699;
    border:none;
    border-radius:0px;
    border-bottom:1px solid #FF0000;
    box-shadow:none;
  }
#t1 { display:block !important; }
#t2,#t3,#t4,#t5,#t6,#t7,#t8 { display:none !important; }

}