/* Delhi Public School CSS Document */
/* Created October 2007 */

/* Begin Override and Normalize all browser defaults */
 html, head, body, 
 h1, h2, h3, h4, h5, h6, 
 div, span, p, blockquote, img, a,
 table, caption, tr, thead, th, tbody, td,
 ul, ol, li, label, form, ins {
	margin:0;
	padding:0;
	line-height:1em;
	font-size:1em;
	text-decoration:none;
	}
.cls { 
	font-size:16px;
	font-weight:bold;
	color: #66FF00}

.submit{
	width: auto;
	color: #FFFFFF;
	font-size: 12px;
	background-color:#6699FF;
	font-weight:bold;
	padding:2px;
	margin:2px;
}	  
img {
	border:none;
	}

/* End Override and Normalize Browser Defaults */

/* Page Width Control */
/* This div class controls the default width of the page */
.widthContainer {
	width:950px; /* Optimized for 1024x768 */
	margin:0px;
	padding:0px 0px 0px 30px; /* gives uniform left margin to all areas */
	}
	
.floatRight { text-align:right;}

.tocaps {text-transform:uppercase;}
.caps {text-transform:none;}
/* End Page Width Control */

.pspace{padding-left: 1px; padding-right: 1px;}

/* Begin global controls */
/* These elements control all of the page's elements unless overridden within the named spaces */
html {}
body {
	font-family:Arial, Helvetica, sans-serif;
	line-height: 10px;
	font-size: 10px;
	
	/*background-image: url(../pictures/bg.jpg);*/
	background-repeat: repeat-x;
	height:100%;
	min-width:998px;
	}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
p {}
ul {}
ol {}
li {}
a {}

a:link { 
	text-decoration:none;
	}
	
a:visited {
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	}
	
a:active {
	text-decoration:underline;
	}

/* End Global Controls */

/* Begin Named Spaces Overrides */


#topBar {
		position: relative;
	z-index: 5;
	margin:0px;
	padding:.3em 0px 0px 0px;
	text-transform:lowercase;
	height:1.7em;
		background-color: #ffffff			}

#topBar h1 {}
#topBar h2 {}
#topBar h3 {}
#topBar h4 {}
#topBar h5 {}
#topBar p {}
#topBar ul {}
#topBar ol {}
#topBar li {}
#topBar label {}
#topBar a {}
#topBar a:link {}
#topBar a:visited {}
#topBar a:hover {}
#topBar a:active {}

#topBar #skiplinks {
	display:none;
	}

#topBar #skiplinks a {font-size:1.2em;}

#topBar ul {list-style-type:none;}

/* Begin Date Area Override */ 	

#topBar #date {
	margin:0px 0px 0px .1em;
	padding:0px;
	float:left;
	}

#topBar #date a {
	font-size:1.3em;
	color: #006600;
	}

#topBar #date a:active {
	color: #006600;
	}
#topBar #date a:hover {
	color: #6699FF;
	}


/* End Date Area Override */	

/* Begin Header Area Override */	
#header {
	/*max-height: 3.3em;*/
	height:60px;
	position: relative;
	z-index: 5;
	margin:0px;
	text-transform:lowercase;
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 0px;
	background-color: #4c8c2b;		}

#header h1 {
	font-size:1em;
	font-weight:normal;
	}
#header h2 {}
#header h3 {}
#header h4 {}
#header h5 {}
#header p {}
#header ul {}
#header ol {}
#header li {}
#header img {
	margin:0px 10px 0px 0px;
	padding:0px;
	border:none;
	}
#header a {font-size:1.2em;}
#header a:link {color: #FFFF00;}
#header a:visited {color: #FFFF00;}
#header a:hover {color: #FFFF00;}
#header a:active {color: #FFFF00;}
#header .widthContainer
{
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
width:auto;
}
#header .widthContainer .headerplace{
font-size:15px;
color:#FFFF00;
}	
/* End Header Area Override */

/* Begin Content Area Override */	
#content {
        margin:0px;
        padding:0px;
        min-height: 47em;
        min-width: 1000px;
		background:url(../pictures/greenbg.jpg);
		}
		
#content .widthContainer {
	padding-left: 0px;
	width: 1000px;
	overflow:hidden;
	background:url(../pictures/greenbg.jpg);
	}
		
#content h1 {}
#content h2 {}
#content h3 {}
#content h4 {}
#content h5 {}
#content p {}
#content ul {}
#content ol {}
#content li {}
#content label {}
#content a {}
#content a:link {}
#content a:visited {}
#content a:hover {}
#content a:active {}
#content img {border:none;}

