/*
** HTML elements
*/
body {
  background-color:#dadfe3; 
  margin:0px;
  font-family:Calibri, Tahoma, Verdana;
  height:100%;
  width:100%;
/* IE8 */  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff4f414e, endColorstr=#ffdadfe3);     
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, circle farthest-corner, #4f414e 0%, #dadfe3 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle farthest-corner, #4f414e 0%, #dadfe3 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, circle farthest-corner, #4f414e 0%, #dadfe3 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #4f414e), color-stop(1, #dadfe3));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, circle farthest-corner, #4f414e 0%, #dadfe3 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-corner at center, #4f414e 0%, #dadfe3 100%);
}
/* navigational menu */
.clear {clear:both} 
/* remove the list style */
#nav {
    margin:0; 
    padding:0; 
    list-style:none;
	width:900px;
}   
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li {
        float:left; 
        display:block; 
        width:160px; 
        background:#aaa; 
        position:relative;
        z-index:500; 
        margin:0 1px;
	}
         
    /* this is the parent menu */
    #nav li a {
        display:block; 
        padding:1px 1px 0 1px; 
        font-weight:700;  
        height:36px; 
        text-decoration:none; 
        color:#a11619; 
		font-size:18px;
        text-align:center; 
    }
 
    #nav li a:hover {
        color:#fff;
    }
     
    /* you can make a different style for default selected value */
    #nav a.selected {
        color:#f00;
    }
     
        /* submenu, it's hidden by default */
        #nav ul {
            position:absolute; 
            left:0; 
            display:none; 
            margin:0 0 0 -1px; 
            padding:0; 
            list-style:none;
        }
         
        #nav ul li {
            width:160px; 
            float:left; 
            border-top:1px solid #fff;
        }
         
        /* display block will make the link fill the whole area of LI */
        #nav ul a {
            display:block;  
            height:36px;
            padding: 1px 1px; 
            color:#a11619;
        }
         
        #nav ul a:hover {
            text-decoration:underline;  
        }
 
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
    margin:0 0 0 -2px;
}
/* end navigational menu */
.content
{
/*
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffcfcfcf);     

background-image: -ms-radial-gradient(center, circle farthest-corner, #ffffff 0%, #CFCFCF 100%);

background-image: -moz-radial-gradient(center, circle farthest-corner, #ffffff 0%, #CFCFCF 100%);

background-image: -o-radial-gradient(center, circle farthest-corner, #ffffff 0%, #CFCFCF 100%);

background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #ffffff), color-stop(1, #CFCFCF));

background-image: -webkit-radial-gradient(center, circle farthest-corner, #ffffff 0%, #CFCFCF 100%);

background-image: radial-gradient(circle farthest-corner at center, #ffffff 0%, #CFCFCF 100%);
*/
}
.titleHeader {
	/*color:#e3ab4d;*/
	color:#900;
	font-family: Segoe Script, Comic Sans, Calibri;
	font-size:40px;
	font-weight:bold;
}
.logoLinks
{
  color:#0f7fda;
  font-size:12px;
  text-decoration:none;
}
.logoutLink
{
	color:#e40000;
	font-size:18px;
	font-weight:bold;
}
.footerLinks
{
	color:#006;
	font-size:11px;
}
.contactLinks
{
	color:#110000;font-size:14px;font-style:bold;
}
.bannersLinks
{
	color:#111111;font-size:14px;font-style:bold;
}

