/* CSS Document */

body
    {
    margin: 0;
    padding: 0;
	background-image: url('/images/grass.jpg');
    }

/* ---[ page container ]----------------------- */

#PageContainer
    {
    margin: 10px auto 0 auto;
    width: 980px; 
    position: relative;
    background: #fff;
    padding: 0;
    text-align: left;
    }

/* ---[ header ]----------------------- */
#HeaderSpacer {
	height: 10px;
	background-color: #FFF;
}
#Header {
	margin:0px 10px 10px 10px;
	padding:0px;
	height: 85px;
	background-image: url("/images/ayso104banner.gif"); 
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #006; 
	}

#Header img { 
	margin: 0px;
	visibility: hidden;
}
#Header a {
	margin: 0px;
}
#homelink {
	position: relative;
/*	top: 1.5em; */
	left: 2em;
	font-size: 1em;
}
#schedulelink {
	float: right;
	margin-right: 2em; 
	font-size: small;
	margin-top: 0;
}
#contactlink {
	float: right;
	margin-right: 2em; 
	font-size: small;
	margin-top: 0;
}
#facebook_badge{
	float: right;
	margin-right: 10px;
}
/* ---[ searchbox ]------------------------------- */
#SearchBox
	{
	float: right;
	margin-right: 2em; 
	margin-top: 0;
	font-size: small;
	}
#search
	{
	border: 1px solid black;
	background:#ddd;
	padding-left: 5px
	}
#SearchForm
	{
	width: auto;
	}
#SearchForm fieldset {
	border: none;
	padding: 0px;
}
/* ---[ hamenu ]--------------------------------- */	
.js #hamenu {display: none;} 
#hamenu {
	clear: both;
    margin: 0px 0 0 10px;
}
.kwicks {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0;  
}  
.kwicks li{  
     display: block;  
     overflow: hidden;  
     padding: 0;  
     cursor: pointer;  
     float: left;
	 /* set the width as follows: 
	    ( width + spacing ) * 6  = 970
		if spacing = 5, then
		width = 156 */
	 width: 156px;  
	 height: 100px;
	 margin-right: 5px;
}
.kwicks li {
	line-height: 1.4em;
}
.kwicks a {
	position: relative;
	top: 5px;
	left: 140px;
	color: #fff;
	margin-left: 5px;
     text-decoration: none;
	display: block;
	font-size: 14px;
}
.kwicks a:hover {
	color:#fff;	
	background-color: transparent;
     text-decoration: underline;
}
#kwick1 {
	background-image: url('/images/kwick1.png');
}
#kwick1.active {
	background-image: url('/images/kwick1a.png');
}
#kwick2 {
	background-image: url('/images/kwick2.png');
}
#kwick2.active {
	background-image: url('/images/kwick2a.png');
}
#kwick3 {
	background-image: url('/images/kwick3.png');
}
#kwick3.active {
	background-image: url('/images/kwick3a.png');
}
#kwick4 {
	background-image: url('/images/kwick4.png');
}
#kwick4.active {
	background-image: url('/images/kwick4a.png');
}
#kwick5 {
	background-image: url('/images/kwick5.png');
}
#kwick5.active {
	background-image: url('/images/kwick5a.png');
}
#kwick6 {
	background-image: url('/images/kwick6.png');
}
#kwick6.active {
	background-image: url('/images/kwick6a.png');
}

/* ---[ pic_box ]--------------------------------- */	
.holder {
    position: relative;
	border: 0;
	height: 50px;
    width: 959px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.holder p {
	font-size: 16px;
}
#pic_box {
     float: left;
	width: 610px;
	height: 200px;
}
#pic_box img {
	margin: 0;
	padding: 0;
	display: none;
}
#vision {
	float: right;
	width: 310px; 
	margin-top: 1em;
	margin-right: 10px;
	padding: 0.5em;
}
#vision p {
	color: red;
	font-size: 32px;
	text-align: right;
}
/* ---[ slideshow ]--------------------------------- */	
/* 
css: 
- When building your slideshows, remember that animation effects work best when both the container (pics) and slide (pics img) have a fixed box.
- Remember that every child element of the container becomes a slide!
*/
.pics {  
    height:  200px;  
    width:   610px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    height: 200px; 
    width:  610px;
	background: #eee; 
    top:  0; 
    left: 0 
} 		

/* ---[ content ]------------------------------- */
#content
    {
	clear: both;
/*
    width: 959px;
	margin-left: 10px;
*/
    width: 949px;
	margin-left: 20px;
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 14px;
	position: relative;
    }
.breaking_news {
	border: 1px solid black;
	margin-bottom: 2em;
	padding: 0 1em 1em 1em;
}
/* ---[ tabs and panels ]--------------------------------- */	
h2 {
	margin:0px 0px 0.5em 0px;
	padding:0px;
	font-size:20px;
	font-weight:600;
	line-height: 1.1em;
	color: red;
}
.panel #movie { 
	padding: 1em;
}

/* ---[ two col container ]--------------------------------- */	
.ui-tabs-panel .two_col_container {
	position: relative;
	width: 100%;
}
.two_col_container hr {
	display: block; 
	clear: both; 
	margin: 0;
 	visibility: hidden;
}
.two_col_container h1 {
	clear: both; 
}
.two_col_container #headlines {
	float: left;
	width: 25%;
}
.two_col_container #stories {
	float: left;
	width: 72%;
	padding-left: 2%;
}
.two_col_container .links {
	float: left;
	width: 25%;
	border-right: none;
}
.two_col_container .links p {
	margin-right: 0.5em;
}
.two_col_container .links ul li {
	margin-left: 1em;
	margin-right: 0.5em;
}
.two_col_container .details {
	float: left;
	width: 72%;
	padding-left: 2%;
	text-align: justify;
	border-left: 1px dashed black;
}
.two_col_container #event_list {
	float: left;
	width: 47%;
	border-right: 1px dashed black;
}
.two_col_container #event_list p{
	margin-right: 0.5em;
}
.two_col_container #other_list {
	float: left;
	width: 48%;
	padding-left: 3%;
}
/* ---[ other ]--------------------------------- */	
#footer {
	clear: both;
}
.icon-left {
	float: left; 
	margin-top: 5px;
	margin-right: 10px;
	border: 0;
}
/* ---[ logo stuff ]--------------------------------- */	

#logo {
	position: relative;
	z-index: 4;
	float: right;
	background-image: url('/images/104logo.png');
}
#logoOverlap-region {
	position: relative;
	float: right;
	width: 115px;
	height: 115px;
	background-image:url(/images/Region104Logo-small.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding: 10px;
	z-index: 4;
}
dt {
	display: inline;
	font-weight: bold;
	padding-right: 1em;
}
dd { 
	display: inline;
}

.headline, .headline-first {
	border-bottom: 0;
	clear: both;
	margin:0px 0px 0.5em 0px;
	padding:0px;
	font-size:20px;
	font-weight:600; 
	line-height: 1.1em;
	color: red;
}