/*********************************************
  stationpe.css
  Default styles for the StationPE.com Site
*********************************************/

BODY
{
    FONT-SIZE: 12px;
    BACKGROUND: #ffffff;
    MARGIN: 0px;
    COLOR: #000000;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif
}
A:link
{
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #003366;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-DECORATION: none
}
A:visited
{
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #003366;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-DECORATION: none
}
A:active
{
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #003366;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-DECORATION: none
}
A:hover
{
    FONT-SIZE: 12px;
    BACKGROUND: #fbde3c;
    COLOR: #2e5b82;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-DECORATION: none
}
.GRAY
{
    BACKGROUND: #dfdfd7
}
.HEADER
{
    FONT-SIZE: 32px;
    BACKGROUND-color: #2e5b82;
    COLOR: #ffffff;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-ALIGN: center
}
.SUBHEADER
{
    FONT-SIZE: 22px;
    BACKGROUND: #2e5b82;
    COLOR: #ffffff;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-ALIGN: center
}
.LEFTNAV
{
    BACKGROUND-IMAGE: url(../images/left_navr2.gif);
    VERTICAL-ALIGN: top;
    BACKGROUND-REPEAT: no-repeat;
    TEXT-ALIGN: center
}
.LEFTSHADOW
{
    BACKGROUND-IMAGE: url(../images/left_shadow.jpg);
    VERTICAL-ALIGN: top;
    BACKGROUND-REPEAT: no-repeat
}
.PAGEHEADING
{
    FONT-SIZE: 18pt;
    COLOR: #2e5b82;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-ALIGN: center
}
.PAGESUBHEADING
{
    FONT-SIZE: 24px;
    BACKGROUND: #2e5b82;
    COLOR: #ffffff;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-ALIGN: left
}
.MAINCONTENT
{
    OVERFLOW: auto; /*CCH - change to "none" to remove auto-scrolling content.*/
    WIDTH: 100%;
    HEIGHT: 380px
}
.MAINCONTENT2
{
    OVERFLOW: auto; /*CCH - change to "none" to remove auto-scrolling content.*/
    WIDTH: 100%;
    HEIGHT: 340px
}
.MAINCONTENT3
{
    OVERFLOW: auto; /*CCH - change to "none" to remove auto-scrolling content.*/
    WIDTH: 100%;
    HEIGHT: 450px
}
.tdpart
{
    BACKGROUND: #808080;
    COLOR: #ffffff;
    TEXT-ALIGN: center
}
.tdskill1
{
    BACKGROUND-color: #808080;
    COLOR: #000000;
    TEXT-ALIGN: center
}
.tdskill2
{
    BACKGROUND: #72a2cd;
    COLOR: #000000;
    TEXT-ALIGN: center
}
.tdskill3
{
    BACKGROUND: #DFDFD7;
    COLOR: #000000;
    TEXT-ALIGN: center
}
.tdskill4
{
    BACKGROUND: #93A58F;
    COLOR: #000000;
    TEXT-ALIGN: center
}
A.GRID:link
{
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    COLOR: #000000;
    TEXT-ALIGN: center
}
A.GRID:visited
{
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    COLOR: #000000;
    TEXT-ALIGN: center
}
A.GRID:active
{
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    COLOR: #000000;
    TEXT-ALIGN: center
}
A.GRID:hover
{
    FONT-SIZE: 12px;
    BACKGROUND: #FFFFFF;
    COLOR: #000000;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-ALIGN: center
}
A.GRIDHdr:link
{
    FONT-SIZE: 16px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    COLOR: #FFFFFF;
    TEXT-ALIGN: center
}
A.GRIDHdr:visited
{
    FONT-SIZE: 16px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    COLOR: #FFFFFF;
    TEXT-ALIGN: center
}
A.GRIDHdr:active
{
    FONT-SIZE: 16px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    COLOR: #FFFFFF;
    TEXT-ALIGN: center
}
A.GRIDHdr:hover
{
    FONT-SIZE: 16px;
    BACKGROUND: #fbde3c;
    COLOR: #FFFFFF;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-ALIGN: center
}
A.Details:link
{
    FONT-SIZE: 12px;
    BACKGROUND: #fbde3c;
    COLOR: #003366;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-DECORATION: none
}
A.Details:visited
{
    FONT-SIZE: 12px;
    BACKGROUND: #fbde3c;
    COLOR: #003366;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-DECORATION: none
}
A.Details:active
{
    FONT-SIZE: 12px;
    BACKGROUND: #fbde3c;
    COLOR: #003366;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-DECORATION: none
}
A.Details:hover
{
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #2e5b82;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-DECORATION: none
}
.YellowBkgd
{
    BACKGROUND:  #FBDE3C;
    COLOR: #000000;
}
.WhiteBkgd
{
    BACKGROUND:  #000000;
    COLOR: #FFFFFF;
}
A.blyell:link
{
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #2E5B82;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-DECORATION: none
}
A.blyell:visited
{
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #2E5B82;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-DECORATION: none
}
A.blyell:active
{
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #2E5B82;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-DECORATION: none
}
A.blyell:hover
{
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #FBDE3C;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-DECORATION: none
}
A.yellwhite:link
{
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #FBDE3C;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-DECORATION: none
}
A.yellwhite:visited
{
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #FBDE3C;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-DECORATION: none
}
A.yellwhite:active
{
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #FBDE3C;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-DECORATION: none
}
A.yellwhite:hover
{
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #FFFFFF;
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-DECORATION: none
}
.alignright
{
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    TEXT-ALIGN: right
}

