body,p,td,th {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align:top;
}

body {
background-color: #e7e7e7;
}
#Container {
max-width:95%;

}

a {
	font-size: 13px;
	color: #0066FF;
	text-decoration: underline;
}

a:hover {
	color: #671625;
	text-decoration: none;
}

ul {
	list-style-image: url('http://images.nowyouknow.com/mybullet.gif')
}

h1 {
	font-size: 32px;
	color: #336699;
	font-style: italic;
}

h2 {
	font-size: 22px;
	color: #510715;
	letter-spacing: 5px;
	border-bottom: 1px solid #CCCCCC;
	margin-left: 10px;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	color: #566175;
	letter-spacing: 2px;
	text-align: center;
}

h4 {
	font-size: 10px;
	color: #808080;
	text-align: center;
}

h5 {
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #595052;
    color: #FFFFFF;
    font-weight: bold;
    border-bottom: 2px solid #01133e;
    border-top: 3px solid #510715;
    padding: 2px 4px;
}

#Contents {
	border: 2px solid #680707;
	background-color: #FFFFFF;
}

#Menu {
	text-align: center;
	border-top: 2px solid #63AA4A;
	border-bottom: 2px solid #63AA4A;
	padding: 2px 4px;
}

#Menu a {
	font-size: 12px;
	color: #4e58a2;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: none;
	padding: 2px 4px;
}

#Menu a:hover {
	/*color: #63AA4A;*/
	color: #FFFFFF;
	background-color: #4e58a2;
	border-bottom: none;
}

#BodyLeft {
	text-align: center;
	/*margin: 3px;*/
}

#BodyRight {
margin: 3px;
width: 80%;
}

#Footer {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: #01133e;
	vertical-align: middle;
	padding-left: 3px;
	/*line-height: 49px;*/
	border-top: 2px solid #01133e;
}

div.PageName {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 90%;
	width:90%;

	/* max-width: 550px; */
	/*text-shadow: 0px 0px 30px silver, 0px 0px 20px black, grey 10px -10px;*/
	color: #000000;
	letter-spacing: 5px;
	border-top: 5px solid #01133e;
	border-bottom: 5px solid #510715;
	margin-bottom: 7px;
	text-align: left;
	background-image: url(images/titlebar.jpg);
}

/* p.PageName {
  max-width: 250px;
}
*/

.PhoneDate {
	font-size: 16px;
	color: #4e58a2;
	letter-spacing: 3px;
	font-weight: 700;
}
.Header {
background-image: url(images/bg_gray.jpg);
background-color: #01133e;
height:115px;
font-size:20px;
color:#FFF; 
font-weight:400;
}

.Header p {
margin-top:2em;
}
.Header img {

position:relative;
margin-left:2px;
margin-top:.1em;
z-index:5;
}

.NewsHeader {
	color: #FFFFFF;
	background-color: #660000;
	text-transform: uppercase;
	padding: 2px 5px;
	font-weight: 700;
	margin-top: 10px;
	border-bottom: 2px solid #488CD3;
    border-top: 3px solid #8BB0DE;
}

.NewsItem {
	text-align: justify;
	padding: 5px 0px;
}

.NewsItem img {margin-right: 6px;}



.Alert1 {
	background-color: #e7e7e7;
	padding: 5px 2px;
	color: #4e58a2;
}

.Alert1 a {
	color: #4e58a2;
	text-decoration: underline;
	border-bottom: none;
}

