/* global style */
body {
		scrollbar-base-color: #ff0000;
scrollbar-track-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #333333;
scrollbar-darkshadow-color: #999999;
scrollbar-shadow-color: #000099;
scrollbar-arrow-color: #000099;
}
td
{
    vertical-align: top;
}
td#main
{
    vertical-align: top;
    color: #666666;
    font-family: Verdana;
    font-size: 11px;
}
td#main a
{
    color: blue;
    text-decoration: none;
}
td#main a:hover
{
    color: blue;
    text-decoration: underline;
       
}

td#main H1
{
    width: 460px;
    font-size: 12px;
    color: white;
    background-color: #04049c;
    font-family: Verdana;
    text-align: left;
    font-weight: bold;
    padding: 5px;
    margin-top: 0em;
}
td#main H2
{
	font-size: 12px;
	color: blue;
	font-weight: bold;
	margin-bottom: 0.25em;
}

td#main H2 a
{
    color: blue;
    text-decoration: none;
}
td#main H2 a:hover
{
    color: blue;
    text-decoration: none;
}


/***** page template style *****/

DIV.Nav
{
    background-color: #04049c;
    color: White;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    width: 300px;
    vertical-align: top;
    display: block;
    height: 100%;
}
.Nav a
{
    color: White;
    text-decoration: none;
    padding: 8px 0 8px 5px;
    border-left: #4169e1 1px solid;
    margin-left: 28px;
}
.Nav a:hover
{   
    color: White;
    text-decoration: underline;
}   
.Nav hr
{
    color: #4169e1;
    height: 1px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 10px;
    margin-right: 10px;
} 
.Nav h1
{
    color: White;
    font-family: Arial;
    font-size: 14px;
    margin-left: 10px;
}
.Nav p
{
	color: white;
	font-family: Arial;
	font-size: 11px;
	padding: 7px;
	
}
DIV.Footer
{
    padding: 5px; 
    font-size: 9px; 
    vertical-align: middle; 
    width: 460px; 
    color: white; 
    font-family: Verdana; 
    background-color: #6666ff; 
    text-align: center;
}
.Footer a
{
    color: White;
    text-decoration: none;
}
.Footer a:hover
{
    color: White;
    text-decoration: underline;
}