.ICONBUTTON
{
	WIDTH: 22px;
	HEIGHT: 22px;
	CURSOR: hand;
	MARGIN-LEFT: 2px;
	MARGIN-RIGHT: 2px;
	VERTICAL-ALIGN: top;
	BACKGROUND-COLOR:#DFDFD7; /* StationPE Gray */
}
.adminleft
{
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    FONT-SIZE: 14px;
    BACKGROUND:  #DFDFD7;
    COLOR: #000000;
    TEXT-ALIGN: right
}
.adminheader
{
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    FONT-SIZE: 18px;
    BACKGROUND:  #2e5b82;
    COLOR: #FFFFFF;
    TEXT-ALIGN: center
}
.adminright
{
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    FONT-SIZE: 14px;
    BACKGROUND:  #DFDFD7;
    COLOR: #000000;
    TEXT-ALIGN: left
}
.adminfooter
{
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    FONT-SIZE: 14px;
    BACKGROUND:  #DFDFD7;
    COLOR: #000000;
    TEXT-ALIGN: center
}
.adminwhite
{
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    FONT-SIZE: 14px;
    BACKGROUND:  #FFFFFF;
    COLOR: #000000;
}
.resourcehdr
{
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    FONT-SIZE: 18px;
    BACKGROUND:  #2e5b82;
    COLOR: #FBDE3C;
    TEXT-ALIGN: left
}
.resourcehdr2
{
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    FONT-SIZE: 18px;
    BACKGROUND:  #dfdfd7;
    COLOR: #2e5b82;
    TEXT-ALIGN: left
}
.resourcehdr3
{
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    FONT-SIZE: 14px;
    BACKGROUND:  #FBDE3C;
    COLOR: #2e5b82;
    TEXT-ALIGN: left
}

.main-content
{
width: 100%
}

.left-column
{
float: left;
width: 50%;
margin-left: 5px;
}

.right-column
{
float: left;
width: 45%;
}

img
{
border-style: none;
}

.text_grid_header, .text_grid_header_selected
{
cursor: hand;
}

.text_grid_header
{
background-color: #CCCCCC;
color: #333333;
}

.text_grid_header_selected
{
background-color: #2e5b82;
color: #EEEEEE;
}

.row td, .text_grid_header, .text_grid_header_selected
{
font-size: 12px;
}

.tableheader
{
color: #FBDE3C;
background-color: #2E5B82;
}

.top-menu
{
background-color: #2E5B82;
}

.menu-button
{
color: #2E5B82;
background-color: #FBDE3C;
border-left: solid 1px #FFFFFF;
border-top: solid 1px #FFFFFF;
border-right: solid 1px #808080;
border-bottom: solid 1px #808080;
width: 151px;
height: 26px;
margin-bottom: 15px;
padding-top: 4px;
font-size: 14px;
cursor: hand;
}