.Alert1 a:hover {color: #000000;}
.Alert1 img {border-color: #000000;}

.Alert2 {
	background-color: #b7b7b7;
	padding: 5px 2px;
	color: #680707;
}

.Alert2 a {
	color: #680707;
	text-decoration: underline;
	border-bottom: none;
}

.Alert2 a:hover {color: #FFFFFF;}
.Alert2 img {border-color: #000000;}

.green {color: #63AA4A;}
.burgendy {color:#680508;}
.blue {color: #4e58a2;}
.bggreen {background-color: #63AA4A;}
.bgblue {background-color: #4e58a2;}
.small {font-size: 10px;}
.bigbold {font-size: 14px; font-weight: bold;}
.datebar {
   background-color:#01133e;
   color:#ffffff;
   font-size: 18px;
   }
   .datebarDate {
   background-color:#01133e;
   color:#ffffff;
   font-size: 20px;
   }
   
.featured  {
border-bottom:1px;
border-bottom-color:#000000;
border-left:1px #000;
border-right:1px #000;
border-top:1px #fff;
margin-left:15px;
margin-bottom:15px;
}

table.featured {

border: 3px dotted #660000;
vertical-align:top;
margin-bottom: 5px;
margin-right:25px;
padding-right: 10px;
text-align:left;
}


.fstoryHead2{
height:40px;
background-image: url(images/featured3.jpg);
 background-repeat: no-repeat;
/* max-width:500px; */
}

.fstoryHead{
height:40px;
background-image: url(images/featured2.jpg);
 background-repeat: no-repeat;
max-width:500px;

}


image.fstory{
width:150px;
}

table.fstory {
border: 1px solid #000000;
margin-right:25px;
margin-bottom:15px;
/*max-width:500px;*/
text-align:left;
}

table.fstory2 {
border: 3px dotted #660000;
margin-right:25px;
margin-bottom:15px;
text-align:left;

}
.ftitle{
 font-weight: bold; 
 border-bottom: solid 2px #993300;
 margin-left:3px;
 display:block;
}

.sreport {
color:red;
font-variant:small-caps;
font-weight:bold;
}

.NewsArticleTitle {
	font-size: 14px;
	font-weight: bold;
}


.smallFont {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
}

.Newsitem a.goldie{
 color:#FFCC66;
}

.Datebar {

color:#FFFFFF;
}

.UpcomingEvents {
 background-image: url(images/upcominghead.jpg);
background-repeat: no-repeat;
/* max-width:250;
 height: 40px; */
 width: 100%;
 border: 1px solid #000000;
}
ul.Events {
margin-left:-15px;
list-style-position: outside;
/* list-style-type:none; */
vertical-align: top;
}
p.UpcomingEvents {
 background-image: none;
 padding-top:45px;
}

.topstory {
font-size:20px;
font-family:Verdana;
font-weight:bold;
color:#993300;
border-bottom: solid 2px #993300;
background-color: #d4d4d4;
/*width: 49%;               the width of topstory box item */
}

.UpcomingHeadline {
font-family: Ariel;
font-size: 9px;
border-bottom: #FFFFFF 1px;
}


 /* This is the part for the CSS menu - these settings are for a horizontal menu */
    #dmenu{                         /* menu list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        position: static;           /* need this so that the z-index stuff works correctly */
        background-color: #fff;     /* the default background color within the main menu container */
        color: #000;                /* the default font color (not links) within the main menu container */
        z-index: 20;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
    }
    #dmenu li{                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
        float: left;                /* this is to allow for the horizontal main menu */
        border: none;    /* border for each of the main menu items */
        background-color: #ffc;     /* main menu item background color */
		background-image:url(images/tab1.gif); /* tab graphic on main menu */
        color: white;                /* main menu item font color (not links) */
        margin: 0px;                /* spacing between main menu items */
        padding: 0px;               /* padding within main menu items */
        width: 120px;              /* the width of each main menu item */
		height: 30px;              /* height of all main menu tabs */            
        display: block;
    }

    #dmenu ul {                     /* third-level (or greater) menu element list elements */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        width: 120px;               /* should be the same as #dmenu li width */
        background-color: #a4867c;     /* sub-menu default background color */
		background-image: none;
        border: #000 solid 1px;     /* the border around the sub-menu list */
        color: #000;                /* sub-menu default font color (not links) */
        z-index: 99;                /* want to be sure this is above the rest of the menu */
    }

    #dmenu ul li{                   /* second-level or greater menu element links */
        background-color: #a4867c;     /* default background color for sub-menu container */
        color: #000;                /* default font color (not links) for sub-menu container */
        background-image: none;
		border: none;               /* sub-menu item border settings */
        margin: 0px;                /* spacing between sub-menu containers */
        padding: 3px;               /* This is for padding between menu items in the drop-downs */
        width: 90px;               /* (padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */
    }

    #dmenu li a{                    /* top-level menu element links */
        text-align: center;         /* text alignment in main menu item links */
        width: 120px;               /* set this to #dmenu ul width */
        display: block;
    }
    
    #dmenu ul a {                   /* all the other level menu link elements */
        padding: 3px;
        margin: 0px;
        width: 108px;               /* (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
        display: block;
    }

    #dmenu a:hover,                 /* top-level hovering properties */
    #dmenu li:hover{
        display: block;
        /*background-color: none;*/
		background-image:url(images/tab1hover.gif);
		height: 30px;
        color: white;
    }
    
    #dmenu ul li:hover,             /* higher level hovering properties */
    #dmenu ul li a:hover{
        display: block;
        width: 109px;               /* should be set to the same value as #dmenu ul li width */
        background-color: #a4867c;
		background-image: none;
        color: white;
    }

    #dmenu ul ul{                   /* higher-level list containers */
        display: none;              /* don't display by default */
        position: absolute;
        margin-left: 114px;         /* this should be the width of #dmenu ul li */
        margin-top: -2em;           /* this will push the sub-menu up to the level of it's parent */
    }

    /* only non-MSIE browsers use this */
    #dmenu ul li>ul,
    #dmenu ul ul li>ul{
        margin-top: -2em;           /* should be set to the same as #dmenu ul ul margin-top */
    }

    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #dmenu li:hover ul ul,              
    #dmenu li:hover ul ul ul,
    #dmenu li:hover ul ul ul ul,
    #dmenu li:hover ul ul ul ul ul{
        display:none;
    }

    #dmenu li:hover ul,
    #dmenu ul li:hover ul,
    #dmenu ul ul li:hover ul,
    #dmenu ul ul ul li:hover ul,
    #dmenu ul ul ul ul li:hover ul{
        display:block;
    }