.title01
{
  font-size:24px;
  color:#eeeeee;
  text-align:center;
  text-decoration:underline;
}
.title02
{
  font-size:18px;
  color:#ffffff;
  font-weight:bold;
  text-align:left;
}
.title03
{
  align:center;
  padding-left:5px;
  letter-spacing:2px;color:White;
  font-size:24px;
  width:450px;
  height:auto;
  background-color:#a11619;
  text-align:center;
  font-weight:bold;
}
.title04
{
  font-weight:bold;
  color:#000000;
  font-size:16px;
  text-align:center;
}
.title05
{
  font-size:16px;
  font-weight:bold;
  color:#a11619;
  text-align:center;
}
.title06
{
  font-size:18px;
  color:#000000;
  font-weight:bold;
  text-align:center;
}
.title07
{
  font-size:16px;
  color:#222222;
  text-align:center;
}
.title08
{
  font-size:24px;
  color:#111111;
  text-align:center;
  text-decoration:underline;
}
.title09
{
  font-size:14px;
  color:#d8232a;
  text-align:center;
}
.title10
{
  font-size:18px;
  color:#ffffff;
  text-align:center;
}
.title11
{
  font-size:16px;
  color:#a11619;
  text-align:center;
}
.title12
{
  font-size:18px;
  color:#000000;
  text-align:center;
}
.title13
{
  font-size:18px;
  color:#ffffff;
  text-align:center;
}

.input01
{
  font-size:16px;
  color:#888888;
  background-color:#FFF;
  text-align:left;
  width:200px;
  /* for IE */
  /*filter:alpha(opacity=60);*/
  /* CSS3 standard */
  /*opacity:0.6;*/
}
.input02
{
  font-size:16px;
  color:#000000;
  text-align:left;
}

.button01
{
  color:#a11619;
  font-weight:bold;
  font-size:14px;
  cursor: pointer;
  padding-right:0px;
  padding-left:2px;
}
.button02
{
  color:#a11619;
  font-size:20px;
  font-weight:bold;
  width:150px;
  cursor: pointer;
  padding-right:2px;
  padding-left:2px;
}
.button03
{
  font-size:18px;
  font-weight:normal;
  width:70px;
  height:45px;
  cursor: pointer;
  color:#FFF;
  padding-right:0px;
  padding-left:0px;
}
.button04
{
  background-image:url(../Images/button04.png);
  background-repeat: no-repeat; 
  width:150px;
  height:73px;
  color:#ffffff;
  font-size:18px;
  text-decoration:none;
}
.icons
{
	width:24px;
	height:24px;
	border:0;
}
.iconsS
{
	width:16px;
	height:16px;
	border:0;
}
.infoContainer
{
  font-size:20px;
  font-weight:bold;
  color:#222222;
  text-align:center;
  border:1px solid #330000;
  background-color:#CCC;
  padding:5px;
  width:auto;
}
.box
{
  font-size:12px;
  font-weight:bold;
  color:#eeeeee;
  border:1px solid #ffffff;
  text-align:center;
  padding:3px;
  width:150px;
  align:center;
}
.close
{
   font-size:22px;
   color:#ffffff;
   background-color:#f40000;
   padding-right:3px;
   padding-left:3px;
}

/* Calendar css */
/**** month and year header at top of calendar ****/
.date_header			{ font-size:16px; font-family:arial, helvetica; font-weight:bold }

/**** color and size of calendar cells.  ****/
.day_cell				{ background-color:#ddddee; height:85px; width: 155px; }
.event_cell             { background-color:#ddddff; height:85px; width: 155px; }
.empty_day_cell			{ background-color:#bbbbbb; height:85px; width: 155px; }
.today_cell				{ background-color:#ffffff; height:85px; width: 155px; }

/**** day number in upper left corner of each cell ****/
.day_number				{ font-size:12px; font-family:verdana, arial, helvetica; color:#000000; font-weight:bold}

/**** title_txt is the text for each post on main page ****/
.title_txt				{ font-size:10px; font-family:verdana, arial, helvetica; color:#ffffff;}
.title_txt A:link		{ color:#00F; text-decoration:underline }
.title_txt A:active		{ color:#00F; text-decoration:underline }
.title_txt A:visited	{ color:#00F; text-decoration:underline }
.title_txt A:hover		{ color:#00F; text-decoration:underline }

/**** time line under title text when event time given ****/
.time_str				{ font-size:9px; font-family:arial, helvetica;background-color:#eeeeee; }
.time_str1				{ font-size:9px; font-family:arial, helvetica;background-color:#ffffff; }

/**** column headers or days of the week ****/
.column_header			{ background-color:#2663E2; font-size:12px; font-family:arial, helvetica; color:#FFFFFF; font-weight:bold }