/* 
Deerpark School District Design Style Sheet
-------------------------------------------------------
Copyright (c) 2008, Chasetheweb.net

Last Updated: Mir Tanvir Hossain
Date: 10/22/2008 */   


/* Color Schemes
maroon : #600807
light tan :  #E9E4D1
dark grey: #43484B

 
 */
 
/*//////////////////////////// DESIGN ///////////////////////////////////////////////////////*/

	body { 
	        	background-color: #43484B;
		}
	

	
	    div#page {
	        	background-color:White;
   			}


		/* HEADER */
			div#header {
				background: url(/Template/DeerPark/images/header_bg.jpg) no-repeat;
			}
			/* END HEADER */
		
			 
		 /* CONTENT */
			
			.curvy, .nomod {
			    background-color:#E9E4D1;
			    padding: 0px; 
			    position: relative; 
			    border-top-width: 0px; 
			    border-bottom-width: 0px; 
			    background-position: 0px -10px;
			}
		
		 /* END CONTENT */
			
		/* FOOTER */
			div#footer {
				color: black;
			
			}
		/* END FOOTER */


/*//////////////////////////// END DESIGN ///////////////////////////////////////////////////*/

/*//////////////////////////// TYPOGRAPHY ///////////////////////////////////////////////////*/
	div#UpcomingEvents-Title {
		font-size: 1.4em;
		font-family: Tahoma, Verdana, Geneva, Arial, Helvetica;
		font-weight: bold;
	}
	
	span.Event-Date {
		font-weight: bold;
	}
	
	body {
	            text-align: left;
	            font-family: Tahoma, Verdana, Geneva, Arial, Helvetica;
	            line-height: 1.5em;
	            color: #333;
				font-size: 12px;
            	
	}
	div {
		
	}
						

		
		/* TEXT */
			p {
			    padding: 0;
			    font-size: 1em;
			    line-height:1.4em;
			    margin-top: 0;
			    margin-right: 10px;
			    margin-bottom: 1.5em;
			    margin-left: 0;
			    }
			blockquote {
				margin-left: 10px;
				border-left: 10px solid #ddd;
			}
			pre {
				font-family: monospace;
				font-size: 1.0em;
			}
			strong, b {
				font-weight: bold;
			}
			em, i {
				font-style:italic;
			}
			code {
				font-family: "Courier New", Courier, monospace;
				font-size: 1em;
				white-space: pre;
			}
		/* END TEXT */
		
		/* HEADINGS */
			h1 {
				margin: 0 0 0.5em 0;
				padding: 0;
				font-size: 3em;
				line-height: 1.5em;
				color: #000000;
				text-align: left;
			
			}
		div#banner {
			height: 178px;
		}
		
		div#banner h1{
		        margin-top:5px;
		        margin-bottom:0;
		        font-size:3em;
		        margin-left:20px;
		        text-align:left;
		}			
			
			h2 {
				margin: 5px 0 0px 0;
				padding: 0;
				font-size: 1.2em;
				line-height: 1.5em;
				color: #5E0906;
				text-align: left;
			}
			
			
			div#local h2, #subcontrol h2 {
				margin: 0 0 0.5em 0;
				padding: 0;
				font-size: 1.2em;
				line-height: 1.5em;
				color: #000000;
				text-align: center;
			}
			
			#staffprofile h2 {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 13px;
				font-weight: bold;
				color: #003399;
				padding:0px;
				margin: 0px;
			 }
			
			
			h3 {
				margin: 0 0 0.5em 0;
				padding:0;
				font-size: 1.4em;
				line-height: 1.3em;
				color: #000000;
				
			}
			
			#staffprofile h3 {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				color: #4D7BD7;
				padding:0px;
				margin: 0px;
			 }
 			
			h4 {
				margin: 0 0 0.25em 0;
				padding: 0;
				font-size: 1.2em;
				line-height: 1.3em;
				color: black;
			}
			h5 {
				margin: 0 0 0.25em 0;
				padding: 0;
				font-size: 1.1em;
				line-height: 1.3em;
				color: black;
			}
			h6 {
				margin: 0 0 0.25em 0;
				padding: 0;
				font-size: 1em;
				line-height: 1.3em;
				color: black;
			}
			hr{
			    color:#5E0807;
			    background-color:#5E0807;
			}
		/* END HEADINGS */
		
		/* SPECIAL CLASSES */
		
		.bold {
		        font-weight:bold;
		        font-size:90%;
        	
		}
		.bolder {
		        font-weight:bolder;
		}
		.center{
		        text-align:center;
		}
		
			div#search{
			    color:White;
			    font-weight:bold;
    			
			}
			
			div#photoGallery{
			    float:right;
			    position:static;
    			
			}
			
			
		.small{
	            font-size: 0.8em;
	            color: #666666;
	            line-height:1;
	            padding-bottom:10px;
		}
		
		.requiredfield {
		        font-weight: bold;
		        color: Red;
		}

		.watermarked {
	            color:#666666;
        }

        		#importantlinks {
			    width:145px;
				padding: 5px;	
			    margin-top: 15px;
			}
			
			#importantlinks a {
			    font-size: 8pt;
			}
		/*END SPECIAL CLASSES */
	
	
	
	/*///////////////////// LINKS */
		a,
		a:link,
		a:active {
		        color: #005982;
		        font-size: 1em;        
		}
		a:visited {
			    color:#005982;
			    background-color: transparent;
		}
		a:hover {
			    color: #005982;
			
		}
	
		/* Header LINKS */
			#header a,
			#header a:link,
			#header a:active {
			    text-decoration: none;
			    color: #D1232A;
			    font-size: .9em;
			
			}
			
			#header a:visited {
				color:#D1232A;
				background-color: transparent;
			}
			#header a:hover {
				text-decoration: none;
				
				color: white;
				
			}
		/* END Header LINKS */
		
		/* Footer LINKS */
			#footer a,
			#footer a:link,
			    #footer a:active {
			    text-decoration: none;
			    color: #005982;
			    font-size: .9em;        
			}
			#footer a:visited {
				background-color: transparent;
			}
			#footer a:hover {
				text-decoration: underline;
				
			}
		/* END Footer LINKS */
	
	/* END LINKS */
	
		
	/* ///////////////////////////LISTS */
		ul {
		        margin: 0;
		        padding: 0;
		        line-height:1.7em;
		        list-style-type: none;
		}
		ul li {
			    margin: 0;
			    padding: 0;
		}
		ol {
			    margin: 0 0 1.5em 0;
			    padding: 0;
			    font-size: 1.0em;
			    line-height: 1.4em;
		}
		ol li {
			    margin: 0 0 0.25em 30px;
			    padding: 0;
			    font-size: 1.0em;
		}
		div#sub1  ul {
			    list-style: inside; 
			    margin-left: 20px;
			    margin-bottom: 1.5em;

		}	
		
		div#sub1 ol {
			    list-style: circle; 
			    margin-left: 20px;
		}			
		

	
	/* END LISTS */
		

    
/* ///////////////////////////////////END TYPOGRAPHY //////////////////////////////////////////////////////////*/    