/* Begin Spotlight Image Area Override */
#content #spotImage1 {
	margin:0px;
	padding:0px;
	position:absolute;
	left:275px;
	top:140px;
	width:500px;
	height:500px;
	z-index:2;
	
	}
#content #spotImage1 h1 {}
#content #spotImage1 h2 {}
#content #spotImage1 h3 { }
#content #spotImage1 h4 {}
#content #spotImage1 h5 {}
#content #spotImage1 p {}
#content #spotImage1 ul {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 20px;
	padding: 0px;
	margin: 0px;
}
#content #spotImage1 ol {}
#content #spotImage1 li {
	list-style: none;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	white-space: nowrap;
	line-height: 20px;
}
#content #spotImage1 label {}
#content #spotImage1 a {

	line-height: 20px;
}
#content #spotImage1 a:link {}
#content #spotImage1 a:visited {}
#content #spotImage1 a:hover {background: #BDF;}
#content #spotImage1 a:active {}
#content #spotImage1 img {
	border:none;
	}
/* End Spotlight Image Area Override */	



/* Begin Spotlight Headline Area Override */
#content #spotHeadline {
	margin:0px;
	padding:0px;
	position:absolute;
	text-transform:lowercase;
	top: 476px;
	left:483px;
	width: 250px;
	z-index:6;
	color: #FF0000;
	
	}

#content #spotHeadline div.spotline {
	margin-top: 3px;
	color: #FF0000;
	float:right;
}

#content #spotHeadline span.spotline {
	 	 	 padding: 2px 5px 2px 5px;
	 line-height: 1.5em;
	 color: #FF0000;
	 	float:right;
}

#content #spotHeadline span.spotline a:hover {
	 text-decoration: none;
	 color: #FF0000;
}

#content #spotHeadline .headline {font-size: 1.5em; 
	 	       		  font-weight: bold;
				  line-height: 19px;}
#content #spotHeadline .subheadline { 	text-transform: lowercase;
                                  font-size: .8em;
								  font-weight:bold;
				   line-height: 19px;}	
#content #spotHeadline h1 {}
#content #spotHeadline h2 {font-size:1.5em;}
#content #spotHeadline h3 {font-size:1.2em;}
#content #spotHeadline h4 {}
#content #spotHeadline h5 {}
#content #spotHeadline p { font-size:1.2em;}
#content #spotHeadline ul {}
#content #spotHeadline ol {}
#content #spotHeadline li {}
#content #spotHeadline label {}
#content #spotHeadline td {vertical-align:top;}
#content #spotHeadline a {color: #006600; font-weight:bold}
#content #spotHeadline a:link {}
#content #spotHeadline a:visited {}
#content #spotHeadline a:hover {}
#content #spotHeadline a:active {}
#content #spotHeadline .inline {display:inline;}
#content #spotHeadline .spotlink { text-transform: lowercase;
                                  font-size: 1.2em;
								  font-weight:bold;
				   line-height: 19px;}

#content #spotHeadline #spotlink_container {
	 }

/* End Spotlight Headline Area Override */

#content #lineLeft {
	display:block;
	position:absolute;
	border-left:1px solid #FF0000;
	height:40em;
	top:10em;
	left:260px;
	width: 1px;
	z-index:5;
	}

#content #lineRight {
	display:block;
	position:absolute;
	border-right:1px solid #FF0000;
	height:40em;
	top:10em;
	left:700px;
	width: 1px;
	z-index:5;
	}

/* Navigation and Search Container */
#content #navAndSearch {
	text-transform:lowercase;
	width:250px;
	z-index:5;
	color: #000000;
	float:left;
	position:relative;
	padding-top: 0.5em;
	padding-right: 10px;
	padding-bottom: 0.5em;
	padding-left: 5px;
	background-image: url(../img/d091117-navbg.png);
	background-repeat: repeat;
	margin-top: 0.5em;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 5px;
		}

#content #navAndSearch h3 {
	font-size:1.4em;
	}
	
#content #navAndSearch a:link {
	color: #e97f0e;
	}
#content #navAndSearch a:visited {
	color: #e97f0e;
	}
#content #navAndSearch a:active {
	
	color: #e97f0e;
	}
#content #navAndSearch a:hover {
	text-decoration: underline;
	color: #FFFF00;
	}
	
#content #navAndSearch .inline {display:inline;}

/* Begin Navigation Area Override */
#content #navAndSearch #nav  {
	margin:0px 0px 2.2em 0px;
	padding:0px;
	}
	
