th, td , p , body , li , ol, ul {
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 13px; 
	color : #000000; 
} 
body {  
	margin: 0px auto;
	background-color: #ffffff;
	padding: 0px;
}
P {
	font-weight : normal; 
	font-size : 13px; 
	color : #000000; 
	font-family : Arial, Helvetica, sans-serif; 
} 
H1 {
	font-weight : bold; 
	font-size : 20px; 
	color : #003366; 
	font-family : Arial, Helvetica, sans-serif; 
} 
H2 {
	font-weight : bold; 
	font-size : 18px; 
	color : #003366; 
	font-family : Arial, Helvetica, sans-serif; 
} 
H3 {
	font-weight : bold; 
	font-size : 16px; 
	color : #003366; 
	font-family : Arial, Helvetica, sans-serif; 
} 
H4 {
	font-weight : bold; 
	font-size : 14px; 
	color : #003366; 
	font-family : Arial, Helvetica, sans-serif; 
}
H5 {
	font-weight : bold; 
	font-size : 13px; 
	color : #003366; 
	font-family : Arial, Helvetica, sans-serif; 
}
A {
	font-weight : normal; 
	color : blue; 
	font-family : Arial, Helvetica, sans-serif; 
} 
A:visited {
	font-weight : normal; 
	color : #006633; 
	font-family : Arial, Helvetica, sans-serif;
} 
A:hover {
	font-weight : normal; 
	color : #006633; 
	font-family : Arial, Helvetica, sans-serif; 
} 
A.red {
	 color: red;
	}
A.red:visited {
	color: red;
}
A.red:hover {
	color : #006633; 
	}
UL {
	/*list-style-type: disc;*/
	font-weight : normal; 
	font-size : 13px; 
	color : #000000; 
	font-family : Arial, Helvetica, sans-serif; 
	margin-left : 20px;
	margin-top : 2px;
	margin-bottom : 2px;
} 
LI {
	/*list-style-type: disc;*/
	font-weight : normal; 
	font-size : 13px; 
	color : #000000; 
	font-family : Arial, Helvetica, sans-serif; 
	margin-left : 20px;
	margin-top : 2px;
	margin-bottom : 2px;
} 
OL {
	list-style-type: decimal;
	font-weight : normal; 
	font-size : 13px; 
	margin-left : 20px;
	color : #000000; 
	font-family : Arial, Helvetica, sans-serif; 
	margin-top : 3px;
	margin-bottom : 3px;
} 
UL.index
{
    list-style-type: disc;
    margin: 0 0 0 0px;
    padding: 0 0 0 0px;
}

LI.indexlist
{
    margin-left: 0px;
    margin-top: 3px;
    margin-bottom: 3px
}
img {
border: none
}
img.outline {
	border: solid 1px black;
}
table.box {
	border-width: 2px;
	border-spacing: 2px;
	border-collapse: collapse;
	border-style: solid;
	border-color: #cccccc;
	border-collapse: collapse;
	background-color: white;
}
table.box td {
	border-width: 2px;
	padding: 2px;
	border-collapse: collapse;
	border-style: solid;
	border-color: #cccccc;
	background-color: white;
	-moz-border-radius: 0px;
}
table.bluebox {
	border: 1px #003366 solid; 
	margin-top: 20px; 
	margin-bottom: 10px; 
	background-color: #dee9fc;
	 
}
/*blue box for traffic pages*/
.blueboxborder{
	border: 1px #003366 solid; 
	margin-top: 20px; 
	margin-bottom: 20px; 
	background-color: #dee9fc;
}
PRE 
{
	font-family : Arial, Helvetica, Sans-Serif;
	font-size : 12px;
}
.indentthree {
	margin-left : 1em; 
} 
/* topic and subtopic header may be used for news items  */
.topicheader{
	font-weight : bold; 
	font-size : 14px; 
	color : #003366; 
	font-family : Arial, Helvetica, sans-serif; 
	text-decoration : none;
} 
.topicheader:visited {
	font-weight : bold; 
	font-size : 14px; 
	color : #006633; 
	font-family : Arial, Helvetica, sans-serif; 
	text-decoration : none;
}
.topicheader:hover {
	font-weight : bold; 
	font-size : 14px; 
	color : #006633; 
	font-family : Arial, Helvetica, sans-serif; 
	text-decoration : none;
}
.topicheader:active {
	font-weight : bold; 
	font-size : 14px; 
	color : #006633; 
	font-family : Arial, Helvetica, sans-serif; 
	text-decoration : none;
} 

.subtopicheader {
	font-weight : bold; 
	font-size : 13px; 
	color : #ffffff;
	font-family : Arial, Helvetica, sans-serif; 
	font-variant : normal; 
	text-decoration : none; 
} 
.subtopic {
	font-weight : normal; 
	font-size : 11px; 
	color : #ffffff; 
	font-family : Arial, Helvetica, sans-serif; 
}
.mostrequested {
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 13px; 
	font-style : normal; 
	color : #336699;
} 
/*this class defines the common navigation repeated at the bottom of the page  */
.bottomlinks {
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 11px; 
	font-style : normal; 
	font-weight : normal; 
	color : #000000; 
	text-decoration : none;  
} 
/*navy blue link color*/
.sublink {
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 13px; 
	font-weight : normal; 
	color : #003399; 
} 
/*this is used instead of the "b" tag for cross browser viewing,  versions of netscape won't recognize the b tag */
.bold {  
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	}
.newstitle {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #003366; 
	text-decoration: none;
	}
	/*for yellow news box items  */
