body {
		font-weight:normal;
		font-size:12pt;
		font-family:  arial, verdana, sans-serif;
  		background-color: #F9E37B;
  		text-align: center;
  }
  
h1 {	font-size:18pt;
		padding: 5px 0 0 0;
		margin-left:14px; 
   		margin-right:25px;
   		color: #075B11; }
		
		/* hack for IE5.5 to add more space at the top */
* html h1 {padding-top:15px;} 

*:first-child+html h1 {
padding-top:15px;
}
   
h2 {	font-size:12pt;
		margin-left:14px; 
   		margin-right:25px;
		color: #075B11;}
		
h3 {	font-size:10pt;
		margin-left:14px; 
   		margin-right:25px;
		color: #075B11;}

p {		font-size:12px;
		margin-left:14px; 
   		margin-right:25px;
    }
	
blockquote {font-size:12px;
	}

ol {	font-size:12px;
}
ol a  {	font-size:inherit;}

ul {	font-size:12px; margin-right:25px}
ul a  {	font-size:inherit;}
ul li ul li {font-size:inherit;}

hr.short {
width:95%;
color: #aeaeae;
height:1px;

border:dotted; color: #aeaeae;
}

table {

margin-left:10px;

}

table.album {

margin-left:35px;
font-size:12px;
font-family:  arial, verdana, sans-serif;
}
 

table.yellow {
background-color:#FFFFCC;
margin-left:35px;
font-size:12px;
font-family:  arial, verdana, sans-serif;
}
  
#newsitem {
margin-bottom:0px; padding-top:5px; border-top:2px dotted #aeaeae;}

 #newsitemhead 
 {		font-size:16pt;
 		font-style: italic;
		padding: 20px 0 0 0;
		margin-left:14px; 
   		margin-right:25px;
   		color: #075B11; }

#container {
  		margin: 0px auto;
  		width: 800px;
  		text-align: left;
  		border: 2px solid #000000;
  		background-color: #FDF3BE;
  		background-image: url(../images/banner-swoopy.gif);
  		background-repeat: no-repeat;
  		background-position: left top;
		z-index:-1;  
  }
  
  
  .closeupspace {
  margin-top: -10px;
  } 
  
  
  #contentbox {  
  		position: relative;
		float:left;
  		
  		width: 625px;
  		margin-left: 165px;
		margin-top:-300px;
		padding-top:3px;
  		text-align: left;
  		background-image: url(../images/content-top.gif);
		background-repeat: no-repeat;
		background-position: left top;
		background-color: #ffffff;
		z-index:10;
		
			
  }
  /* hack for IE5.5 to move add white space under rounded corner graphic */
* html #contentbox {width:625px; padding-top:10px; margin-left:84px; margin-top:-300px;} 

#contentbox-extra {  /* use this if you need a second box on the page */
  		position: relative;
		float:left;
  		
  		width: 625px;
  		margin-left: 165px;
		margin-top:10px;
		padding-top:3px;
  		text-align: left;
  		background-image: url(../images/content-top.gif);
		background-repeat: no-repeat;
		background-position: left top;
		background-color: #ffffff;
		z-index:10;
		
			
  }
  /* hack for IE5.5 to move add white space under rounded corner graphic */
* html #contentbox {width:625px; padding-top:10px; margin-left:84px; margin-top:-300px;} 
  
  #contentbox2 {
    	height: 10px;
		background-image: url(../images/content-bottom.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-color: #ffffff;
		z-index:11;			
}

  
  
#leftcolumn {
  		position: relative;
  		top: -300px;
  		float: left;
  		width: 305px;
  		margin-left: 165px;
  		text-align: left;
  		background-image: url(../images/content-top-small-butter.gif);
		background-repeat: no-repeat;
		background-position: left top;
		background-color: #ffffff;	
  }
  /* hack for IE5.5 to position left column */
* html #leftcolumn {position: absolute; top:220px; float:left; margin-left: 170px;} 
 
  
#leftcolumn2 {
    	height: 14px;
		background-image: url(../images/content-bottom-small-butter.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-color: #ffffff;	
} 

#rightcolumn {
  		position:relative;
  		top: -300px;
  		float: right;
  		padding: 0px 0px 0 0;
  		margin: 0 10px 0 0;
  		width: 305px;
 		text-align: left;
  		background-image: url(../images/content-top-small-butter.gif);
		background-repeat: no-repeat;
		background-position: left top;
		background-color: #ffffff;	
  }
  
  /* hack for IE5.5 to position right column */