#content #navAndSearch #nav  h1 {}
#content #navAndSearch #nav  h2 {}

#content #navAndSearch #search .navtitle {
              color: #8bb410;
       }

#content #navAndSearch #nav .navtitle {
              color: #FFFF00;
       }

#content #navAndSearch #nav  h3 {}
#content #navAndSearch #nav  h4 {}
#content #navAndSearch #nav  h5 {}
#content #navAndSearch #nav  p {}
#content #navAndSearch #nav  ul {
	list-style-type:none;
	}

#content #navAndSearch #nav ol {}
#content #navAndSearch #nav li {
	font-weight:bold;
	font-size:1.35em;
	/* margin-bottom:11px; */
	margin-bottom: 10px;
	}
	
#content #navAndSearch #nav .subNavList {margin-top:2px;}
#content #navAndSearch #nav .subNav {
	display:inline;
	font-weight:normal;
	font-size:.9em;
	}
#content #navAndSearch #nav  label {}
#content #navAndSearch #nav  a {}
#content #navAndSearch #nav  a:link {}
#content #navAndSearch #nav  a:visited {}
#content #navAndSearch #nav  a:hover {}
#content #navAndSearch #nav  a:active {}

#content #navAndSearch #nav .caps {text-transform:none;}
/* End Navigation Area Override */	

/* Begin Search Area Override */
#content #navAndSearch #search {
	margin:0px;
	padding:0px;
	}
	
#content #navAndSearch #search h1 {
	margin-top:.7em;
	margin-bottom:.7em;
	}
#content #navAndSearch #search h2 {}
#content #navAndSearch #search h3 {}
#content #navAndSearch #search h4 {}
#content #navAndSearch #search h5 {}
#content #navAndSearch #search p {}
#content #navAndSearch #search ul {}
#content #navAndSearch #search ol {}
#content #navAndSearch #search li {}
#content #navAndSearch #search label {}
#content #navAndSearch #search a {}
#content #navAndSearch #search a:link {}
#content #navAndSearch #search a:visited {}
#content #navAndSearch #search a:hover {}
#content #navAndSearch #search a:active {}
#content #navAndSearch #search label {
	text-decoration:none;
	margin-right:.3em;
	font-size:1.1em;
	}
/*#content #navAndSearch #search input {
	vertical-align:middle;
	margin-right:.3em;
	}*/
#content #navAndSearch #search ins {
	line-height:1em;
	vertical-align:middle;
	}
	
#content #navAndSearch #search #searchBox {
	margin-top:.5em;
	width:170px;
	font-size:1.2em;
	height:1.3em;
	border:1px solid #999999;
	}

#content #navAndSearch #search #gobut {
	font-size:1em;
	padding:1px;
	margin-top:.5em;
	margin-left:-.3em;
	}
/* End Search Area Override */

#content #newsAndEvents {
	z-index:5;
	color: #e97f0e;
	width:200px;
	float:right;
	position:relative;
	padding-top: 0.5em;
	padding-right: 10px;
	padding-bottom: 0.5em;
	padding-left: 10px;
	background-image: url(../img/d091117-newsbg.png);
	background-repeat: repeat;
	margin-top: 0.5em;
	margin-right: 10px;
	margin-bottom: 0em;
	margin-left: 0.5em;
	left: 19px;
	top: -3px;
	}
	
#content #newsAndEvents h3 {
	font-size: 1.1em;
	}

#content #newsAndEvents h3 a:link {
	color: #FFFF00;
	}	

#content #newsAndEvents h3 a:visited {
	color: #FFFF00;
	}

#content #newsAndEvents ul {
	margin:0px 0px 0px 0em;
	list-style-type: none;
	}
	
#content #newsAndEvents li {
	line-height:1.2em;
	/* margin-top: 12px; */
	margin-top: 9px;
	margin-bottom: 0;
	font-size:1.2em;
	margin-left:0px;
	}
	
#content #newsAndEvents p {
	/* line-height:1.5em; */
	margin-top: 1.2em;
	margin-bottom:0em;
	font-size:1.2em;
	}
#content #newsAndEvents a:link {
	color: #e97f0e;
	}
#content #newsAndEvents a:visited {
	color: #e97f0e;
	}
#content #newsAndEvents a:active {
	
	color: #e97f0e;
	}
#content #newsAndEvents a:hover {
	text-decoration: underline;
	color: #FFFF00;

	}
	
#content #newsAndEvents .inline {display:inline;}