.newsitem {
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 13px; 
	font-style : normal; 
	color : #003366;
} 
/*descrip tag used most often for image captioning  */
.descrip {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}
/*descriplink tag used most often for links within image captioning since the a tag does not define a font size */
.descriplink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0000FF;
}
/*one pixel black outline for tables, used mostly for project pages */
.outline {
	border: 1px #696969 solid; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px;
}
.finance {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.outline2 {
	border: 2px #003366 solid; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px;
	background-color: #dee9fc;
}
.padtopbot 
{
 padding-top: 15px;
 padding-bottom: 15px;    
}
.topline
{
	border-bottom: #999999 1px solid;
}
.yellowbox {
	border-top: 0px solid #FFCC00;
	border-right: 2px solid #FFCC00;
	border-bottom: 2px solid #FFCC00;
	border-left: 2px solid #FFCC00;
	background-color : #FFFFCC;
}
.yellowborder {
	border-top: 2px solid #FFCC00;
	border-right: 2px solid #FFCC00;
	border-bottom: 2px solid #FFCC00;
	border-left: 2px solid #FFCC00;
	background-color : #FFFFCC;
	margin-top: 10px;
	margin-bottom: 10px;
}
.bluebox {
	border-top: 1px solid #003366;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #003366;
	background-color:#dee9fb;
}
.bluebox2px {
	border-top: 0px solid #003366;
	border-right: 2px solid #003366;
	border-bottom: 2px solid #003366;
	border-left: 2px solid #003366;
	background-color:#dee9fb;
}
.whiteboxblueborder {
	border-top: 0px solid #003366;
	border-right: 2px solid #003366;
	border-bottom: 2px solid #003366;
	border-left: 2px solid #003366;
	background-color : #FFFFFF;
}
.posteddate {
	font-size: 10px;
	color: #000;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
td.DataGridHeader
{
      color:White;
      background-color:#003366;
      border-color:#F0F0F0;
      border-width:2px;
      border-style:solid;
      font-weight:bold;
}
.DataGrid
{
      border: solid 2px #F0F0F0;    
}

td.DataGridHeader a
{
      color:White;
      font-weight:bold;
}
td.DataGridHeader a:visited
{
      color:White;
      font-weight:bold;
}
td.DataGridHeader a:hover
{
      color:White;
      font-weight:bold;
}
th.DataGridHeader
{
      color:White;
      background-color:#003366;
      border-color:#F0F0F0;
      border-width:2px;
      border-style:solid;
      font-weight:bold;
}
th.DataGridHeader a
{
      color:White;
      font-weight:bold;
}
th.DataGridHeader a:visited
{
      color:White;
      font-weight:bold;
}
th.DataGridHeader a:hover
{
      color:White;
      font-weight:bold;
}
td.SelectedDataGridHeader
{
      color:#002163;
      background-color:#DEE9FC;
      border-color:#F0F0F0;
      border-width:2px;
      border-style:solid;
      font-weight:bold;
}
td.SelectedDataGridHeader a
{
      color:#002163;
      font-weight:bold;
}
td.SelectedDataGridHeader a:visited
{
      color:#002163;
      font-weight:bold;
}
td.SelectedDataGridHeader a:hover
{
      color:#002163;
      font-weight:bold;
}
table.DataGridTable
{
      border-color:#F0F0F0;
      border-width:2px;
      border-style:solid;
      width:510px;
      border-collapse:collapse;
}
td.DataGridPager
{
      color:White;
      background-color:#003366;
      border-color:#F0F0F0;
      border-width:0px;
      border-style:solid;
      font-weight:bold;
}
td.DataGridPager a
{
	  color:White;
      font-weight:bold;
}
td.DataGridPager a:visited
{
      color:White;
      font-weight:bold;
}
td.DataGridPager a:hover
{
	  color:White;
      font-weight:bold;
}
CAPTION { caption-side: bottom; }

/* CSS styles for TrafficNewsBox */
.newsbox {text-align: center; margin: 0px auto;}
.newsbox .header {width: 315px; text-align: left; padding: 2px 0px 2px 5px; margin: 0px auto; background-color: #ffe98e; border: 1px solid #ffcc00;}
.newsbox .content {width: 315px; text-align: left; padding: 2px 0px 2px 5px; margin: 0px auto; border: 1px solid #ffcc00; border-top: 0px; background-color: #F7F6D9;}
.newsbox h3.header {font-size: 13px;}
.newsbox .content ul {list-style: none; margin: 0em; padding: 3px;}
.newsbox .content li {font-size: 12px; background: url(/public/images/bullet.gif) no-repeat 0px 12px; padding: 3px 0px 3px 8px; margin: 0px;}
.newsbox .content a {color: #003366;}
.newsbox .content a:hover{color: #006633;}
.newsbox .content a:visited{color: #006633;}
/* CSS styles for TrafficInfoBox */
.trafficinfobox {text-align: center; margin: px auto; }
.trafficinfoheader {width: 315px; text-align: left; padding: 2px 0px 2px 5px; margin: 0px auto; border: 1px solid #003366; color: White; background-color: #003366; font-weight: bold;}
.trafficinfo {width: 315px; text-align: left; padding: 2px 0px 2px 5px; margin: 0px auto; border: 1px solid #003366;}
.trafficinfo ul {list-style: none; margin: 0em; padding: 2px;}
.trafficinfo li {padding: 2px 0px 2px 0px; margin: 0px; }