* html #rightcolumn {top:-300px; float:right; margin: 0 5px 0 0;} 
  
#rightcolumn2 {
    	height: 12px;
		background-image: url(../images/content-bottom-small-butter.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-color: #ffffff;
	
} 
#footer {
   		float:left;
  		width: 275px;
		margin-left: 255px;
		margin-top: 15px;
		padding: 0px 0 2px 75px;
		font-size: 10px;
		color: #6a6a6a;
		background-color: transparent;
		background-image: url(../images/NCCCS_logo_butter.gif);
    	background-repeat: no-repeat;
    	background-position: left top;					
}

/* hack for IE5.5 to move footer over to left more */
* html #footer {margin-left:150px;} 

*:first-child+html #footer {margin-left:250px;}

 .clearthis {clear:both; height:0; line-height:0;}   
  

#rotate {
  		text-align: right;
  		position:absolute;  
  		margin-right:0px; 
  		top:29px; 
  		width:800px; 
  		height:98px; 
  		z-index:300
}
 /* hack for IE5.5 to move rotatephotos down */
* html #rotate {top:36px;}
 
*:first-child+html #rotate {
margin-top:8px;
}
  
#purple {
  		position: relative;
  		width: 800px;
  		top: 105px;
  		left: 0px;
  		background-color: #4E0674;
  		margin: 0;
  		padding: 0;
  		height: 34px;
  		border-top: 0px solid #ffffff;
  		border-bottom: 0px solid #ffffff;
    }
	 /* hack for IE5.5 to resize purple box and move up */
* html #purple {top: 105px; height:0px;}


 
#breadcrumbs {
  		position: relative;
		padding-left: 5px;
  		top: -335px;
  		width: 700px;
		height: 30px;
		font-size: 8pt;
		font-family: verdana, helvetica, sans-serif;
   		z-index: 900;		
   		color:#ffffff;
  		background-color: transparent;
  }
   /* hack for IE5.5 to move breadcrumbs more to the left */
* html #breadcrumbs {position: relative;top:-335px; margin-left: 2px;}

/* hack for IE7 only to move breadcrumbs more to the left */
*:first-child+html #breadcrumbs {
margin-left: 2px;
margin-top:0px;
}  



 #resource {
  		position: absolute;
  		width: 200px;
  		text-align: center;
  		top: 0px;  
  		left: 415px;
  		background-color: #449D4E;
  		margin: 3px 0;
  		padding: 6px 0 0 0;
  		height: 22px;
  		font-size:12px;
  		font-style: normal;
  		color: #ffffff;  
  }
  
  *:first-child+html #resource {margin: 3px 0; padding: 6px 0 7px 0;  height:14px;}
  
  /* hack for IE5.5 to even out the resource box */
* html #resource { margin: 0px 0; padding: 6px 0 6px 0;  height:14px;} 
  
  
#resource a:link {
		color: #ffffff;
		text-decoration: none;
}
#resource a:visited {
		color: #ffffff;
		text-decoration: none;
}

#resource a:hover {
		color: #FCD813;
		text-decoration: none;
		background-color: #000000;
		padding: 5px;
}



#resource a:active {
		color: #FFFFFF;
		text-decoration: none;
}
    
 
#search {
  		position: relative;
  		top: 5px;
  		left: 5px;
  		font-size:12px;
  		font-style: italic;
  		color: #ffffff;
  		float: left;
   }
   
   
#date  { 
		position:relative; 
		top:3px; left: 65px;
		width:200px;  z-index:200; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: .8em; 
		font-style: normal; 
		font-weight: normal; 
		color: #fff;
		float: right;
		margin-right: 0px;
		margin-top: 5px;
		padding-left: 30px;
}      
  
  #toplinks {
		position: relative;
		text-align: right;
		width: 750px;
		margin-right: auto;
		margin-left: auto;
		padding:2px 0 2px 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: italic;
		color: #000;
		background-color: transparent;	
}

#toplinks a:link {
		color: #000000;
		text-decoration: none;
}
#toplinks a:visited {
		color: #000000;
		text-decoration: none;
}

#toplinks a:hover {
		color: #A5DD66;
		text-decoration: none;
}

#toplinks a:active {
		color: #000000;
		text-decoration: none;
}