﻿/* Individual Boxes and sizes */

/*
------------------------------------------------------------------- One Col Box ------------
*/

.topEvents
{
    height: 23px;
    background-repeat: no-repeat;
    padding: 6px 0px 0px 10px;

    color: #ffffff;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 15px;
}

.topEvents a:link,
.topEvents a:visited,
.topEvents a:active
.topEvents a:hover
{
	text-decoration: none;
    color: #ffffff;
}

.top
{
    height: 23px;
    background-repeat: no-repeat;
    padding: 6px 0px 0px 10px;

    color: #ffffff;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 15px;
}

.top a:link,
.top a:visited,
.top a:active
.top a:hover
{
	text-decoration: none;
    color: #ffffff;
}

.topNews
{
    height: 20px;
    background-repeat: no-repeat;
    padding: 6px 0px 0px 10px;
	width:168px;
    color: #ffffff;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 15px;
    float:left;
}

.topNews a:link,
.topNews a:visited,
.topNews a:active
.topNews a:hover
{
	text-decoration: none;
    color: #ffffff;
}

.topArchive
{
    height: 20px;
    background-repeat: no-repeat;
    padding: 6px 0px 0px 10px;
	width:168px;
    color: #ffffff;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 15px;
    float:left;
}

.topArchive a:link,
.topArchive a:visited,
.topArchive a:active
.topArchive a:hover
{
	text-decoration: none;
    color: #ffffff;
}


.orangeoutline .top a:link,
.orangeoutline .top a:visited,
.orangeoutline .top a:active
.orangeoutline .top a:hover
{
	text-decoration: none;
    color: #f97e03;
}

.mid
{
    border-left: solid 1px;
    border-right: solid 1px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10px;
    color: #000000;
    padding: 0px 10px 0px 10px;
    clear:both;
}

.mid h1
{
    color: #ffffff;
    font-size: 15px;
}

.mid a:link,
.mid a:visited,
.mid a:active
{
	text-decoration: underline;
    color: #ffffff;
}

.mid a:hover
{
	text-decoration: none;
    color: #cccccc;
}

.orangeoutline .mid a:link,
.orangeoutline .mid a:visited,
.orangeoutline .mid a:active
{
	text-decoration: underline;
    color: #f97e03;
}

.orangeoutline .mid a:hover
{
	text-decoration: none;
    color: #cccccc;
}

.btm
{
    height: 13px;
    background-repeat: no-repeat;
    margin-bottom: 18px;
}

#navTop
{
    width: 172px;
    height: 11px;
    background-image: url("../images/nav_top.gif");
    background-repeat: no-repeat;
    background-position: center bottom;
}

#navMid
{
    background-color: White;
    border-left: solid 1px #9d9fa1;
    border-right: solid 1px #9d9fa1;
    padding: 0px 10px 0px 10px;
    
    font-size: 15px;
}

#navMid a:link,
#navMid a:visited,
#navMid a:active
{
	text-decoration: none;
    color: #4c4d4f;
}

#navMid a:hover
{
	text-decoration: none;
    color: #f97e03;
}

#navBtm
{
    width: 172px;
    height: 11px;
    background-image: url("../images/nav_btm.gif");
    background-repeat: no-repeat;
    margin-bottom: 18px;
}

.oneCol
{
    width: 172px;
}

.twoCol
{
    width: 360px;
}

/*
------------------------------------------------------------------- Background and Border ------------
*/

.orange .mid
{
    border-color: #f97e03;
    background-color: #f18c20;
}

.green .mid
{
    border-color: #6c9e41;
    background-color: #8cc641;
}

.orangeoutline .mid
{
    border-color: #f97e03;
}

.blue .mid
{
    background-color: #3474ba;
    border-color: #08579f;
}

.purple .mid
{
    background-color: #b699c8;
    border-color: #ac80c6;
}

.bluenoheader .mid
{
    background-color: #3474ba;
    border-color: #08579f;
}

/*
------------------------------------------------------------------- Images ------------
*/


.oneCol .green .topEvents
{
    background-image: url("../images/green_1col_top.gif");
}

.oneCol .green .btm
{
    background-image: url("../images/green_1col_btm.gif");
}

.oneCol .orangeoutline .top
{
    background-image: url("../images/orangeoutline_1col_top.gif");
}

.oneCol .orangeoutline .btm
{
    background-image: url("../images/orangeoutline_1col_btm.gif");
}

.oneCol .orange .top
{
    background-image: url("../images/orange_1col_top.gif");
}

.oneCol .orange .topNews
{
    background-image: url("../images/orange_1col_top4.jpg");
}

.oneCol .orange .topArchive
{
    background-image: url("../images/orange_1col_topAr.jpg");
}

.oneCol .orange .btm
{
    background-image: url("../images/orange_1col_btm.gif");
}

.oneCol .purple .top
{
    background-image: url("../images/purple_1col_top.gif");
}

.oneCol .purple .btm
{
    background-image: url("../images/purple_1col_btm.gif");
}

.twoCol .blue .top
{
    background-image: url("../images/blue_2col_top.gif");
}

.twoCol .blue .btm
{
    background-image: url("../images/blue_2col_btm.gif");
}

.twoCol .bluenoheader .top
{
    background-image: url("../images/bluenoheader_2col_top.gif");
    background-position: center bottom;
    height: 13px;
    padding: 0px 0px 0px 0px;
}

.twoCol .bluenoheader .btm
{
    background-image: url("../images/blue_2col_btm.gif");
}

.orangeoutline .top
{
    color: #f97e03;
}

.orangeoutline hr
{
	border-top: solid 1px #08579f;
    border-bottom: solid 1px #80a3c9;
}

.blue hr
{
	border-top: solid 1px #08579f;
    border-bottom: solid 1px #80a3c9;
}