﻿/*
d blue : #003399;
purple?: #330099;




*/

#pagecontainer {
    margin: 0px 0px 25px 0px;
    width: 770px;
    position: relative;
    top: 0px;
    background-color: #FFFFFF;
    height: 100%;
    overflow: auto;
}
#banner {
    padding: 0px;
    height: 110px auto;
    background-color: #003399;
    width: 770px;
    position: relative;
    top: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    color: #FFFFFF;
    left: 0px;
    text-align: center;
    vertical-align: top;
    clip: rect(0px, auto, auto, auto);
    float: right;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;   
}
#search {
    width: 254px;
    position: relative;
    top: 48px;
    left: 2px;
    font-family: "Lucida Sans";
    font-size: small;
    color: #930626;
}
#leftsidebar {
    border-style: solid dashed solid solid;
    border-width: 2px 1px 2px 2px;
    border-color: #003399;
    width: 145px;
    float: left;
    height: 100%;    
}
#rightsidebar 
{
    background-color: #EBEBEB;
    border-style: solid solid solid dashed;
    border-width: 2px 2px 2px 1px;
    border-color: #003399;/* #330099;*/
    width: 145px;
    float: right;
    height: 100%;
}
#menusection 
{
	border-style: solid;
    border-width: 1px;
    border-color: red;
    vertical-align: top;
    text-align: center;
}
#maincontent {
    border-left: 1px solid #DD6B26;

    margin: 0px 145px 0px 145px;
    border-top-style: solid;
    border-top-width: 2px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-top-color: #003399;
    border-bottom-color: #003399;
    border-left-width: 0px;
    height: 100%;        
}
#footer 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    background-color: #cccccc;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #FFFFFF;  
    width: 100%; 
    text-align: center;  
}
#hdrTitle
{
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: x-large;
    font-weight: bold;
    color: #FFFFFF; 
    background-image: url('images/titlebg.jpg');
    background-repeat: repeat;
    /*text-indent: 25px; !doesn't work in ff*/
    padding-left: 25px;   
    text-align: left;
    
}
#hdrBreadcrumbs
{
    background-color: #C0C0C0;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    width: 770px; /*height: 20px;*/   
    background-image: url('images/breadcrumbsbg2.jpg');
    background-repeat: repeat;
    color: #808080;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
}
#breadcrumbs
{
    background-color: #C0C0C0;    
    /*width: 770px; /*height: 20px;*/
    background-image: url('images/breadcrumbsbg2.jpg');
    background-repeat: repeat;
    color: #808080;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    text-align:left;
}

/*columns*/
.column
{
   padding: 5px 5px 5px 5px;   
}
.hdrSubTitle
        {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;   
    padding-left: 100px;  
}
/*news boxes*/
.newsbox1
{
    border-style: solid dotted solid solid;
    border-width: 2px;
    border-color: #003399;
    width: 140px;
    float: left;
    padding-right: 3px;
    background-image: url('images/newsbox-repeat1.jpg');   
}
.ftrIndent
{
    font-size: x-small;
    padding-left: 100px;
}


h1 {
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: x-large;
    font-weight: bold;
    color: #003399;
    text-align: left;
    margin-bottom: 0px;
}
h2 
{
	margin: 0px 0px 0px 0px;
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-variant: small-caps;
    font-size: large;
    color: #003399;
    font-weight: bold;
    text-align: left;
}
h3 {
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    color: #003399;
    text-align: left;
    margin: 0px 0px 0px 0px;
}
h4 {
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    margin-bottom: 0px;
}
h5 {
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    font-style: italic;
    /*text-decoration: underline;    change when working*/
    margin-bottom: 0px;
}

