body {
  background-color: #ccd5d5;
  font-family: arial;
  font-size: 9pt;
  color:#111111;  
  padding:0px;
  margin:0px;
  text-align: center;
}

BODY, P, TD, TH, DIV,  DL, UL, OL  {
font-family: arial;
  font-size: 9pt;
  }

 
  
#container { 	
  text-align: left;
  vertical-align: middle;	
  margin: 0px auto;
  padding: 0px;
  width: 778px;
  background-color: #ffffff;
  border: 1px solid #3d2d1f;
  overflow: visible;
}



#left_nav {
	font-size: 9pt;
	font-weight: bold;
	}
	
#left_nav ul {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 6px;
		}
#left_nav ul li ul li {
	font-size: 8.5pt;	
}
#left_nav ul.primary {
	padding-left: 25px;
	margin-top: 25px;
	}
	
#left_nav ul.primary li {
	font-size: 11pt;
	font-weight: bold;
	}
#left_nav ul.primary li ul li {
	font-size: 10pt;
}
		
#left_nav li {
	margin-bottom: 10px;
	padding-left: 12px;
	}		
#left_nav li.collapsed {
	background-image: url('/images/arrow_right.gif');
	background-repeat: no-repeat;
	background-position: left 2px;
}		
#left_nav li.expanded {
	background-image: url('/images/arrow_down.gif');
	background-repeat: no-repeat;
	background-position: left 2px;
}	

#left_nav li DIV {
	overflow: hidden;
	display: none;	
	margin: 0px;
	padding: 0px;
}

		
#left_nav  A:link {  color: #6e4821;text-decoration: none; font-weight: bold;}
#left_nav  A:visited { color: #6e4821; text-decoration: none; font-weight: bold;}
#left_nav  A:hover { text-decoration: underline; }
#left_nav  A:active { color: #6e4821; text-decoration: underline; font-weight: bold;}

#feature_links {
	font-size: 11pt;
	font-weight: bold;
	margin-top: 26px;
	}
	
#feature_links ul {
	list-style-type: none;
	padding-left: 25px;
	margin-left: 0px;
	margin-top: 6px;
		}

#feature_links li {
	margin-bottom: 8px;
	font-size: 11pt;
	}		
		
#feature_links  A:link {  color: #792720;text-decoration: none; font-weight: bold;}
#feature_links  A:visited { color: #792720; text-decoration: none; font-weight: bold;}
#feature_links  A:hover { text-decoration: underline; }
#feature_links  A:active { color: #6e4821; text-decoration: underline; font-weight: bold;}


#feature_links_home {
	font-size: 10pt;
	font-weight: bold;
	margin-top: 26px;
	}
	
#feature_links_home ul {
	list-style-type: none;
	padding-left: 25px;
	margin-left: 0px;
	margin-top: 6px;
		}

#feature_links_home li {
	margin-bottom: 8px;
	font-size: 10pt;
	}		
		
		
#feature_links_home  A:link {  color: #792720;text-decoration: none; font-weight: bold;}
#feature_links_home  A:visited { color: #792720; text-decoration: none; font-weight: bold;}
#feature_links_home  A:hover { text-decoration: underline; }
#feature_links_home  A:active { color: #6e4821; text-decoration: underline; font-weight: bold;}


#feature_links_home hr {
text-align: left;
	}	

#home_bot_buttons {
margin-left: 25px;
}

#home_bot_buttons img{
margin-right: 10px;
}

#home_bot_buttons .brown_box {
display: block; 
width: 138px; 
height: 20px; 
background-color: #673301; 
color: #C99563; 
margin: 0px 6px 4px 0px;
text-decoration: none; 
text-align: center; 
line-height: 22px;; 
font-weight: bold; 
border: 1px solid #A8632A;
}

#section_title h1 {
	font-family: Arial;
	font-size: 28px;
	color: #111111;
	margin-left: 16px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	font-weight: 500;
	}
	
#breadcrumb {
	font-family: arial;
	font-size: 8pt;
	color: #111111;
	margin-left: 16px;
	}
	
#breadcrumb A:link {  color: #111111;text-decoration: none;}
#breadcrumb A:visited { color: #111111; text-decoration: none;}
#breadcrumb A:hover { color: #792720; text-decoration: none;}
#breadcrumb A:active { color: #792720; text-decoration: underline;}

