/* Section 1: CSS Reset */
body, h1, h2, h3, p, ul, li, form, input, table, tr, td, img{
    border:0;
    margin:0;
    padding:0;
    font-size:100%;
    list-style:none;
    }

/* Section 1a: Redefine HTML */
h1 {font-size:24px; color:#fff;}
h2 {font-size:18px; color:#abc837;}
h4 {font-size:13px; color:#666;}
p {font-size:12px; line-height:22px;}
a {color:#abc837; font-weight:bold;}
a:hover {color:#fff;}
    
/* Section 2: Structural Tags */
body {
	color:#fff;
        background:#000;
	font-family: Helvetica, sans-serif;
	font-size:12px;
	height:100%;
	}

body#home-page{
    background-image: url(http://newcombptsa.org/images/layout/fullschool.jpg);
    background-repeat: no-repeat;
}

body#about-page {
    background-image: url(http://newcombptsa.org/images/layout/playground.jpg);
    background-repeat: no-repeat;
}

body#contact-page {
    background-image: url(http://newcombptsa.org/images/layout/about.jpg);
    background-repeat: no-repeat;
}

body#events-page {
    background-image: url(http://newcombptsa.org/images/layout/events.jpg);
    background-repeat: no-repeat;
}

body#links-page {
    background-image: url(http://newcombptsa.org/images/layout/events1.jpg);
    background-repeat: no-repeat;
}

body#forms-page {
    background-image: url(http://newcombptsa.org/images/layout/contact.jpg);
    background-repeat: no-repeat;
}


#wrapper {

	margin:20px;
	padding:40px;
	width:90%;
	height:90%;

}

#header {
	width:100%;
	height:80px;
        background:rgb(34,34,34); /*fallback color*/
	background:rgba(0,0,0,0.85);
}

#header img {
	border-right:2px solid #fff;
	float:left;
}

#header h1 {
	color:#fff;
	font: bold 40px Helvetica, Sans-Serif;
	letter-spacing: -1px;
        padding:5px;
	padding-left:75px;
}

#header h4 {
	color:#abc837; 
	font:bold 16px Helvetica, Sans-Serif;
	letter-spacing:1px;
	padding-left:75px;
	margin-top:-5px;
}

#nav {
 	padding-left:55%;
        position:absolute;
        top:118px;
}



#content_area {
	margin-top:70px;
	height:800px;
	width:100%;
        background:rgb(34,34,34); /*fallback color*/
	background:rgba(0,0,0,0.75);

}

#main_content {
    position:relative;
	float:left;
    padding:30px;
	width:50%;
	

	
}

#sub_content {
	float:right;
	width:35%;
}

#quick_links {
	height:300px;
	margin:10px;
	background-image:url(http://newcombptsa.org/images/layout/quicklinks.png);
	background-repeat:no-repeat;
	background-position:95% 5%;
	text-align:right;
	padding-top:5px;
	padding-right:80px;
	line-height:40px;
}

#month_links {
	height:350px;
	margin:10px;
	text-align:right;
	padding-top:5px;
	padding-right:30px;
	line-height:20px;
}

#sub_content_spacer {height:200px;}

#upcoming_events {
    margin:10px;
    height:275px;
    padding-top:50px;
    padding-right:30px;
}

#event_links {
height:300px;
margin:10px;
padding-left:100px;
line-height:30px;
}

#footer {
    clear:both;
   position:relative;
    background:rgba(0,0,0,0.75);

    padding:4px;
     letter-spacing:5px;
      text-align:center;
      color:#abc847;

}
/* Section 3: Custom Classes */

#main_content img {
border: 4px solid white;
}

#upcoming_events h1{
    font-size:36px;
    text-align:right;
    }

#upcoming_events h2{text-align:right;}

#upcoming_events table{float:right;}

td.number {padding-right:10px;}

.number {
     font-family:helvetica, sans-serif;
       font-size:40px;
       font-weight:bold;
}

#event_nav h1 {font-size:60px;}

#event_nav td{padding:5px;}

/* 
    Styling for dropdown navigation menu
    ************************************
	LEVEL ONE
*/
a {text-decoration:none;}
ul.dropdown                         {position: relative;   }
ul.dropdown li                      { font-weight: bold; float: left}
ul.dropdown a:hover		            { color: white}
ul.dropdown a:active                { color: #abc837; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color: #abc837;}
/*set background styles for active page*/


ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: #abc837; position: relative; }



/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 180px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index:100;}
ul.dropdown ul li 					{ font-weight: normal; background:rgba(0,0,0,0.7); color: green; 
									  border-bottom: 1px solid #ccc; float: none; z-index:100; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 180px; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


/* active states */
#home-page ul.dropdown li.home a                    { display: block; padding: 4px 8px;
	 								  color: white;}

#about-page ul.dropdown li.about a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color:white ;}

#events-page ul.dropdown li.events a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color:white ;}

#forms-page ul.dropdown li.forms a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color:white ;}

#links-page ul.dropdown li.links a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color:white;}

#contact-page ul.dropdown li.contact a                    { display: block; padding: 4px 8px; border-right: 2px solid #fff;
	 								  color: white;}




/* accordian styles */


.accordian {
	width: 400px;
	margin: 50px auto;
}

.accordian li {
	list-style-type: none;
	padding: 0 5px;
}

.dimension {
	height: 400px;
}
	
.even, .odd {
	font-weight: bold;
	height: 27px;
	padding-top: 3px;
	padding-left: 10px;
}
	
.even {
	border: 1px solid #d8d8d8;
	background-color: #ececec;
}
	
.odd {
	border: 1px solid black;
	background: #333;
	color: white;
}