/* Begin News Area Override */
#content #newsAndEvents #news {
	margin-top: 0em; 
	margin-right: 0px; 
		margin-bottom: 2.5em;
	margin-left: 0px;
	padding:0px;
	}
	
#content #newsAndEvents #news h1 {}
#content #newsAndEvents #news h2 {}
#content #newsAndEvents #news h3 {}
#content #newsAndEvents #news h4 {}
#content #newsAndEvents #news h5 {}
#content #newsAndEvents #news p {}
#content #newsAndEvents #news ul {}
#content #newsAndEvents #news ol {}
#content #newsAndEvents #news li {}
#content #newsAndEvents #news label {}
#content #newsAndEvents #news a {}
#content #newsAndEvents #news a:link {}
#content #newsAndEvents #news a:visited {}
#content #newsAndEvents #news a:hover {}
#content #newsAndEvents #news a:active {}
/* End News Area Override */
#content #newsAndEvents #news .newstitle {
	font-size:1.5em;
	font-weight:bold;
	color: #FFFF00;
       }

/* Begin Events Area Override */
#content #newsAndEvents #events {
	margin:0px;
	padding:0px;
	/* uncomment the following code to specify the exact location of the events DIV */
	/* position:absolute; */
	/* top:30em; */
	/* left:400px; */
	
	}
#content #newsAndEvents #events h1 {}
#content #newsAndEvents #events h2 {}
#content #newsAndEvents #events h3 {}
#content #newsAndEvents #events h4 {}
#content #newsAndEvents #events h5 {}
#content #newsAndEvents #events p {}
#content #newsAndEvents #events ul {}
#content #newsAndEvents #events ol {}
#content #newsAndEvents #events li {}
#content #newsAndEvents #events label {}
#content #newsAndEvents #events a {}
#content #newsAndEvents #events a:link {}
#content #newsAndEvents #events a:visited {}
#content #newsAndEvents #events a:hover {}
#content #newsAndEvents #events a:active {}
#content #newsAndEvents #events .eventDate {font-style:italic;}
/* End Events Area Override */	

/* Begin Credit Area Override */
#content #credit {
	width: 168px;
	padding: 1.0em 14px 1.0em 14px;
	position:absolute;

		
		top: 49.3em;
	left: 767px;
			z-index: 6;

		  background-image: url(../img/d091117-creditbg.png);
	  background-repeat: repeat;
		}
	
#content #credit h1 {}
#content #credit h2 {}
#content #credit h3 {}
#content #credit h4 {
	font-size:1.2em;
	font-weight:normal;
	}
#content #credit h5 {}
#content #credit p {}
#content #credit ul {}
#content #credit ol {}
#content #credit li {}
#content #credit label {}
#content #credit a {
	color: #555555;
	}
#content #credit a:link {}
#content #credit a:visited {}
#content #credit a:hover {}
#content #credit a:active {}
/* End Credit Area Override */

#content #canvas {}
#content #canvas a {}
#content #img {}

#content #leftbar {
  display: none;
}

#rightbar {
  display: none;
}

/* End Content Area Override */

/* Begin Footer Area Override */
#footer {
	position: relative;
	z-index: 5;
	margin:0px;
	padding-top: .5em;
	padding-right: 0px;
	padding-bottom: .5em;
	padding-left: 0px;
	text-transform:lowercase;
	color: #FFFFFF;
	background:url(../pictures/bg.jpg);
	
		}
		#footer .widthContainer {
		color:#FFFFFF;
		
		}
#footer h1 {}
#footer h2 {}
#footer h3 {}
#footer h4 {}
#footer h5 {
	font-size:1.2em;
	font-weight:bold;
	}
#footer p {}
#footer ul {}
#footer ol {}
#footer li {}
#footer label {}
#footer td {
font-weight:bold;
	vertical-align:top;
	text-align:left;
	margin:0px;
	padding:0px;
	line-height:1em;
	}
	
#footer a {
	line-height:1.2em; 
	color: #FFFFFF;
	}
	
#footer a:link {}
#footer a:visited {}
#footer a:hover { color:#006600}
#footer a:active {}
#footer #footerDPS {
color:#FFFFFF;
	width:270px; /* default 290px */
	}
#footer #footerAddress {
color:#FFFFFF;
	width:220px; /* default 240px */
	}
#footer #footerTelephone {
color:#FFFFFF;
	width:160px; /* default 173px */
	}
#footer #footerAbout {
color:#FFFFFF;
	width:100px; /* default 180px */
	}
	#footer #footerTelephone table{
color:#FFFFFF;
	}
