/* Colours 

Main = ff9933;
Darker = f06700;
Darkest = a64200;

*/

/* Layout Styles */

body {  font-size: 12px; 
		line-height: 1.3em;
		font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,sans-serif; 
		text-align: center; 
		color: #555555;
		background: #666666 url(images/bg.gif) repeat-x top left; margin: 0
/*		background-color: #333333;*/
		
}

.mainCol {color: #333333}

a { color: #F06700;
	text-decoration: none;
	outline: 0;
}

a:hover { text-decoration: underline; }
a:active { text-decoration: underline; }

table.std {width: 100%; background-color: transparent; border: 1px solid #cccccc; border-spacing: 0px; border-collapse: collapse; margin-bottom: .6em}
table.std caption {background-color: #f06700; color: #ffffff; border-bottom: 2px solid #a64200; text-align: left; padding: .2em .2em .2em .5em; font-size: 1.1em;font-weight: bold}
table.std tr.header {background-color: #aaaaaa; border-bottom: 1px solid #ffffff}
table.std tr.rowa {background-color: #eeeeee;}
table.std tr.rowb {background-color: #dddddd;}
table.std th {border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; font-size: 90%; padding: 0 5px 0 5px; height: 2em; line-height: 1.2em; vertical-align: middle; color: white}
table.std td {border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; font-size: 90%; padding: 0 5px 0 5px; height: 2em; line-height: 1em; vertical-align: middle}



div#outsideicons {
	width: 800px;
	height: 30px;
	text-align: right;
	line-height: 30px;
	vertical-align: middle;
	color: #F06700;
	font-size: 11px;
	background: transparent;
	margin: auto;

}

div#outsideicons a {

	color: #F06700;

}

div#outsideicons a:hover,  div#outsideicons:active {
	
	color: #ffffff;

}

div#banner{

	width: 800px;
	height: 100px;
	margin: auto;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;

}


div#header{

	width: 800px;
	height: 114px;
	margin: auto;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	background: url(images/dmlogo.jpg) no-repeat left top;
}

div#printheader{

	height: 110px;
	margin: 0;
	background: url(images/dmfPrintLogo.gif) no-repeat left top;
	display: none;
	
}

div#footer{

	font-size: .9em;
	width:800px; 
	height:35px; 
	background: transparent;
	color: #000000;
	margin: auto;
	padding-bottom: 25px;
}


div#maincontainer{
	width:800px; 
	height:auto;
	min-height: 1000px;
	margin: 0 auto 25px auto;
	padding: 15px 0 25px 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #ffffff url(images/contentbg.gif) repeat-y 0 0

}

/* Menu Style */

div#menucontainer {
	
			width: 100%;
			height: 25px;
			background: #A64200;
			border-bottom: #000000 1px solid;
}


div#menu {	 
			padding: 0; 
			width: 800px; 
			height: 25px; 
			background-color: transparent; 
			text-align: right; 
			overflow: hidden;
			color: #FF9933; 
			line-height: 25px; 
			vertical-align: middle;
			background: #FF9933;
			margin: auto;
			border-left: #000000 1px solid;
			border-right: #000000 1px solid;
			border-bottom: #000000 1px solid;
}
#menu a {

			float: left; 
			margin: 0; 
			padding: 0 10px 0 10px; 
			font-weight: bold;
			text-decoration: none; 
			background: transparent; 
			color: #333333;
			border-right: #000000 1px solid;
}


#menu a:hover, #menu a:active {

			font-weight: bold;
			background: #000000;
			color: #ffffff;

}
			
#menu a#selected {
			
			font-weight: bold;
			background: #F06700;
			color: #ffffff;


}			


/* Left Bar */

div#leftbar {

				float: left;
                width: 175px;
                padding-left: 15px;
                padding-right: 8px;
                height: auto;
                *height: 1200px;
                min-height: 1200px;
                margin-left: -215px !important;
                *margin-left: -215px;
                background: url(images/leftbar.gif) repeat-y 0 0;
                text-align: left;

}


form .login {

        font-size: .9em;

}

form.login input.text {

        border: 1px solid #999999;
        font-size: .9em;
        padding: .2em;
        color: #555555;
        width: 125px;
}

form.login label {

        color: #006288;

}

form.login input.button {

        font-size: .9em;
        background-color: #007bb7; 
        color: white; 
        border-bottom: 2px solid #005077; 
        border-right: 2px solid #005077; 
        border-top: 2px solid #59a9d0; 
        border-left: 2px solid #59a9d0; 
        height: 1.8em; 
        line-height: 1.0em; 
        vertical-align: middle;  
        margin-right: .2em;
        margin-top: 1em;
        padding: 0 .3em 0 .3em

}




div.login {

        margin: 0 0 3em 0;

}


/* Content */


div#content {

				height: 100%;
				width: 565px;
				margin-left: 215px; 
				padding-top: 10px;
				padding-right: 20px;
				text-align: left;
}


#content ul {
				margin-top: 0; 
				list-style-type: square;
				

}

#content li {
				margin-top: 0; 
				margin-bottom: .5em; 
				line-height: 1.5em
				
}

div#content h1 { 
				
				margin: 0px;
				font-size: 1.8em;
                font-weight: bold;
                color: #333333;
              
}

div#content h2 { 
				margin: 0;
				font-size: 1.4em;
                font-weight: bold;
                padding-bottom: 10px;
                color: #333333;
}

div#content h2 a { 

				margin-right: 1em;
				
}


div#content h3 { 
				margin: 0;
				font-size: 1.2em;
                font-weight: bold;
                color: #333333;
}



div#content h4 { 
				margin-bottom: 2em;
				font-size: 1em;
				font-weight: bold;
				padding-bottom: .5em;
				border-bottom: 1px solid #F06700;
				
}

