a:hover { cursor: hand; }

body {
	margin-top: 0;
	margin-left: 0;
	font-size: .85em;
	background: url(http://www.RoanokeCountyVA.gov/www.roanokecountyva.gov/Images/ColorTile.jpg) 0 50%;
	font-family: Arial, Verdana, Sans-Serif;
}

div.hr { height: 1px; }

div.hr hr,div.hrGreen hrGreen { display: none; }

div.hrGreen { height: 1px; color: #366; background-color: #366; }

h1 { font: bolder 1.31em Arial, Verdana, sans-serif; }

h1,h2,h3 {
	font-family: arial, Verdana, sans-serif;
	font-weight: 700;
	color: #000;
	text-align: left;
}

h2 { font: bolder 1.13em Arial, Verdana, sans-serif; }

h3 {
	font: bolder 1.03em Arial, Verdana, Helvetica, sans-serif;
}

html {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 100%;
}

ul { font: .85em Arial, Verdana, sans-serif; list-style: disc; margin: 0 0 0 1em; padding: 0; }

ol { font: .85em Arial, Verdana, sans-serif; }

li { padding: 0 0 .5em; }

li.pad { padding-bottom: 6px; }

p {
	color: #000;
	padding-bottom: .1em;
	font: .85em Arial, Verdana, sans-serif;
}

ul.summarylist,ul.summarylist li { margin-top: 4px; }

.BackToTop,a.BackToTop:link,a.BackToTop:visited,a.BackToTop:hover,a.BackToTop:active {
	color: #00008b;
	text-decoration: none;
	text-align: left;
	font: smaller Arial, sans-serif;
}

.caption { font-size: .79em; }

.Center { text-align: center; }

.def { font-style: italic; font-weight: 700; }

.h1Black {
	font-size: 16px;
	color: #000;
	font-family: arial, verdana,helvetica, sans-serif;
	font-weight: 700;
}

.h1Green {
	font-size: 16px;
	color: #366;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: 700;
}

.h2Black {
	font-size: 14px;
	color: #000;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: 700;
}

.h2Green {
	font-size: 14px;
	color: #366;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: 700;
}

.hrGreen { color: #366; width: 600px; text-align: left; }

/*creating a banner from ALA for PRT */
#ProgramAreas {
    width: 590px;
	 height: 101px;
    background: url(http://www.roanokecountyva.gov/NR/rdonlyres/DCF91DCF-C4C5-4C03-A828-E8D2F4F5F22D/0/ButtonBanner.jpg) no-repeat left top;
    margin: 0px; padding: 0; /* auto*/
    position: relative;}
  #ProgramAreas li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #ProgramAreas li, #ProgramAreas a {
    height: 101px; display: block;}

  #Wellness {left: 0; width: 85px;}
  #Athletics {left: 86px; width: 85px;}
  #Cultural {left: 171px; width: 85px;}
  #Outdoors {left: 256px; width: 85px;}
  #Travel {	left: 341px; width:85px;}
	#LifeSkills{left: 426px; width:85px;}
		#Aquatics{left:511px; width:85px;}

  #Wellness a:hover {
    background: transparent url(http://www.roanokecountyva.gov/NR/rdonlyres/DCF91DCF-C4C5-4C03-A828-E8D2F4F5F22D/0/ButtonBanner.jpg)
    0 -101px no-repeat;}
    /*normally subsequent left offset would match above -px, but testing only one image.*/
  #Athletics a:hover {
    background: transparent url(http://www.roanokecountyva.gov/NR/rdonlyres/DCF91DCF-C4C5-4C03-A828-E8D2F4F5F22D/0/ButtonBanner.jpg)
    -86px  -101px no-repeat;}
  #Cultural a:hover {
    background: transparent url(http://www.roanokecountyva.gov/NR/rdonlyres/DCF91DCF-C4C5-4C03-A828-E8D2F4F5F22D/0/ButtonBanner.jpg)
    -171px -101px no-repeat;}
  #Outdoors a:hover {
    background: transparent url(http://www.roanokecountyva.gov/NR/rdonlyres/DCF91DCF-C4C5-4C03-A828-E8D2F4F5F22D/0/ButtonBanner.jpg)
    -256px -101px no-repeat;}
  #Travel a:hover {
    background: transparent url(http://www.roanokecountyva.gov/NR/rdonlyres/DCF91DCF-C4C5-4C03-A828-E8D2F4F5F22D/0/ButtonBanner.jpg)
    -341px -101px no-repeat;}
	  #LifeSkills a:hover {
    background: transparent url(http://www.roanokecountyva.gov/NR/rdonlyres/DCF91DCF-C4C5-4C03-A828-E8D2F4F5F22D/0/ButtonBanner.jpg)
    -426px -101px no-repeat;}
	   #Aquatics a:hover {
    background: transparent url(http://www.roanokecountyva.gov/NR/rdonlyres/DCF91DCF-C4C5-4C03-A828-E8D2F4F5F22D/0/ButtonBanner.jpg)
    -511px -101px no-repeat;}



/*end hover banner from ALA for PRT*/
.Map a {
	font-size: 11px;
	color: #0000cd;
	text-decoration: none;
	line-height: 15px;
}

.Map a.DepartmentLink {
	font-weight: 700;
	font-size: 14px;
	color: #0000cd;
	text-decoration: None;
	line-height: 1.5em;
}

.Map a.DeptChannelLink {
	margin-left: -1.5em;
	font-weight: bolder;
	font-size: 12px;
	color: #0000cd;
	text-decoration: none;
}

.Map a.deptSubChannel { font-size: 12px; color: #0000cd; text-decoration: None; }

.Map a.HomeLink {
	font-weight: 700;
	font-size: 16px;
	color: #0000cd;
	text-decoration: None;
}

.Map a.PostingLink { color: #0000cd; text-decoration: None; }

.Map a:hover {
	font-size: 11px;
	color: #0000cd;
	text-decoration: underline;
	line-height: 15px;
}

.Map a:hover.DepartmentLink {
	font-weight: 700;
	font-size: 14px;
	color: #0000cd;
	text-decoration: underline;
}

.Map a:hover.DeptChannelLink,.Map a:hover.deptSubChannel {
	font-size: 12px;
	color: #0000cd;
	text-decoration: underline;
}

.Map a:hover.HomeLink {
	font-size: 16px;
	color: #0000cd;
	text-decoration: underline;
}

.Map a:hover.PostingLink { color: #0000cd; text-decoration: underline; }

.Map h1 {
	font-family: sans-serif;
	font-size: 1.31em;
	color: #000;
}

.Map td { font-size: 11px; line-height: 15px; color: #0000cd; }

.menutext {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

.note { font-size: smaller; background-color: #9acfa9; }

.Notice {
	font: small-caps bolder smaller sans-serif;
	background-color: #FF0;
}

.NoticeColor { color: red; }

#ContentArea { overflow: hidden; padding: 0 .5em 0 .3em; }

#footer {
	width: 630px;
	margin-top: 10px;
	margin-left: 130px;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	color: #FFF;
}

#footer .address {
	font-size: 11px;
	line-height: 16px;
	font-style: normal;
	color: #FFF;
	background-color: #366;
}

#footer .bottomnav {
	font-weight: 700;
	font-size: 11px;
	line-height: 150%;
	color: #fc0;
	background-color: #366;
}

#footer .bottomnav a { color: #fc0; text-decoration: none; }

#footer .bottomnav a:hover { color: #FFF; text-decoration: underline; }

#intro { margin-left: 10px; }

#leftselect select { width: 160px; margin-left: 10px; }

/*TEST FOR NEW NAVIGATION*/
/*Nav font is set in pix so nav doesn't break on large fonts. */
/*changing L / R padding to 1.2*/

#navigation /* UL class; couldn't get to work as div; try again Setting width on UL restrains the list */
{
margin: 0em 0em 0em 0.7em; /*change l from .5 to .7*/
height: 18px;
font: bolder 14.5px/normal Georgia, serif;
width: 100%; /*Setting width on UL restrains the list will need to add right margin to align with table below*/
float: left; /*no affect?*/
list-style: none;
cursor: pointer;
/*padding: 0em 0em 0em 1em; adjust beginning left; USED MARGIN*/
/*display: inline; no affect */
}

#navigation a
{
	padding-left: 1.2em; /*org 1.1em;*/
	/*font-weight: bold;*/
	background: #336666;
	color: #ffcc00;
	text-decoration: none;
	height: 18px;
} 

#navigation a span 
{ 
background: #336666;
color: #ffcc00;
padding-right: 1.2em; /*8px;*/
height: 18px;
} 

/*
#navigation a, #navigation a span
{
	fixing size so zoom doesn't skew 12pt- didn't work; added width to div and making this em ;
	font-weight: bold;
	font-family: 
} */

/* Commented backslash hack hides rule from IE5-Mac \*/ 
/* #navigation a, #navigation a span 
{ 
float: none; 
} 
End IE5-Mac hack */ 

#navigation a:visited
{
	padding-left: 1.2em;/*1.1em;*/
	/*font-weight: bold;*/
	background: #336666;
	color: #ffcc00;
	text-decoration: none;
} 

#navigation a:visited span 
{ 
background: #336666;
color: #ffcc00;
padding-right: 1.2em;
} 

#navigation a:hover 
{ 
color: #336666; 
background: #99cccc url("http://www.RoanokeCountyVA.gov/www.roanokecountyva.gov/Images/Corner_left.gif") no-repeat left top;
text-decoration: none; 
padding-left: 1.2em;/*1.1em;*/
height: 18px;/*trying 18 vs 19 won't use navigation height*/
 /*8px;*/ 
} 
#navigation a:hover span 
{ 
color: #336666; 
background: #99cccc url("http://www.RoanokeCountyVA.gov/www.roanokecountyva.gov/Images/Corner_right.gif") no-repeat right top; 
text-decoration: none; 
padding-right: 1.2em; /*1.em;*/ 
height: 18px;/*trying 18 vs 19 won't use navigation height*/
} 

#navigation a:active 
{ 
color: #336666; 
background: #99cccc url("http://www.RoanokeCountyVA.gov/www.roanokecountyva.gov/Images/Corner_left.gif") no-repeat left top;
text-decoration: none; 
padding-left: 1.2em;/*1.1em;*/
} 
#navigation a:active span 
{ 
background: #99cccc url("http://www.RoanokeCountyVA.gov/www.roanokecountyva.gov/Images/Corner_right.gif") right top no-repeat; 
color: #336666; 
padding-right: 1.2em; 
} 

#navigation li 
{ 
	display: inline; /*required for horizontal*/
	float: none;/*none doesn't seem to affect, but left; causes space before bottom green*/
}
/*END TEST FOR NEW NAVIGATION*/

#search {
	background: url(/www.RoanokeCountyVA.gov/images/IntSwoosh.jpg) no-repeat;
}

#search input { border: 1px solid #000; width: 160px; }

#search table { margin: 0; }

#search td {
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #FFF;
}

#sectionItem h2 { margin-left: 0; }

#sectionItems a:link {
	text-decoration: none;
	color: #0000cd;
	line-height: .99em;
}

#sectionItems a:visited { text-decoration: none; }

#sectionItems A:hover,#sectionItems a:active { text-decoration: underline; }

#sectionItems li /* list items on top section pages*/ { margin: .5em 0 .5em 2em; padding: .25em 0 0; }

#sectionItems p { margin: .4em 0; padding: 0; }

#sectionItems table,#sectionItems td { vertical-align: top; }

#tblDocViewer {
	width: 84px;
	background-color: #366;
	padding: 1px 1px 1px 2px;
}