
html 
{
height:100%; 
max-height:100%; 
padding:0;
margin:0; 
border:0; 
background:#fff;
font-family:Helvetica, Arial, Sans-Serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body 
{
height:100%; 
max-height:100%; 
overflow:hidden; 
padding:0; 
margin:0; 
border:0;
color: #1c1f4c;
background:#1c1f4c;
}

#ribbon 
{
position:absolute; 
margin:0; 
height: 50px; 
top:0; left:0px; 
display:block; 
background: #b49da4;
z-index:5; 
width: 100%;
}


#content 
{
overflow:auto; 
position:absolute; 
z-index:3;  
top:200px; 
bottom:16px; 
left:240px; 
right:0; 
background:#d9e47e;
width: 770px;
padding-left: 18px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 20px;
color: #1c1f4c;
}

#important_updates
{
overflow:auto; 
position:absolute; 
z-index:3;  
top:252px; 
bottom:16px; 
left:1050px; 
right:0; 
width: 200px;
color: #ffffff;
background:#1c1f4c;
padding-left: 6px;
}

#search
{
overflow:hidden; 
position:absolute; 
z-index:3;  
top:151px; 
bottom:16px; 
left:1050px; 
right:0; 
width: 200px;
color: #ffffff;
padding-left: 6px;
height: 50px;
}

#search input[type=text]
{
border: 1px solid #ffffff;
width: 164px;
float: left;
height: 24px;
}

#search input[type=image]
{
height: 24px;
}

#content h1	
{	
font-size: 1.5em;
margin-top: 0px;
margin-bottom: 0px;
}


#content p, li
{
font-size: 0.95em;
}

* html #content 
{
top:0; 
left:0; 
right:0; 
bottom:0; 
height:100%; 
max-height:100%; 
width:978px; 
overflow:auto; 
position:absolute; 
z-index:3;
padding-left: 20px;
background:#d9e47e;
}


#topbanner 
{
position:absolute; 
margin:0; 
top:50px; 
left:240px; 
display:block; 
height:150px; 
background:#000000; 
z-index:5; 
overflow:hidden; 
width: 798px;
}

#footer
{
position:absolute; 
margin:0; 
bottom:0; 
left:0; 
display:block; 
width:100%; 
min-height:16px; 
z-index:5; 
overflow:hidden; 
background:#b49da4; 
color:#000000;
padding-left: 10px;
font-size: 0.95em;

}

#left 
{
position:absolute; 
left:0; 
top:50px; 
bottom:16px; 
width:240px; 
background:#1c1f4c; 
z-index:4; 
overflow:auto;
}

#functionbar
{
background-color:  #b49da4;
height: 25px;
width: 758px;
line-height: 25px;
padding-right: 4px;
}


#functionbar a:focus, #functionbar a:link, #functionbar a:visited 
							{
							font-size: 0.95em;
							float: left;
							height: 20px;
							line-height: 20px;
							margin-left: 4px;
							background: #1c1f4c;
							margin-top: 2.5px;
							color: #fff;
							text-decoration: none;
								padding-left: 5px;
							padding-right: 5px;
							min-width: 120px;
							}
							
#functionbar a.active:focus, #functionbar a.active:link, #functionbar a.active:visited 
							{
							font-size: 0.95em;
							float: left;
							height: 20px;
							line-height: 20px;
							margin-left: 4px;
							padding-left: 5px;
							padding-right: 5px;
							background: #1c1f4c;
							margin-top: 2.5px;
							color: #FFF;
							text-decoration: none;
							padding-left: 4px;
							min-width: 120px;
							}
							
#functionbar a:hover
							{
							text-decoration: underline;
							}

							
#footer a:focus, #footer a:link, #footer a:visited 
							{
							color: #000000;
							text-decoration: none;
							}
							
#footer a:hover
							{
							color: #D9E47E;
							text-decoration: none;
							}

#content a { 
text-decoration: none;
color: #1c1f4c;
 }	

#content a:hover { 
text-decoration: underline;
 }	 

.articleimage
{
background-color: #000;
padding-top: 7px;
padding-left: 7px;
padding-right: 7px;
color: #fff;
font-size: 0.75em;
width: 300px;
}


	
td 
{
vertical-align: top;
}

td.articledate
{
font-size: 0.8em;
width: 70px;
}

.articleimage
{
font-size: 0.75em;
}


table.calendarlist, table.calendaritems
{
background-color: #fff;
margin-top: 10px;
width: 100%;
border-collapse: collapse;
border-spacing: 0px; 
}