div#content h4 a { 

				margin-right: 1em;
				padding-left: 10px; 
				background: url(images/submenuLink.gif) no-repeat left center;
			
}

div#content h4 a:hover { 

				text-decoration: none;
			
}


div#content h5 { 
				text-transform: uppercase;
				font-size: 1.3em;
                font-weight: bold;
                color: #333333;
                display: block;
              
}

div#news {

    width: 360px;
	min-height: 220px;
	padding-left: 195px;
	

}

div#newscalendar {
    float: left;
	width: 140px;
	height: 200px;
	margin-left: -195px !important;
    *margin-left: -95px;

}



#content div#monthcell {

			float: left; 
			padding:  0px; 
			width: 140px; 
			height: 20px; 
			margin:0; 
			border: 0px solid white; 
			font-size: 1em;
			font-weight: bold; 
			color: #CC6600;
			text-align: center; 
			overflow: hidden;
			
}
			
			
#content div#weekdaycell {

			float: left; 
			text-align: center; 
			padding: 0; 
			background-color: white; 
			width: 20px; 
			height: 18px; 
			margin:0 0 3px 0; 
			border: 0px solid white; 
			font-size: 11px; 
			font-weight: bold; 
			color: 	#CC6600;
			overflow: hidden;
		
}
#content div#cell {

			float: left; 
			padding: 0px; 
			background-color: #bbbbbb; 
			width: 20px; 
			height: 18px; 
			margin:0 0 2px 0; 
			border: 0px solid white; 
			font-size: 11px; 
			font-weight: bold; 
			color: white; 
			text-align: center; 
			overflow: hidden;
			
}


#content div#celltoday {

			float: left; 
			padding: 0px; 
			background-color: #CC6600;
			width: 20px; 
			height: 18px; 
			margin:0 0 2px 0; 
			border: 0px solid white; 
			font-size: 11px; 
			font-weight: bold; 
			color: white; 
			text-align: center; 
			overflow: hidden
			
}


#content div#fillercell {

			float: left; 
			background-color: #eeeeee; 
			width: 20px; 
			height: 18px; 
			padding: 0; 
			margin:0; 
			border: 0px solid white; 
			overflow: hidden

}


div.newsitem {
	
	padding: 0 0 15px 0 ;
	margin: 0 0 5px 0;
	font-size: .9em;

}


form.std legend {

        font-weight: bold;
        font-size: 1.2em;
        padding: 0 .5em 0 .5em;
        color: #FF9933;

}

form.std fieldset {

        margin: 0 0 1em 0;
        border: 1px solid #cccccc;

}

form.std input.text{

        border: 1px solid #999999;
        color: #555555;
        padding: .2em;

}



form.std input.button {

        background-color: #FF9933; 
        color: white; 
        border-bottom: 2px solid #F06700; 
        border-right: 2px solid #F06700; 
        border-top: 2px solid #FFCC66; 
        border-left: 2px solid #FFCC66; 
        height: 1.8em; 
        line-height: 1.0em; 
        vertical-align: middle;  
        margin-right: .2em; 
        padding: 0 .3em 0 .3em}


}

form.std select {

        font-size: .9em;
        color: #555555;
}


form.std option {

        font-size: .9em;
        color: #555555;
}

form.std p {

    font-size: .9em;
    color: #555555;
    font-style: italic;
    background: #FFCC66;
    padding: .5em;

}


form.std textarea {
        
        border: 1px solid #999999;
        color: #555555;
        font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,sans-serif; 
        font-size: 1.1em;
        padding: .2em;
        width: 200px;

}





div#schoolsmall {

	width: 130px;
	height: 340px;
	padding: 5px;
	margin-right: 10px; 
	margin-bottom: 10px;
	border: 1px solid #999999; 
	float: left;
	text-align: center;
}

/* Messaging Styles */

div#error {font-size: 90%; padding: .5em 1em 0 1em; margin-bottom: 1em; background-color: #ffff99; border: 1px solid #e5e500; color: #ff0000;}
#error ul {list-style: url() none; padding: 0; margin: 0 }
#error li {padding: 0 0 0.5em 25px; line-height: 1.3em; margin: 0; background: url(images/error.gif) no-repeat left top}

div#general {font-size: 90%; padding: .5em 1em 0 1em; margin-bottom: 1em; background-color: #eeeeee; border: 1px solid #999999; color: #555555;}
#general ul {list-style: url() none; padding: 0; margin: 0 }
#general li {padding: 0 0 0.5em 25px; line-height: 1.3em; margin: 0; background: url(images/check.gif) no-repeat left top}




table.schedule {width: 560px; height: 500px; background-color: transparent; border: 1px solid #cccccc; border-spacing: 0px; border-collapse: collapse; margin-bottom: .6em}
table.schedule caption { background-color: #f06700; color: #ffffff; border-bottom: 2px solid #a64200; text-align: left; padding: .2em .2em .2em .5em; font-size: 1.1em;font-weight: bold}
table.schedule tr.header {background-color: #aaaaaa; border-bottom: 1px solid #ffffff}
table.schedule th {border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; font-size: 90%; padding: 0 5px 0 5px; height: 2em; line-height: 1.2em; vertical-align: middle; color: white}
table.schedule td {vertical-align: top; padding: 0 5px 0 5px; border: 1px solid #ffffff;}
table.schedule td.fillercell {height:65px; background: #eeeeee; overflow: hidden;}
table.schedule td.tbcell {height:65px; background: #dddddd; overflow: hidden;}
table.schedule td.tbcelltoday {height:65px; background: #ff9933; overflow: hidden;}
table.schedule span.tbcelldate {text-indent: 2px; font-size: 1.1em; font-weight: bold; color: #777777}