html, body, div, pre, form, fieldset, input, h1, h2, h3, h4, h5, h6, p, textarea, ul, ol, li, dl, dt, dd, blockquote, th, td
{
    margin:0;
    padding:0;
}

html
{
    height:100%;
    overflow:inherit;
}
body
{
    background-repeat: repeat-x;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    border: 0px; /* This removes the border around the viewport in old versions of IE */
    width: 100%;
    height:100%;
    font-family:Helvetica;
}
.contentTable
{
    margin-top: -2px;
}
.header_box
{
    height: 83px;
    background-repeat: no-repeat;
    width: 100%;
    clear: both;
    float: left;
    margin-top: 20px;
    padding: .8em;
    margin-bottom: -1.62em;
    text-align: left;
}


.navigation_panel
{
    /*height: 100%;*/
    width: 150px;
    background-color: #cccccc;
    margin: 0px;
    padding: 0px;
    float: left;
    display: table-cell;
}

.ad_panel
{
    background-color: #d9d9d9;
    width: 220px;
    /*height: 100%;*/
    margin: 0;
    padding: 0;
    display: inline-table;
    float: right;
}
.ad_gradient
{
    background-image: url(images/topFade.png);
    background-repeat: repeat-x;
}

.footer_gradient
{
    background-image: url(images/bottomFade.png);
    height: 280px;
    background-repeat: repeat-x;
}

#wrapper
{
    width: 950px;
	float:none;
    min-height:100%;
    margin: 0 auto;
}

* html #wrapper
{
    height:100%;
}

#container
{
    text-align: center;
    width: 100%;
    display: block;
    /*height:100%;*/
}
.background_fade
{
    background-image: url(images/backgroundFade.png);
    background-repeat: repeat-x;
}
.container_cell
{
    padding: 0 0 0 0;
    margin-left: .7em;
    width: 580px;
    /*height: 100%;*/
    float: left;
}

#column_mid
{
    background-image:url(SilverGradient/images/fauxback.gif);
    background-repeat:repeat-y;
    float:none;
	width: 950px;
    display: table;
    clear: both;
}

#column1
{
    width: 575px;
    background-color: #FFFFFF;
    margin-top: 0px;
    display:block;
    float: right;
    /*height:100%;*/

}
#column2
{
    float: left;
    width: 151px; /* Width of left column content (left column width minus left and right padding) */
    left: 0;
    top: 0;
    height: auto;
    position: inherit;
    vertical-align: top;
}
#menu_bottom
{
    background-image: url(images/menuBottom.png);
    background-repeat: no-repeat;
    width: 148px;
    height: 14px;
    float: left;
    margin-bottom: -20px;
}
#column3
{
    float: right;
    width: 220px; /* Width of right column content (right column width minus left and right padding) */
    background-color: #CCCCCC;
    /*display: inline-table;*/
    /*height: 100%;*/
    padding-top: 10px;
    text-align:center;
}
.announcements
{
    float: left;
    width: 350px;
    margin-left:4px;
    padding-top: 10px;
}
#clearfooter
{
    height:173px;
}
#footer
{
    background-image: url(../images/footerBox.jpg);
    width: 800px;
    background-repeat: no-repeat;
    margin-left:150px;
    text-align: left;
    height:173px;
    position:relative;
    /*margin:-173px auto 0 auto;*/
}
#footer2
{
    background-image: url(../images/footerBox2.jpg);
    width: 800px;
    height: 173px;
    background-repeat: no-repeat;
    /*padding-bottom: 53px;*/
    padding-left: 0;
    text-align: left;
    display: inline-block;
    background-position: bottom;
 /*   margin-left: 150px;*/
}
#footer p
{
    padding: 10px;
    margin: 0;
}
.footer_image
{
    background-image: url(images/footerBox.png);
    display: block;
    height: 76px;
    width: 566px;
    background-repeat: no-repeat;
    margin-left: 5px;
    background-position: bottom; /*padding-bottom:30px;*/
}