/*para*/
p 
{
	padding: 0px 1px 0px 1px;
    margin: 0px 1px 15px 1px;
    font-family: Arial , Helvetica, sans-serif, Arial Narrow;
    font-size: small;
    color: #000000;
    text-align: left;  
}
.quote     
{
	margin: 0px 0px 0px 0px;
    font-family: Arial , Helvetica, sans-serif, Arial Narrow;
    font-size: small;
    color: #003399;
    text-align:center;  
    width: 90%;    
}
.quotetitle 
{
	margin: 0px 0px 15px 0px;
    font-family: Arial , Helvetica, sans-serif, Arial Narrow;
    font-size: x-small;
    color: #003399;
    text-align:center;  
    width: 85%;  
    font-style: italic;  
}
.pindent
{
	margin: 0px 1px 1px 50px;
}
.ulist
{
	font-family: Arial, Helvetica, sans-serif, Arial Narrow;
	font-size: small;
	text-align: left; 
	padding: 1px 0px 1px 15px;
	margin: 0px 0px 0px 15px; 
}
.ulist li  
{
	margin: 0px 0px 0px 15px; 
}

.eventstext
{
	color: #FFFFFF;
}
.eventstitle
{
	margin: 0px 0px 4px 0px;
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-variant: small-caps;
    font-size: large;
    color: #003399;
    font-weight: bold;
    text-align: left;
}
.bnrTitle {    
    font-size: medium;
} 
.bnrTxt     
{
    font-size: smallest;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
} 
/*images*/
img {
}
.floatright {
    margin-left: 10px;
    float:right;
}
.floatleft {
    float: left;
    margin-right: 10px;
}

/*a href links*/
a
{
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: small; 
    color: #FFFFFF;
}
a:hover
{
    color: #FFFFFF;
}
a.ftrlink 
{
    font-size: x-small;
    color: #ffffff;
}
a:hover.ftrlink 
{
  color: #708090; 
}
a:hover.bnrlink 
{    
  color: #cccccc;
}
p.eventnews
{
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: small; 
	/*color:#708090; */
	color:#696969;   
}
a.eventnews
{
  text-decoration: underline;    
  margin-bottom: 0px;
  color:#696969;
}
a:hover.eventnews
{
    
   color: #303030;
}
a.maintxt
{
 color : #000000;
}
a.downloadlink
{
	color: #708090; 
}
.breadcrumbstime
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    color: #808080;       
    padding-left: 500px;
    text-align: right;    
    width: 25%;
}
.breadcrumbs
{ 
    text-align: left;
    width: 75%;
}
.breadcrumbstxt
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    color: #808080;  
    text-align: left;    
}
.breadcrumbstxtcurr
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    color: #FFFFFF;  
}

/*NAV menus */
.nav
{
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: small;   
    background-color: #c0c0c0;    
    vertical-align: top;
    text-align: left;
    padding: 1px 1px 1px 1px;    
    margin: 0px 0px 0px 0px;
    width: 139px; 
}
.staticmenu
{   
    Width: 139px; 
    background-color:#c0c0c0;
    border: solid 1px #003399;
}
.staticselect
{
    Width: 139px; 
    background-color:#cccccc;
    border: solid 1px #003399;    
}
.statichover
{
   border: solid 1px #003399; 
   background-color: #696969;   
}
.dynamicmenu
{
    width: 139px; 
    background-color: #cccccc;
    border: solid 1px #003399;       
}
.dynamicselect
{
  background-color: #696969;
  Width: 139px; 
  border: solid 1px #003399;  
}
.dynamichover
{
    width: 139px; 
    background-color: #696969;
    border: solid 1px #003399;   
}
.daysToText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    color: #003399;   
}
.gridPos
{
    text-align: center;   
}
.gridHdr
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    background-color: #000084;
}
.gridTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    color: #003399;
    text-align: center;
}
.gridText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;   
    color: #000000;
    text-align: left;
}
.gridR1
{
	background-color: #DCDCDC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small; 
    color: #000000;  
    text-align: left;
}
.gridR2
{
	background-color: #EEEEEE;
	font-family: Arial, Helvetica, sans-serif;
    font-size: small; 
    color: #000000;  
    text-align: left;
	
}
.err
{
	padding: 0px 1px 0px 1px;
    margin: 0px 1px 15px 1px;
    font-family: Arial , Helvetica, sans-serif, Arial Narrow;
    font-size: small;
    color: Red;
    text-align: left;  
}