/* End Footer Area Override */
/* Begin Spotlight Image Area Override */
#content #spotImage2 {
	margin:0px;
	padding:0px;
	position:absolute;
	left:269px;
	top:102px;
	width:500px;
	height:auto;
	z-index:2;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-transform:none;
	
	}
#content #spotImage2 h1 {}
#content #spotImage2 h2 {}
#content #spotImage2 h3 {}
#content #spotImage2 h4 {}
#content #spotImage2 h5 {}
#content #spotImage2 p {}
#content #spotImage2 ul {}
#content #spotImage2 ol {}
#content #spotImage2 li {}
#content #spotImage2 label {}
#content #spotImage2 a {}
#content #spotImage2 a:link {}
#content #spotImage2 a:visited {}
#content #spotImage2 a:hover {}
#content #spotImage2 a:active {}
/* End Spotlight Image Area Override */	

/* Begin Spotlight Image Area Override */
#content #spotImage3{
	left:280px;
	top:560px;
	margin:0px;
	padding:0px;
	position:absolute;
	width: 500px;
	height: auto;
	z-index:2;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:1.6em;
	color:#FF6600;
}
#content #spotImage3 h1 {}
#content #spotImage3 h2 {}
#content #spotImage3 h3 {}
#content #spotImage3 h4 {}
#content #spotImage3 h5 {}
#content #spotImage3 p {}
#content #spotImage3 ul {}
#content #spotImage3 ol {}
#content #spotImage3 li {}
#content #spotImage3 label {}
#content #spotImage3 a {}
#content #spotImage3 a:link {
color:#FFFFFF;
}
#content #spotImage3 a:visited {}
#content #spotImage3 a:hover {
	color:#0099FF;
	text-decoration:none}
#content #spotImage3 a:active {}
#content #spotImage3 .date_header { font-size:1em; color:#006600;; font-family:"Times New Roman", Times, serif; font-weight:bold }


/* End Spotlight Image Area Override */	

/* Begin Spotlight Image Area Override */
#content #spotImage4{
	margin:0px;
	padding:0px;
	position:absolute;
	left:270px;
	top:650px;
	width: 514px;
	height: 70px;
	z-index:2;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	text-transform:none;
	color:#FFFFFF;
	}
#content #spotImage4 h1 {}
#content #spotImage4 h2 {}
#content #spotImage4 h3 {}
#content #spotImage4 h4 {}
#content #spotImage4 h5 {}
#content #spotImage4 p {}
#content #spotImage4 ul {
color:#FFFFFF;
}
#content #spotImage4 ol {}
#content #spotImage4 li {
color:#FFFFFF;
}
#content #spotImage4 label {}
#content #spotImage4 a {
color:#FFFFFF;
}
#content #spotImage4 a:link {}
#content #spotImage4 a:visited {}
#content #spotImage4 a:hover {
	color:#FF0000;
}
#content #spotImage4 a:active {}
/* End Spotlight Image Area Override */	

/* Begin Spotlight Image Area Override */
#content #spotImage5{
	margin:0px;
	padding:0px;
	position:absolute;
	left:270px;
	top:780px;
	width: 514px;
	height: 70px;
	z-index:2;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	text-transform:none;
	color:#FFFFFF;
	}
#content #spotImage5 h1 {}
#content #spotImage5 h2 {}
#content #spotImage5 h3 {}
#content #spotImage5 h4 {}
#content #spotImage5 h5 {}
#content #spotImage5 p {}
#content #spotImage5 ul {
color:#FFFFFF;
}
#content #spotImage5 ol {}
#content #spotImage5 li {
color:#FFFFFF;
}
#content #spotImage5 label {}
#content #spotImage5 a {
color:#FFFFFF;
}
#content #spotImage5 a:link {}
#content #spotImage5 a:visited {}
#content #spotImage5 a:hover {
	color:#FF0000;
}
#content #spotImage5 a:active {}
/* End Spotlight Image Area Override */	


/*----------------crumb_navigation-------------*/
.crumb_navigation{
width:auto;
height:auto;
padding:5px 10px 0 20px;
color:#FFFFFF;
background:url(images/navbullet.png) no-repeat left;
background-position:5px 6px;
font-size:12px;
font-weight:bold;
}
.crumb_navigation a{
color:#006600;
text-decoration:none;
font-size:12px;
font-weight:bold;
}
.crumb_navigation a:hover{
color:#FF9900;
text-decoration:underline;
font-size:12px;
font-weight:bold;
}
span.current{
color:#FF9900;
font-size:12px;
}