.column1_left
{
    background-image: url(images/SubTitle_Left.png);
    background-repeat: no-repeat;
    width: 9px;
    height: 36px;
    margin-left: 10px;
    float: left;
}
.column1_right
{
    background-image: url(images/SubTitle_Right.png);
    background-repeat: no-repeat;
    width: 9px;
    height: 36px;
    float: right;
    margin-right: 10px;
    margin-bottom: 10px;
}
.column1_middle
{
    background-image: url(images/SubTitle_Fill.png);
    background-repeat: repeat-x;
    height: 36px;
    width: 537px;
    float: left;
    text-align: left;
    margin-bottom: 10px;
}
.column2_middle_content
{
    background-image: url(images/panel_Fill.gif);
    background-repeat: repeat-x;
    height: 20px;
    width: 198px;
    float: left;
    text-align: left;
    padding-top: 5px;
}
.column2_left_content
{
    background-image: url(images/panel_Left.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 25px;
    float: left;
}
.column2_right_content
{
    background-image: url(images/panel_Right.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 25px;
    float: right;
    background-attachment: scroll;
    background-position: bottom, right;
}

.content_title_m
{
    background-image: url(images/panel_Fill.gif);
    background-repeat: repeat-x;
    height: 20px;
    width: 288px;
    float: left;
    padding-top: 5px;
    text-align: left;
}
.content_title_l
{
    background-image: url(images/panel_Left.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 25px;
    float: left;
}
.content_title_r
{
    background-image: url(images/panel_Right.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 25px;
    float: right;
    background-attachment: scroll;
    background-position: bottom, right;
}

.title_text
{
    font-family: Impact;
    font-size: 2.6em;
    color: White;
    margin-bottom: 10px;
}
.title2_text
{
    /*font-family: Arial;*/
    font-size: 1.3em;
    color: White;
    letter-spacing: 1px;
    font-weight: bold;
}

.content_fade
{
    background-image: url(images/panel_fade.jpg);
    height: 145px;
    margin-bottom: -123px;
    width: 100%;
    display: inline-table;
}
.content_text
{
    padding-left: 10px;
    font-size: 1.4em;
    padding-right: 10px;
    padding-bottom: 15px;
}

.mainR_text
{
    /*font-family: Times New Roman;*/
    font-size: 2.6em;
    /*font-weight: bold;*/
    vertical-align: top;
    color: Black;
}
.mainL_text
{
    /*font-family: Times New Roman;*/
    font-size: 2.4em;
    vertical-align: bottom;
    margin-left: 10px;
    color: Black;
}
.address_text
{
    /*font-family: Arial;*/
    font-size: 1em;
    color: #666666;
    letter-spacing: 1px;
    padding-left: 10px;
    vertical-align: top;
    display: inline-table;
}
.footer_address_text
{
    /*font-family: Arial;*/
    font-size: 1em;
    color: #999999;
    letter-spacing: 1px;
}
.copyright
{
    /*font-family: Arial;*/
    font-size: .9em;
    color: #999999;
    float: left;
}
.login_class
{
    /*font-family: Arial;*/
    font-size: 1em;
}

.hr_class
{
    width: 380px;
    margin-top: -28px;
    margin-left: 70px;
}
#sign_in
{
    float: left;
    height: 80px;
    padding-left: 0px;
    text-align: right;
    width: 160px;
}
.heading_text
{
    float: left;
    height: 70px;
    text-align: left;
    width: 450px;
    margin-top: 6px;
}
#footer_text
{
    text-align: left;
    vertical-align: bottom;
    padding-left: 20px;
    width: 545px;
    padding-top: 45px;
    position:relative;
    top:16px;
}
.footer_font
{
    font-size: 1.74em;
    color: #999999;
    letter-spacing: .05em;
}
.footer_font2
{
    font-size: 1.6em;
    color: #FFCF33;
    letter-spacing: .03em;
}

.hr_class_foot
{
    width: 540px;
    margin-top: 0px;
}
#copyright
{
    width: 550px;
    position:relative;
    top:38px;
    left:16px;
}
.gt_text
{
    float: right;
    /*font-family: Arial;*/
    font-size: .9em;
    color: #999999;
}

#column_panel
{

    float: right;
    width: 797px;
    /*height:100%;*/
    display:table;

}
.article_panel_left
{
    background-repeat: no-repeat;
    width: 10px;
    height: 25px;
    float: left;
}
.article_panel_fill
{
    background-repeat: repeat-x;
    height: 20px;
    width: 90%;
    float: left;
    text-align: left;
    padding-top: 5px;
}
.article_panel_fill_ie
{
    background-repeat: repeat-x;
    height: 20px;
    width: 91%;
    float: left;
    text-align: left;
    padding-top: 5px;
}
.article_panel_fill_long
{
    background-repeat: repeat-x;
    height: 20px;
    width: 90%;
    float: left;
    text-align: left;
    padding-top: 5px;
}
.article_panel_fill_long_ie
{
    background-repeat: repeat-x;
    height: 20px;
    width: 90%;
    float: left;
    text-align: left;
    padding-top: 5px;
}
.main_content
{
    float: left;
    width: 550px;
    padding-bottom: 50px;
}
.article_panel_right
{
    background-repeat: no-repeat;
    width: 11px;
    height: 25px;
    float: left;
}

.article_text
{
    color: White;
    font-size: 1.1em;
    /*font-family: Arial;*/
}
.article_fade
{
    background-repeat: repeat-x;
    width: 266px;
    height: 140px;
    margin-top: 0px;
    clear: both;
}
.article_fade_left
{
    background-repeat: repeat-x;
    width: 275px;
    height: 140px;
    margin-top: 0px;
    clear: both;
}
.article_fade_main
{
    background-image: url(SilverGradient/images/topFade.png);
    background-repeat: repeat-x;
    width: 555px;
    height: 140px;
    margin-top: 0px;
    padding-top: 10px;
    clear: both;
}
.article_fade_main_ie
{
    background-image: url(SilverGradient/images/topFade.png);
    background-repeat: repeat-x;
    width: 555px;
    height: 140px;
    margin-top: 0px;
    padding-top: 10px;
    clear: both;
}
.calendar_fade
{
    background-repeat: repeat-x;
    width: 98.8%;
    height: 140px;
    margin-top: 0px;
    clear: both;
}
h1
{
    color: #147288;
    /*font-family: Arial;*/
    font-weight: normal;
    font-size: 1em;
}
.article_content
{
    /*font-family: Arial;*/
    font-size: 1.3em;
    color: #4E4E4E;
    padding-left: 10px;
    float: left;
    clear: both;
    display: block;
    margin-top: -125px;
}
.article_content_main
{
    /*font-family: Arial;*/
    font-size: 1.1em;
    color: #4E4E4E;
    padding-left: 10px;
    padding-right: 20px;
    float: left;
    clear: both;
    display: inline-table;
}
.article_content_main_ie
{
    /*font-family: Arial;*/
    font-size: 1.1em;
    color: #4E4E4E;
    padding-left: 10px;
    padding-right: 20px;
    float: left;
    clear: both;
    display: inline-table;
}

.heading_logo
{
    float: left;
    height: 60px;
    width: 60px;
    margin-top: 6px;
    margin-left: 15px;
    margin-right: -7px;
}

#signups a.sign_up
{
    background-image: url(../images/CreateAccount1.gif);
    background-repeat: no-repeat;
    float: left;
    width: 209px;
    height: 70px;
    top:0px;
    left:0px;
    position:relative;
}

#signups a.sign_up:hover
{
    background-image: url(../images/CreateAccount2.gif);
    background-repeat: no-repeat;
    float: left;
    left:0px;
    top:0px;
    width: 209px;
    height: 70px;
    position:relative;
}

.hr_rule
{
    background-image: url(../images/k_dot.jpg);
    height: 1px;
    width: 100%;
    margin-left: 7px;
    margin-bottom: 2px;
}
.AllmainL_text
{
    /*font-family: Times New Roman;*/
    font-size: 2.2em;
    color: #1E81BC;
    margin-left:10px;
}
.AllmainR_text
{
    /*font-family: Times New Roman;*/
    font-size: 2em;
    color: #FFCF33;
}
#kid_zone a
{
    width: 150px;
    height: 77px;
    float: left;
}
#kid_zone a:hover
{
    width: 150px;
    height: 77px;
    float: left;

}
.login_button
{
    text-decoration: none;
}
#login_left
{
    background-image: url(http://www.valpoymca.org/images/button_Left.png);
    height: 16px;
    width: 6px;
    float: left;
}
#login_fill
{
    background-image: url(http://www.valpoymca.org/images/button_Fill.png);
    height: 16px;
    width: 60%;
    float: left;
    /*font-family: Arial;*/
    font-size: 1em;
    color: White;
    text-align: center;
    text-decoration: none;
}
#login_right
{
    background-image: url(http://www.valpoymca.org/images/button_Right.png);
    height: 16px;
    width: 7px;
    float: left;
}

#button-fill {
	background:url(http://www.valpoymca.org/images/button-Fill.png) top right no-repeat;
	width:100px;
	height:16px;
}
a.button-link {
	background:url(http://www.valpoymca.org/images/button-Left.png) top left no-repeat;
	height:16px;
	display:block;
	font-family:arial;
	font-size:11px;
	font-weight:normal;
	color:white;
	text-align:center;
	text-decoration:none;
}

.button100 {
	background:url(http://www.valpoymca.org/images/button-100.png) top left no-repeat;
	width:100px;
	height:16px;
	display:block;
	font-family:arial;
	font-size:11px;
	font-weight:normal;
	color:white;
	text-align:center;
	text-decoration:none;
}

.button150 {
	background:url(http://www.valpoymca.org/images/button-150.png) top left no-repeat;
	width:150px;
	height:16px;
	display:block;
	font-family:arial;
	font-size:11px;
	font-weight:normal;
	color:white;
	text-align:center;
	text-decoration:none;
}

.userlogin_panel
{
    /*font-family: Arial;*/
    font-size: 1em;
    color: #4E4E4E;
    width:180px;
}
.subnav
{
    text-decoration: none;
    color: #999999;
    /*font-family: Arial;*/
    font-size: 1.2em;
    font-weight: bold;
}

a.subnav
{
    text-decoration: none;
    color: #999999;
    /*font-family: Arial;*/
    font-size: 1.2em;
}
a.subnav:hover
{
    text-decoration: underline;
    font-size: 1.2em;
}

/* Begin CSS Popout Menu */

#menu
{
    top: 0.5em;
    left: 0em;
    z-index: 2000;
    width: 15.0em;
    padding-bottom: 5px;
    float: left;
    /*font-family: Arial;*/
    font-size: 1em;
    font-weight: bold;
}

#menu a
{
    font: normal 90%/205% arial;
    font-size: 1em;
    display: block;
    border-width: 0px;
    border-style: solid;
    border-color: #ccc #888 #555 #bbb;
    white-space: nowrap;
    margin: 0;
    padding: 0 15px;
    text-align: left;
}

#menu h2
{
    font: bold 90%/205% tahoma,arial,helvetica,sans-serif;
    display: block;
    border-width: 0px;
    white-space: nowrap;
    margin: 0;
    padding: 0 0px;
    text-align: left;
}

#menu h2
{
    color: White;
    text-transform: none;
}

#menu a
{
    color: White;
    text-decoration: none;
}

#menu a:hover
{
    color: White;
    width: auto;
    /*height: 100%;*/
    background-repeat: no-repeat;
    background-position: 5px center;
}

#menu a:active
{
}

#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 1000;
}
#menu ul ul ul
{
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1000;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li
{
    position: relative;
    z-index: 1000;
}
 div#menu li:hover
 {

    position: relative;
    z-index:1000;
 }
div#menu li ul
{
    position: absolute;
    top: 0;
    left: 150px;
    display: none;
    z-index: 1000;
}

div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul
{
    display: none;
    position: absolute;
    z-index: 1000;
}

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul
{
    display: block;
    position: absolute;
    z-index: 1000;
}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited
{
    background: #eee url(/css/images/expand3.gif) no-repeat bottom right;
}

#menu a.x:hover
{
    color: #a00;
    background: #ddd;
}

#menu a.x:active
{
    color: #060;
    background: #ccc;
}

/* Begin Content Area */

#content
{
    margin: 0 0 0 10em;
    padding: 0.5em;
    border: 1px solid #000;
}
#content a:link
{
    color: #a00;
}
#content a:visited
{
    color: #a00;
}
#content a:hover
{
    color: #a00;
    background: #eee;
}
#content a:active
{
    color: #060;
    background: #ddd;
}
#content h1, #content h2, #content h3
{
    font: bold 1.0em arial,sans-serif;
    margin: 0.5em 0.25em;
    padding: 0;
}
#content img
{
    border: none;
}
#content p
{
    font: normal 0.9em/1.5em verdana,sans-serif;
    margin: 1.0em;
}
#content ul, #content ul ul
{
    font: normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;
    margin: 1.0em 4.0em 1.5em 4.0em;
}
#content ul li
{
    font: normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;
    margin: 1.0em 0;
}
#content ul ul li
{
    font: normal 1.1em/1.6em verdana,tahoma,arial,sans-serif;
    margin: 0;
}
#content .fr
{
    float: right;
    margin: 0 0 1.0em 1.0em;
}
#content .mod
{
    font: normal .7em arial,sans-serif;
    margin: .25em;
}
div.vv
{
    position: relative;
    top: 0;
    float: right;
    margin: 0 0 15px 15px;
}
/* SubMenu Rounded Corners */
/*

Schedule CSS

*/

/*

MiniCalendar

*/

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalPopup {
	background-color:White;
	border-width:1px;
	border-style:solid;
	border-color:#555555;
	padding:10px;
	width:450px;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

a
{
    text-decoration: none;
}
#DateHeader
{
    color: White;
    background-image:url(../images/DateHeader_Gen.png);
    background-repeat:no-repeat;
    font-weight: bold; /*background-color: #344F41;*/
    width: 170px;
    padding-left: 7px;
    padding-top:1px;
    text-align: left;
    height: 19px;
    /*font-family: Arial;*/
    font-size: 1em;
}

#TitleStyle
{
   /* color: #344F41;*/
    text-align: left;
}

.three_image_template
{
    position:absolute;
    z-index:500;
}
.image_one_top
{
}
.image_two_bottom
{
}
.image_three_big
{
    position:absolute;
    z-index:400;
    left:192px;
    top:13px;
}

.scheduler
{
    z-index:100;
    position:relative;
}

#header_table
{
 position:relative;
 top:-8px;
 left:7px;
 width:929px;
}

.iframe
{
    border-width:0px;
}

/* common styling */
.menu {font-family: arial, sans-serif; width:150px; position:relative; margin:0; font-size:11px; z-index:2000;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none;padding-left:10px; color:#000; width:140px; height:20px; text-align:left;line-height:19px; font-size:11px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff;background-repeat:no-repeat;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:150px; width:105px;}
.menu ul li:hover ul li a.hide {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#b3ab79; color:#000; width:150px;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}