body{
		    background-color:#f6f0e2;
		    background-image: url(/resources/canvas.jpg);
		    background-repeat:repeat;
		    background-position:top left;
		    background-attachment:;
		    text-align:center;
		    margin:0;
		    padding:0 0 20px 0;
		    font-family:Arial,Helvetica,sans-serif;
		    font-size:1.2em;
		}
		
		div.ys-bar{
		    width:100%;
		    background:#262628 url(/resources/slate.jpg) center top repeat-y;
		    z-index:1;
		    border-bottom:3px solid #fff;
		    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
		       -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
		            box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
		}
		
		div.ys-layout{
		    max-width:920px;
		    margin:-55px auto 0 auto;
		    text-align:left;
		}
		
		div.ys-nav-wrap{
		    max-width:920px;
		    margin:0 auto;
		    text-align:left;
		    padding:30px 0 60px 0;
		}
		
		div.sys_navigation ul{
		    text-align:right;
		    margin:0;
		    padding:0;
		    list-style:none;
		}
		
		div.sys_navigation ul li{
		    display:inline;
		}
		
		div.sys_navigation ul li a{
		    display:inline-block;
		    color:#f6f4ee;
		    padding:10px 23px 10px 35px;
		    background:url(/resources/star.png) center left no-repeat;
		    text-decoration:none;
		    font-size:17px;
		    text-shadow:0 1px 0 rgba(0,0,0,1);
		}
		
		div.sys_navigation ul li.single a,
		div.sys_navigation ul li.first a{
		    background:none;
		    padding-left:0;
		}
		
		div.sys_navigation ul li.selected a{
		    color:#fff;
		    font-weight:bold;
		}
		
		div.sys_navigation ul li a:hover{
		    text-decoration:underline;
		}
		
		div.ys-banner-wrap{
		    background:#fff;
		    /*padding:10px;*/
		    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
		       -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
		            box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
		}
		
		div.ys-banner-wrap td.heading{
		    width:100%;
		    background:#262628 url(/resources/board.jpg) 0 0 repeat;
		    border-right:1px solid #333;
		}
		
		div.ys-banner-wrap div.heading h1{
		    margin:0;
		    padding: 0 40px 0 40px;
		}
		
		div.ys-banner-wrap div.heading h1 a{
		    color:#fff;
		    text-decoration:none;
		    font-size:30px;
		    font-weight:normal;
		    font-family:Georgia;
		    text-shadow:0 1px 0 rgba(0,0,0,1);
		}
		
		div#sys_bannerOFF{
		    max-width:920px;
		    height:195px;
		    background: url(/resources/acs-logo-header.jpg) top left no-repeat;
		    background-size: contain;
		}
		
		div.ys-banner-wrap table{
		    max-width:900px;
		    background:#262628;
		    height:195px;
		}
		
		div.content{
		    background:#fff;
		    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
		       -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
		            box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
		    margin:20px 0 10px 0;
		    padding:10px;
		}
		
		
		/* Variables - only edit these */
		
		
		
		
		
		body{
		    font-family:Arial,Helvetica,sans-serif;
/*		    font-size:12px; */
		    color:#222;
		}
		
		a{
		    color:#0062b5;
		    text-decoration:underline;
		}
		
		a:hover{
		    text-decoration:none;
		    color:#0062b5
		}
		
		a img{border:none;}
		
		p{
		    padding: 5px 0;
		    margin: 0;
		    line-height: 1.4;
		}
		
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: #333333;}
		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color: #333333;}
		h1, h2, h3, h4, h5, h6{
		    padding: 10px 0;
		    margin: 5px 0;
		    color: #333333;
		}
		
		h1{font-size: 200%;}
		h2{font-size: 180%;}
		h3{font-size: 160%;}
		h4{font-size: 140%;}
		h5{font-size: 130%;}
		h6{font-size: 100%;}
		
		
img {
max-width:100%;

}