DIV.Address
{
    background-color: Gray;
    color: White;
    display: block;
    font-family: Verdana;
    font-size: 9px;
    padding: 5px 0 5px 80px;
    background-image: url(images/envelope.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
}

TD#AddressEnv
{
    background-color: Gray;
    background-repeat: no-repeat;
    color: White;
    font-family: Verdana;
    font-size: 9px;
    padding: 5px;
}
TD#AddressData
{
    background-color: Gray;
    color: White;
    display: block;
    font-family: Verdana;
    font-size: 9px;
   	padding: 5px;
   	vertical-align: middle;
}

/***** END page template style *****/

.form
{
    border: solid 1px #F0F0F0;
}
DIV.main
{
    vertical-align: top;
    color: Gray;
    font-family: Verdana;
    font-size: 11px;
    text-align: left;
}

DIV.container
{
    background-color: White;
    width: 800px;
    border: solid 1px gray;
}
DIV.Home
{
    background-image: url(images/CCWEGraphic300.jpg);
    background-repeat: no-repeat;
    border-bottom: solid 10px white;
    height: 200px;
    width: 300px;
}
DIV.Welcome
{
    background-color: #9999ff;
    background-image: url(images/Keyboard.jpg);
    background-repeat: no-repeat;
    display: block;
    color: Black;
    font-family: Verdana;
    font-size: 11px;
    width: 195px;
    padding: 8px 5px 8px 100px;
    border-bottom: solid 10px white;
    background-position: 3% center;
}
.Welcome H1
{
    color: White;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0em;
}
DIV.HomeNews
{
    background-color: White;
    display: block;
    color: Gray;
    font-family: Verdana;
    font-size: 11px;
    width: 280px;
    padding: 10px 10px 0 10px;
    border-right: solid 1px gray;
}
.HomeNews H1
{
    color: Navy;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0em;
}
.HomeNews a
{
	color: blue;
	text-decoration: none;
}
.HomeNews a:hover
{
	color: blue;
	text-decoration: underline;
}

 DIV.homemiddle
 {
    background-color: White;
    border-bottom: solid 10px white;
    display: block;
    width: 230px;
    vertical-align: top;
 }
 DIV.Spotlight
{
    background-color: White;
    border-bottom: solid 10px white;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    color: #333333;
    vertical-align: top;
}
 .Spotlight h1
 {
    font-family: Arial;
    font-size: 14px;
    color: Olive;
    margin-bottom: 0em;
 }
 .Spotlight ul
 {
 	margin-top: 0.1em;
 	margin-bottom: 0.1em;
 	font-size: 8pt;
 }
 .Spotlight li
 {
 	margin-left:-15px;
 }
 .Spotlight a
 {
 	color: blue;
 	text-decoration: none;
 }
 .Spotlight a:hover
 {
 	color: blue;
 	text-decoration: underline;
 }
DIV.HomeNav
{
    background-color: #00009d;
    color: White;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 0 10px;
    width: 210px;
    vertical-align: top;
    display: block;
    border-bottom: solid 10px white;
    height: 225px;
}
.HomeNav a
{
    color: White;
    text-decoration: none;
    padding: 0 0 0 5px;
    border-left: #4169e1 1px solid;
    margin-left: 28px;
    display: block;
}
.HomeNav a:hover
{   
    color: White;
    text-decoration: underline;
}   
.HomeNav hr
{
    color: #4169e1;
    height: 1px;
    margin-top: -0.25em;
    margin-bottom: -0.25em;
} 
DIV.NetworkTips
{
    background-color: #000037;
    display: block;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: White;
    padding: 10px 110px 10px 10px;
    width: 100px;
    background-image: url(Images/Handshake.jpg);
    background-position: 90% 50%;
    background-repeat: no-repeat;
    border-bottom: solid 10px white;
    height: 90px;
    text-align: center;
}
.NetworkTips a
{
    color: White;
    font-size: 12px;
    text-decoration: none;
}
.NetworkTips a:hover
{
    color: White;
    text-decoration: underline;
}
DIV.Program
{
    color: Black;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    padding: 10px 0 10px 10px;
    width: 200px;
    background-color: #ccccff;
}
.Program h1
{
    color: Black;
    font-family: Arial;
    font-size: 14px;
    margin-bottom: 0.25em;
}

DIV.ProgramPage
{
    color: Black;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    padding: 10px;
    width: 250px;
    background-color: #f0f0f0;
 }
.ProgramPage h1
{
    color: Black;
    font-family: Arial;
    font-size: 14px;
    margin-bottom: 0em;
}

td#BoardInfo
{
    color: gray;
    font-family: Verdana;
    font-size: 11px;
    background-color: #f0f0f0;
}

td#BoardInfo h2
{
    
    color: blue;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: -0.5em;
    margin-top: 0em;
    padding: 3px;
    width: 100%;
} 
td#BoardInfo h3 
{
    
    color: blue;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: -0.5em;
    margin-top: 1em;
    padding: 3px;
    width: 100%;
}  
td#BoardInfo p
{
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-top: 0.75em;
    margin-bottom: 0.5em;
}

DIV.News
{
    background-color: White;
    display: block;
    color: Gray;
    font-family: Verdana;
    font-size: 11px;
    width: 450px;
    padding: 10px;
    border-right: solid 1px gray;
    border-bottom: solid 10px white;
}
.News H1
{
    color: Navy;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0em;
}

DIV.Reservations
{
    background-color: White;
    display: block;
    color: Gray;
    font-family: Verdana;
    font-size: 11px;
    width: 280px;
    padding: 10px 10px 0 10px;
}
.Reservations H1
{
    color: Navy;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0em;
}

td#floatingnav
	{
	color: white; 
	background-color: #04049c;
	vertical-align: top; 
	font: 11px Verdana, Arial, sans-serif;
	padding: 5px;
	}
td#floatingnav a
	{
	color: white;
	text-decoration: none;
	}
td#floatingnav a:hover
	{
	color: white;
	text-decoration: underline;
	}
td#floatingnav a:visited
	{
	color: white;
	text-decoration: none;
	}
td#floatingnav a:visited:hover
	{
	color: white;
	text-decoration: underline;
	}
/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    border: 1px solid #DBDB79;
    width: 694px;
    margin-right: auto;
    margin-left: auto;
    background: #FEFFAB url(images/background_fullwidth.jpg) repeat-y;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 694px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #DBDB79;
    border-collapse:collapse;
}


.dayNumber
{
    float: right;
    border-bottom: 1px solid #C7C272;
    border-left: 1px solid #C7C272;
    clear: none;
    padding: 2px;
}


.calcurrentmonth
{
    /* no styles needed at this time */
}
.calothermonth
{
    background-color: #DCD78E;
}
.calcurrentday
{
    background-color: #FFFFC1;
}
.calweekend
{
    background-color: #FEEB95;
  /*  width: 15%; */
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
    text-align: left;
    border: 2px solid #C7C272;
    height: 60px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    position:relative;
     border-collapse:separate;
     border-spacing: 5px;
     
}