#gateway_links {
	font-family: arial;
	font-size: 8pt;
	color: #ffffff;
	margin-left: 12px;
	text-align: center;
	word-spacing: 2px;
	}

#gateway_links A:link {  color: #a93d32; font-weight: bold; text-decoration: none;}
#gateway_links A:visited { color: #a93d32; text-decoration: none;  font-weight: bold; }
#gateway_links A:hover { color: #3d2d1f; text-decoration: none;  font-weight: bold; }
#gateway_links A:active { color: #3d2d1f; text-decoration: underline;  font-weight: bold; }


input.field {
	background-color: #ffffff;
	border: none;
		}
	
noinput.button {
	nobackground-color: #c5ba8e;
	background-color: #9F9777;
	border-style: outset;
	border-width: 2px;
	border-color: gray;
	
	padding:2px;
	margin:1px;
	font-size:7pt;
	font-weight: normal;
	noborder: none;
	}
	
	input.button {
	padding:1px;
	margin:1px;
	height: 20px;
	font-size:12px;
	font-weight: normal;
	noborder: none;
	}
input.home_button {
	background-color: #ebce7f;
	padding:2px;
	margin:1px;
	font-size:7pt;
	font-weight: normal;
	border: none;
	}
	
	
	
select.select {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	font-family: arial;
	font-size: 8pt;
		}
	
h2 {
	color: #111111;
	font-family:arial;
	font-size:11pt;
	font-weight:bold;
	margin-bottom:5px;
		}
	
h3 {
	color: #111111;
	font-family:arial;
	font-size:10pt;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:0px;
		}
		
h6 {
	font-size: 7pt;
}

h2.page_title {
	font-size:12pt;
	margin-left: 16px;
			}
	

	
 BODY#content {
	background-color: white;
	text-align: left;
		}
#content {
	font-size: 9pt;
	margin-top: 15px;
	margin-left: 16px;
	margin-right: 15px;
	margin-bottom: 10px;
	background: none;
		}


#content noA:link {  color: #792720;text-decoration: none;}
#content noA:visited { color: #5296a2; text-decoration: none;}
#content noA:hover { text-decoration: underline;}
#content noA:active { text-decoration: underline;}

#content img {
		margin: 6px;
	}

#content H5 {
	font-size: 8pt;
	font-weight: normal;
	margin: 4px 0px;
}	
h2.news {
	margin-bottom: -10px;

	}

p.news {
	margin-bottom: 0px;
	}
	
#feature_story {
	margin-right: 45px;
	margin-left: 45px;	
	margin-top: 15px;
	margin-bottom:20px;
	font-size: 8pt;
	}
#feature_story h2{
	margin-bottom:5px;
	}
#feature_story img{
	margin-bottom:0px;
	}
	
#feature_story A:link {  color: #a93d32;text-decoration: none;}
#feature_story A:visited { color: #792720; text-decoration: none;}
#feature_story A:hover { text-decoration: underline;}
#feature_story A:active { text-decoration: underline;}
	
#featurette_col {
	float:right;
	border: 1px solid #c5ba8e; 
	width: 150px;
	font-size: 9pt;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 8px;
	padding: 2px;
	padding-top: 0px;
	}
	
#home_featurette_col {
	float:right;
	border: none; 
	width: 150px;
	font-size: 8pt;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-top: 13px
	padding: 2px;
	padding-top: 0px;
	}

#home_featurette_col h3 {
	margin-bottom: 2px;
	font-size: 10pt;
	margin-left:6px;
	}
	
#home_featurette_col ul {
	list-style-type: square;
	padding-left: 10px;
	margin-left: 5px;
	margin-top: 6px;
		}
		
#home_featurette_col li {
	margin-bottom: 10px;
	font-size: 8pt;
	margin-left: 4px;
	}		

#home_featurette_col p {
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 6px;
	font-size: 8pt;
		}

#home_featurette_col DIV {
	font-size: 8pt;

}
#footer {
	font-size: 8pt;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
.academic_footer {
	color: #c5ba8e;
	height: 38px;
}

#footer A:link {  color: #111111;text-decoration: none;}
#footer A:visited { color: #111111; text-decoration: none;}
#footer A:hover { color: #792720; text-decoration: none;}
#footer A:active { color: #792720; text-decoration: underline;}

hr {
	color: #d89f06;
	border: none;
	background-color: #d89f06;
	height: 1px;
	width: 80%;
	text-align: center;
	}
	


