/*
You are allowed to do whatever you want with this layout. Though I would be pleased if you placed a link on your site to csseasy.com or to profit42.com (best "blog about hacking" ever). Donations are also welcome: paypal@profit42.com (or follow the donation button on csseasy.com)
*/
* {
  padding:0;
  margin:0;
}

a:link,a:visited{
  text-decoration:underline;
}

a:hover,a:visited:hover{
  text-decoration:underline;
}

a.inactive:link,a.inactive:visited{
  text-decoration:underline;
}

h1{
	margin: 0 0 5px 0;
  font-size: 16pt;
}
h2{
	margin: 0 0 5px 0;
  font-size: 13pt;
}
h3{
	margin: 0 0 5px 0;
  font-size: 16pt;
}
h4{
	margin: 0 0 5px 0;
  font-size: 11pt;
}
h5{
	margin: 0 0 5px 0;
  font-size: 10pt;
}
h6{
  font-size: 9pt;
}

p{
	margin: 0 0 5px 0;
	font-style: normal;
	}

body{
	font-family: Arial, sans-serif;
	font-style: normal;
  font-size: 9pt;
}

#header{ 
background-color:#FFFFFF;
height:79px;
}

#logo{
background: url('../images/logo2.gif') no-repeat;
height:79px;
width:244px;
float:left;
}

#infoblock{
background-color:#CED6FF;
height:79px;
width:496px;
float:left;
}

#toplinks{
height:21px;
padding-top:10px;
float:right;
clear: right;
}

#emailus{
background: url('../images/emailus.gif') no-repeat;
height:21px;
width:54px;
border-right: 1px solid #2C2F64;
float:right;
}

#phoneus{
background: url('../images/phoneus.gif') no-repeat;
height:21px;
width:85px;
padding-right:6px;
float:right;
}

#bsd{
background: url('../images/bsd2.gif') no-repeat;
height:21px;
width:42px;
padding-right:6px;
float:right;
}

#schoolname{
background: url('../images/schoolbgd.gif') repeat-x;
height:48px;
width:496px;
float:right;
clear: right;
}

#banner{
background: url('../images/dni_banner.gif') no-repeat;
width:350px;
height:48px;
margin-left:15px;
}

#navigation{
position: relative; 
float:left;
width:150px;
background: url('../images/navback.gif') repeat-y top left;
padding:0 0 15px 0;
margin: 0;
}

#navhead{
background: url('../images/navhead.gif') no-repeat;
width:150px;
height:28px;
display:block;
}

#navsection{
width:150px;
display:block;
}

.navheading{
color:#F7E79C;
font-size: 7pt;
font-weight: bold;
display:block;
padding:0 0 0 0px;
margin: 0 0 1px 8px;
}

.navbutton{
width:118px;
height:16px;
background: url('../images/navbutton.gif') no-repeat;
color:#000000;
font-size: 7pt;
font-weight: bold;
display:block;
padding:2px 0 0 5px;
margin: 0 0 0 8px;
}

.navbutton:hover{
background-position: -123px 0px;
}

.navbutton a{
color:#000000;
text-decoration:none;
}

#selected{
background-position: -123px 0px;
}

#navitems{
padding: 1px 0 1px 0;
}

.navitem{
font-size: 7pt;
width:115px;
font-weight: bold;
padding:0 0 3px 13px;
text-decoration:none;
background: url('../images/bullet.gif') no-repeat;
background-position: 5px -9px;
}

.navitemhead{
font-size: 7pt;
width:115px;
font-weight: bold;
padding:0 0 3px 13px;
color:#F7E79C;
}

.navitem:hover{
background-position: 5px 1px;
}

#navselected{
background-position: 5px 1px;
}

.navitem a{
color:#FFFFFF;
text-decoration:none;
}


#center { 
margin:0px;
padding:0px 0 0 0;
background: url('../images/navback.gif') repeat-y top left;
}

#maincontent{
position: relative; 
width:590px;
padding: 15px 0 10px 0;
margin:0px 0 0 150px;
}

#maincontent h1{
font-family: tahoma, sans-serif;
border-bottom: thin solid #000000;
padding-bottom: 5px;
margin-bottom: 12px;
}

#maincontent h2{
color:#000000;
font-family: tahoma, sans-serif;
margin-bottom: 5px;
}

#maincontent h3{
	color:#2C2F64;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	font-size: 12pt;
	font-weight: bold;
}

#maincontent h4{
color:#2C2F64;
font-family: tahoma, sans-serif;
margin-bottom: 10px;
}

#maincontent h5{
color:#2C2F64;
font-family: tahoma, sans-serif;
margin-bottom: 10px;
}

#maincontent p{
padding: 0px 0 5px 0;
margin: 0px 0 10px 0;
}

#maincontent a{
color:#2C2F64;
}

#maincontent img{
margin-top: 5px;
}

.nobullets{
list-style-type: none;
font-size: 12pt;
font-family: Arial, Helvetica, sans-serif;
list-style-position: inside;
padding: 0 0 0px 0;
margin: 5px 0px 0px 13px;
}

#maincontent ul{
list-style-image: url('../images/list-bullet2.gif');
font-size: 12pt;
font-family: Arial, Helvetica, sans-serif;
list-style-position: inside;
padding: 0 0 0px 0;
margin: 5px 0px 10px 13px;
}

#maincontent ol{
font-size: 12pt;
font-family: Arial, Helvetica, sans-serif;
list-style-position: inside;
padding: 0 0 0px 0;
margin: 0px 0px 0px 13px;
}

#maincontent li{
padding: 0 0 5px 0;
}

.left{
float: left;
margin: 0px 10px 5px 0;
border: thin solid #000000;
}

.leftnoborder{
float: left;
margin: 0px 10px 5px 0;
}

.right{
float: right;
margin: 0px 0px 5px 10px;
border: thin solid #000000;
}

.rightnoborder{
float: right;
margin: 0px 0px 5px 10px;
}

.pic{
border: thin solid #000000;
}

.center{
text-align: center;
margin: 0px 0px 5px 0px;
}

#footer { 
clear:both;
background-color:#FFFFFF;
height:54px;
padding: 0 0 15px 0;
}

#linkbox{
width:576px;
height:36px;
padding: 0px 0 0 0;
margin: 0px 0 0 0;
background: url('../images/linkback.gif') repeat-y top left #2C2F64;
float:left;
clear: left;
}

#links{
width:375px;
padding: 5px 0 0 0;
margin: 0px 0 0 0;
color: #FFFFFF;
font-size: 7.5pt;
font-weight: bold;
text-align: center;
float:right;
}

#links a{
text-decoration:underline;
color: #FFFFFF;
}

#linkcorner{
width:36px;
height:36px;
background: url('../images/linkcorner.gif') no-repeat top right #2C2F64;
float:right;
}

#copybox{
width:155px;
height:18px;
color: #FFFFFF;
background: url('../images/copycorner.gif') no-repeat top right #2C2F64;
padding: 2px 0 0 10px;
margin: 0px 0 0 0;
font-size: 7.5pt;
font-weight: bold;
text-align: left;
float:left;
clear: left;
margin-bottom:0px;
}

.imageElement a{
cursor: default;
}