table.calendarlist td
{
border-bottom: 1px solid #1c1f4c; 
padding: 5px;
}

table.calendaritems td
{
border-bottom: none;
padding: 5px;
}


 

 
  
table.calendar
{
margin-top: 5px;
border-collapse: collapse;
border-spacing: 0px; 
}

table.calendarlist th
{
text-align: left;
}

table.calendar th
{
height: 5px;
padding: 0px;
color: #fff;
font-weight: bold;
margin: 0px;
text-align: left;
}


table.calendar td
{ 
color: #fff;
margin: 0px;
padding: 0px;
height: 0px;
width: 20px;
text-align: left;
font-size: 0.75em;
}

* html #left 
{
height:100%; 
top:50px; 
bottom:0; 
color:#ffffff;
}


#navcontainer {
width: 200px; 
margin-left: 20px;
}

.accordionButton, .accordionButtonSelected, .accordionButtonUpdate
{
color: #ffffff;
font-size: 0.9em;
border-top: 1px solid #ffffff;
border-bottom: 0px solid #ffffff;
min-height: 25px;
line-height: 25px;
padding-left: 6px;
}

#open { color: #D9E47E; }

.accordionButton:hover
{
color: #D9E47E;
cursor: pointer; cursor: hand;
}


.pageButton
{
color: #ffffff;
font-size: 0.95em;
border-top: 1px solid #ffffff;
border-bottom: 0px solid #ffffff;
min-height: 25px;
line-height: 25px;
}

.pageButtonupdate
{
color: #ffffff;
font-size: 0.95em;
border-top: 1px solid #ffffff;
border-bottom: 0px solid #ffffff;
padding-top: 5px;
padding-bottom: 5px;
}

#open { color: #D9E47E; }

.pageButton:hover
{
color: #D9E47E;
cursor: pointer; cursor: hand;
}


.accordionContent a
{
color: #ffffff;
text-decoration: none;
display: block;
border-top: none;
border-bottom: none;
font-size:0.8em; 
padding-left: 18px;
}

.pageButton a, .pageButtonupdate a
{
color: #ffffff;
text-decoration: none;
display: block;
border-top: none;
border-bottom: none;
padding-left: 6px;
font-size: 0.95em;
}


.pageButton a.active
{
color: #D9E47E;
}

.accordionContent a.active, a:hover
{
color: #D9E47E;
}

a.active { color: #D9E47E; text-decoration: none;  }


.cd-accordion__input:focus + label { background: #D9E47E; color: 
color: #D9E47E ; }
 a.cd-accordion__label:focus, a.latestupdate:focus { background: #D9E47E; color: 
color: #D9E47E;  }
 
 a.disclaimer:focus { background: #D9E47E; color: #D9E47E;  }
 a.villagevoice:focus > .vvlogo { border: 8px solid #D9E47E; padding: 0px; margin: 0px;} 
 


 #functionbar a.notactive:focus,  #functionbar a.active:focus  { background: #d9e47e; color: #FFF; }
 #content a:focus { background: #d9e47e;  color: #ffffff; } 
 input:focus { background: #d9e47e; color: #ffffff; } 
 
 
 a.skiplink, a.skiplink:visited, a.skiplink:hover { position: absolute; left: -9999em; background: #d9e47e; color: #ffffff;  padding: 10px; border: none; font-weight: bold; text-decoration: none;  }
 
 
 
 

.calendar a:focus, .calendar a:link, .calendar a:visited 
							{
							color: #ffffff;
							background: none;
							text-decoration: none
							}
							
.calendar a:hover
							{
							text-decoration: none;
							color: #1c1f4c;
							}


form p { margin: 5px; } 

#content label {
	float: left;
	text-align: left;
	margin-right: 5px;
	width: 175px;
	height: 20px;
	line-height: 20px;
	font-size: 1.2em;
	color: #1C1F4C;
}

input[type=text], input[type=password], textarea { 
 background-color:  #b49da4; 
 border: none;
 color: #1C1F4C;
 min-height: 20px;
 padding-left: 5px;
 width: 300px;
 margin-bottom: 1px;
 text-size-adjust: auto;
}

textarea {
height: 200px;
}




    .myButton {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
        background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
        
        background-color:#f9f9f9;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #dcdcdc;
        
        display:inline-block;
        color:#666666;
        font-family:arial;
        font-size:12px;
        font-weight: normal;
        padding: 5px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff;
        
    }
    .myButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
        background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
        
        background-color:#e9e9e9;
    }
    .myButton:active {
        position:relative;
        top:1px;
    }

	
	
	img { border: none; }
img a:hover: border: none; }



