.hide {
	display: none !important;
}

.invisible {
	visibility: hidden !important;
}

.offscreen {
	display: block;
	position: absolute;
	top: -9999em !important;
	left: -9999em !important;
}

h1,h2,h3,h4,h5,h6 {
	font-family:"Verdana"
}
.article {
	font-family:Verdana,Georgia,"Trebuchet MS",Arial,sans-serif;
	padding:1em 14em;
	color:#000;
	font-size:0.8em;
}
.ui-layout-pane {
	/* all 'panes' */ padding:0px;
	background:#FFF;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.ui-layout-pane-north,.ui-layout-pane-south {
	border:1px solid #000;
}
.ui-layout-pane-west {
	border-left:1px solid #170F03;
}
.ui-layout-pane-east {
	border-right:1px solid #170F03;
}
.ui-layout-pane-center {
	border-left:0;
	border-right:0;
}
.inner-center {
	border:1px solid #DCDBFF;
}
.outer-north {
	background-image:url(topbar2red.jpg);
}
.outer-west,.outer-east {
	background-image:url(formalwear.jpg);
}
.inner-west {
	background-image:url(colbgL.jpg);
}
.inner-east {
	background-image:url(colbgR.jpg);
}
.middle-west {
	background-image:url(midbgL.jpg);
}
.middle-east {
	background-image:url(midbgR.jpg);
}
.inner-center {
	background-image:url(parch2.jpg);
	padding:4px;
	overflow:auto;
}
.ui-layout-resizer {
	/* all 'resizer-bars' */ background:#170F03;
}
.ui-layout-resizer:hover {
	/* all 'resizer-bars' */ background:#170F03;
}
.ui-layout-resizer-west {
	border-left:1px solid #000;
}
.ui-layout-resizer-east {
	border-right:1px solid #000;
}
.ui-layout-toggler {
	/* all 'toggler-buttons' */ background:#AAA;
}
.ui-layout-toggler:hover {
	/* all 'toggler-buttons' */ background:#FC3;
}
.outer-north {
	padding:0em;
	border:0;
}
.outer-center,.middle-center {
	/* center pane that are 'containers' for a nested layout */ padding:0;
	border:0;
}
#littlelogo {
	padding:12px;
}
#maintitle {
    float:left;
	padding-left:0em;
}
#isa2713 {
	padding:12px;
	float:right;
}
.scrollpick {
	background-image:url(scrollbutp.png);
	background-repeat:no-repeat;
	padding:12px 14px;
}
.scrollpick a {
	color:#000;
	font-family:Verdana,Georgia,"Trebuchet MS",Arial,sans-serif;
	padding-left:30px;
	text-decoration:none
}
#navbar {
	padding:1px 12px;
	background-image:url(navbarbg.png);
}
#channelpanel {
	padding:0px 0px;
	float:left;
}
#channellinks {
	list-style-type:none;
	margin:0;
	padding:4px 10px;
}
#channellinks li {
	display:inline;
	background-repeat:no-repeat;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.65em;
	font-weight:bold;
	color:#EDECAF;
	padding:0px 10px;
}
#channellinks li a{
color:#EDECAF;
text-decoration: none;
}
#channellinks li a:visited, #channellinks li a:active{
color: #EDECAF;
}

.ui-layout-south {    
	background-color:#000;
	padding:.5em;
}
#foundation {
	text-align:left;
	padding:4px;
	font-family:Arial;
	font-size:9px;
	color: #5E5E4C;
}

.shoutoutright {
    width: 10em;
	border:3px solid #000;
	margin:2em;
	padding:0.7em;
	float:right;
	font-family:Arial;
	font-size:1.4em;
	font-weight: bold;
}
.shoutoutleft {
    width: 10em;
	border:3px solid #000;
	margin:2em;
	padding:0.7em;
	float:left;
	font-family:Arial;
	font-size:1.4em;
	font-weight: bold;
}
.scrollaudio {
	background-image: url('../copperplate3.png');
	background-repeat: no-repeat;
	width: 200px;
	height: 320px;
	padding-top:10px;
}
.scrollaudio a {
    position: relative;
	left: -44px;
	top: 180px; 
}
.scrollaudio a img {
    border: 0;
    display: block;
}
.audioContents {
	color:#FFF;
	font-size:1.1em;
	font-family:Verdana,Georgia,"Trebuchet MS",Arial,sans-serif;
    position: relative;
	left: -44px;
	top: 80px; 
}    
.audioText {
	color:#FFF;
	font-size:0.6em;
	font-family:Verdana,Georgia,"Trebuchet MS",Arial,sans-serif;
    position: relative;
	left: 46px;
	top: 104px; 
	width: 90px;
}    
#audioscroll {
  width: 700px ;
  margin-left: auto ;
  margin-right: auto ;
}


div.scrollable {  
    width: 600px; 
    height:320px; 
}
 
 
div.scrollable div.scrollitems div { 
    float:left; 
} 
 
div.scrollitems div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

#arrows {
  width: 200px ;
  margin-left: auto ;
  margin-right: auto ;
}
#arrows a {
  padding: 0px ;
  margin: 0px;
  border: 0px;
}
#arrows a img {
  padding: 0px ;
  margin: 0px;
  border: 0px;
}
#audioNextPrev {
  width: 100px;
  height: 40px;
  background-color:#000;
  color:#FFF;
  margin-left: auto ;
  margin-right: auto ;
}
#welcomeimage {
	background-image:url(welcome.png);
	background-repeat:no-repeat;
	padding:2em;
}