/*
Updated
*/
#emailFriend {
	width: 140px;
}

#content .emailFriend IMG { margin: 0px; }

#virtualTour {
	text-align: center;
	margin-top: 80px;
	width: 150px;
	overflow: hidden;
}


#content {
	font-size: 9pt;
	margin-top: 15px;
	margin-left: 16px;
	margin-right: 15px;
	margin-bottom: 10px;
	/*  IE hack so tables with width="100%" don't get cut off, but settin width to 100%
	      in FireFox pushes the table outside the parent container, so use IE only expression
		  to set the width to 100% of this (table's parent container);
		*/
	width: expression("100%");
}
.primaryHead IMG {
	margin-right: 4px;
}

.primaryHeadTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	height: 100px;
	vertical-align: middle;
	padding-top: 40px;
	
}
.azMenu {
	font-size: 11px;
}


#athletics_leftcol {
	padding: 5px;
	font-size: 9pt;
}
BODY#athletics_leftcol {
	background-color: #FFCC66;
} 

#athletics_leftcol P, #athletics_leftcol H6, #athletics_leftcol DIV {
	font-size: 8pt;
	font-weight:normal;
}

#athletics_leftcol h2 {
	color: #792720;
}

:link { color:#069; }
:visited { color:#666; }
:active { color:#600; }


/******
  DNEC classes
*******/
.eventTitle {
	font-weight: bold;
}


/******
  SlideShow classes
*******/
#content .slide {

	background-color: #FAECB6;
	position: relative;
	width: 300px;
	height: 270px;
	float:right;
	text-align: center;
	display: inline;
	margin: 0px;
	margin-left: 10px;
	margin-bottom: 6px;
	padding: 0px;
	border: 3px outset gray;
	
}
#content .slideshowContainer {
	width: 100%;
}
#content #slideshow IMG {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;	
	margin: 0px;
	nowidth: 300px;
	noheight: 225px;
}
#content TABLE.slideshowNav {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 50px;
	margin: 0px;
	padding-top: 8px;
	width: 100%;
}
#content .slideshowNav IMG {
	margin: 2px;
	cursor: pointer;
}

#rightcontent {
	float:right;
	clear: right;
	padding: 0px 0px 5px 10px;
	width: 220px;
}

#rightcontent p {
	margin-top: 0px;
}

/******
  AJAX Calendar classes
*******/

#content TD#calHeader {
	font-size: 22px;
	font-weight: bold;
}
#content #calendarContainer {
	margin-top: 6px;
}
#content .calendar {
	border-collapse: collapse;
	border: 1px solid black;
	width: 100%;
	margin: 0px !important;
	margin: 0px 0px;
}
#content .calendar TH {
	border: 1px solid black;
	font-size: 20px;
}
#content .calendar TD DIV.day{
	font-size: 14px;
	font-weight: bold;
}
#content .calendar TD {
	text-align: center;
	border: 1px solid black;
	font-size: 10px;
	vertical-align: top;
	padding: 3px 3px 8px 3px;
	width: 14.2%;
	height: 80px;
}

img.png {
	behavior: url("/pngbehavior.htc");
}
/******
  PageWizard classes
*******/
TD.formField { width: 100%; }
TD.formField TABLE TD {width: auto;}
.textgraphicboxleft { float: left; text-align: center; }
.textgraphicboxright { float: right; text-align: center; }
.legend {font-size: 12px; color: blue; }

#content IMG.border1 { border: 1px solid black; }
#content IMG.border2 { border: 2px solid black; }
#content IMG.border3 { border: 3px solid black; }
#content IMG.noMargin { border: none; margin: 0px; }

.stageaddednews {
	float: right;
	border: 1px solid #3D2D1F;
	padding: 8px;
	margin: 4px;
	background-color: #FAECB6;
	
}

/******
  PRINTER FRIENDLY
*******/
@media print {
  BODY { background-color: #ffffff;
  font-family: arial;
  font-size: 9pt;
  color:#000000;  }

#left_nav {
	display:none;
	}
	
#breadcrumb {
	display:none;
	}
  #container { 	
  width: 100%;
  background-color: #ffffff;
  border: none;
  margin-top: -40px;
}
   #content { 	
margin-right: 120px;
}

#footer {
	display:none;
	}

div.noprint { display:none;}

input.button {display: none;}

  }
  
  #home_featurette_col embed {
  	margin: 6px;
  }