/* General styles */
    body {
	background: url('../images/layout/a1.gif') repeat-x;
	font-size: 0.9em;
	font-family: Lucida, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	padding-top: 5px;
}

h1 {
	font-size: 1.4em;
	color: #9E6554;
}
h2 {
	font-size: 1.3em;
}
h5
{
    font-size: 1.05em;
    color: #800000;
}

	a {
    	color:#369;
	}
	a:hover {
	color: #fff;
	text-decoration: none;
}
   h2, h3 {
	margin: .3em 0 .6em 0;
	padding: 0;
	color: #006C3A;
} 
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	div.hr {
      height: 47px;
      background: #fff url(../images/layout/mic_divider.jpg) no-repeat scroll center;
    }
    div.hr hr {
      display: none;
}      
      
	img {
	padding: 2px 4px 2px 2px;
	margin: 10px 0 5px;
}
	#show_times {
	text-align: center;
}
	#listen {
	text-align: center;
	
}
	#listen img, a {
	border: 0px;
	text-decoration: none;
}
	
	#mainPage {
	border: 1px #9C3A37 solid;
	width: 90%;
	background: #fff;
	min-width: 700px;
	max-width: 1080px;
	position: absolute;
	left: 50%;
	margin-left: -45%;
}

	/* Header styles */
    #header {
	clear: both;
	float: left;
	width: 100%;
	height: 140px;
	/*background: url('images/ysl_logo_green.jpg') no-repeat;*/
	background: url('../images/layout/ysl_logo_green_centered.jpg') no-repeat center;
  
	border-bottom: 1px solid #000;
}
	
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}
	/*#header ul {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:10px 0 0 0;
	    padding:0;
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px;
	    text-align:center;
	    background:#eee;
	    color:#000;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
	    background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	#header ul li a span {
	    display:block;
	} */
	
	/* 'widths' sub menu */
	#navigation {
	clear: both;
	background: #B48071;
/*border-top: 4px solid #9C3A37; */	margin: 0;
	padding: 10px 15px 0 15px;
	text-align: center;
	color: #FFFFFF;
}

#side_nav {
	padding: 10px 0 0 0;
}
#side_nav a {
	text-decoration: none;
	color: #663300;
	line-height: 125%;
	font-weight: normal;
}
#side_nav a:hover {
	text-decoration: underline;
	color: #990000;
}

	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column left menu settings */
	.leftmenu {
	background: #EAE3D7;
}

.leftmenu a
{
    color: #369;
    font-weight: normal;
}

    .leftmenu .colright {
        float:left;
        width:200%;
        position:relative;
        left:12em;
        background:#fff;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:12em;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0 1em 0 13em;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
	.leftmenu .col1 h2 {
	color: #006C3A;
}

    .leftmenu .col2 {
        float:left;
        width:10em;
        position:relative;
        right:11em;
    }
    
    /* double inner columns */
    div.twoColumns
{
    margin: 0px 0 0px 0;
    width: 100%;
}
div.twoColumns div.leftColumn, 
div.twoColumns div.rightColumn
{
	float: left;
	overflow: visible;	/* fix for IE italics bug */
}
div.twoColumns div.leftColumn
{
	margin-right: -1px;
	width:50%;
	border-right: solid 1px #E4E4E4;
}
div.twoColumns div.rightColumn
{
    margin-right: -2px;
    width: 50%;
    border-left: solid 1px #8A008A;
    border-left-color: #E4E4E4;
}
div.twoColumns div.leftColumn p, h1, h2, h3
{
    padding: 5px 10px;
    margin:0px;
}

div.twoColumns div.rightColumn p, h1, h2, h3, h4, h5, h6
{
    padding: 5px 10px;
    margin:0px;
}
div.twoColumns div.leftColumn div.inside
{
	padding-left: 0;
}
div.twoColumns div.rightColumn div.inside
{
	padding-right: 0;
}
    
	/* Footer styles */
	#footer {
	clear: both;
	float: left;
	width: 100%;
	/* border-top: 4px solid #9C3A37; */
	text-align: center;
	background-color: #B48071;
	color: #FFFFFF;
	
}
    #footer p {
	padding: 10px;
	margin: 0;
	font-size: 0.8em;
}
	#footer a {
	color: #FFFFFF;
	text-decoration: underline;
}
	#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.panelInfo
{
    height: 0px;
    overflow: hidden;    
}
.showHeader
{
    cursor: hand;
    vertical-align: top;
    text-align: left;
    color: #336699;
    line-height: 2.0em;
    text-decoration: underline;
    padding-left: 10px;
}
.privacy
{
    margin-bottom: 5px;
}
#HIPInfo
{
    clear: both;
    background-color: #FFFFFF;
    font-size: 0.9em;
    text-align: center;
    
}
#eighty {
margin-left: 10%;
margin-right: 10%;
}
#center
{
text-align: center;
}