/* begin universal definitions */

li { padding: 0; margin: 0;}

ul { padding: 0; margin: 0;}

body { padding: 0; margin: 0;}

html { padding: 0; margin: 0;}

body			{font-family: Arial, Helvetica, Verdana, sans-serif;
				  background-color: #fff;
				  text-align: center;}

.hid			{display: none;}

h1				{
	margin: 0;
	padding: 0;
}

h6 {font-family: 'Century Gothic', 'Lucida Grande', Helvetica, Verdana, sans-serif;}

h5 {font-family: 'Century Gothic', 'Lucida Grande', Helvetica, Verdana, sans-serif;}

h4 {
	font-family: 'Century Gothic', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	color: maroon;
}

h3 {font-family: 'Century Gothic', 'Lucida Grande', Helvetica, Verdana, sans-serif;}

h2 {font-family: 'Century Gothic', 'Lucida Grande', Helvetica, Verdana, sans-serif;}

h2				{margin: 15px 0px 0px auto;
					 padding: 0 0 0 5px;
					 font-size: 1.1em;}
					
h3				{
	margin: 15px auto 5px auto;
	padding: 0;
	border-bottom: dashed 1px #bfbfbf;
	font-size: 1.3em;
	color: maroon;
}
					
h4				{margin: 40px 0 0 0;
					 padding: 0;}
					
h6				{font-size: 0.8em;}					
					
img				{border: 0px;}

p					{margin: 15px auto;
					line-height: 1.3em;}


a:link		{color: #801c1c;
   				  text-decoration: none;}


a		{color: #801c1c;
   				  text-decoration: none;}

a:visited		{color: #501010;}
			
a:hover	  	{color: #cd2929;}
				
a:active	  	{color: #cd2929;}
				
hr							{width: 67%;
								margin: 30px auto;										
								text-align: center;}
																									
dt					{margin-top: 15px;
						font-family: 'Century Gothic', 'Lucida Grande', Helvetica, Verdana, sans-serif;
						font-weight: 100;}				 		

/* end universal definitions */
/* begin layout definitions */

#container		{width: 950px;
							margin: 0px auto;
							text-align: left;
							padding: 0px; 
							border: 0px;
							background: url(new_site/images/bg-column1.gif) top right;}
							
#header_nav		{background-color: #fff;}
				
#content_left	{width: 610px;
							margin: 5px 10px 5px 32px;
							padding: 0 0 25px 0;
							float: left;}
				
#content_right	{width: 219px;
								margin: 0px;
								padding: 0;
								float: right;}
				
#footer			{margin: 0px auto;
						background-color: #fff;
						border: 1px solid #d5d5d5;
						border-width: 1px 0 0 0;
						padding: 15px 5px 25px 32px;}
						
						
	 /* end layout definitions */
   /* begin spot definitions */

	 /* begin header & header nav definitions */

	 a#skip_nav {display: block;
	 						 margin: 0 auto;
	 						 text-align: center;
	 						 padding: 3px 0;
	 						 width: 100%;
							 color: #fff;
							 background-color: #fff;
							 font-family: 'Century Gothic', 'Lucida Grande', Helvetica, Verdana, sans-serif;}
							
	 a#skip_nav:hover {background-color:#801c1c;}						 
	 
	 #mc_head { margin:0 0 0; padding:0; 
	 					 width: 440; float:right;}
	 
	 #mc_head a {
	display: block;
	width: 440px;
	height: 44px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
	 
	 #mc_head a:hover	{background-position: 0 0;}
	 						 
	 #mc_head span {
	display: block;
	width: 0;
	height: 0;
	
	}

	 #wid_head {
	margin: 0 0 0 5px;
	padding: 0;
	width: 400px;
	float: left;
	color: #008000;
}
	 
	 #wid_head a {
	display: inline;
	width: 400px;
	height: 112px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}	
		
/* the following nav rules are taken wholesale from the Deluxe CSS Dropdowns and Flyouts by Position Is Everything */
/* XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX */

.nav   {
	     position: relative;
	     background: #fff;
	     border: 1px solid #d5d5d5; /* borders the bottom of the top nav */
	     border-width: 1px 0;
	     width: 100%;
	     }

.button {
	      width: 190px;
	      float: left;
		  background-color:#f4e6c5;
	      }
		  
.button a:hover		{background-color: #ffd;}		  

.parent {position: relative;}
/* this parent div does not provide "sticky hovering", but instead fixes a 
strange bug in Op7. When an element serves as a hovered popup "parent" element, 
that element must not also be floated or all heck breaks loose in Opera 7. 
To prevent this, we have floated the top level list items, while nesting 
hoverable parent divs inside that are then hovered to generate the dropdowns. 
Thus the ugly (but interesting) Op7 bug is defeated. */
	
.floatfix {margin-right: -3px;}
/* this fixes the IE 3px bug that is common in this type of float arrangement */ 

/* XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX */

.dropdown {          /* rules for dropdown div */
	width: 250px;
	position: absolute;		
	left: -3000px;
	top: auto;         /* puts dropdowns directly under top nav */
	text-align: left;  /* needed because IE misapplies text centering to boxes */	
	background: url(new_site/images/bgfix.gif);
	}
	
.dropdown div {
	width: 220px;
	position: absolute;		
	left: -3000px;
	top: 0;  
	background: url(new_site/images/bgfix.gif);
	text-align: left; /* needed because IE misapplies text centering to boxes */
	}
	
/* The margins on the UL's replace the div paddings to create "sticky hovering"
zones,  and the margins should "fill" the divs, making the IE BG fix unnecessary.
Unfortunately the BG fix is still needed, altho this method does eliminate
possible box model problems */
	
.dropdown ul { 
  width: 189px; /* tweaked so that dropdowns appear to "line up" with top links */
  margin: 0 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */
  border: 1px solid #d5d5d5; 
  border-width: 1px 1px 0; 
  } /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */
	
.dropdown div ul {margin: 30px 30px 30px 0;} /* creates "sticky hovering" zones for flyouts */
	
.five .dropdown ul {width: 190px;} /* modifies width for rightmost "visible" dropdown (tweak) */
		
.five .dropdown div ul {margin: 30px 0 30px 30px; position: relative;} /* rule reversal for "visible" right drop flyouts */

.nav li {text-align: center;}

.nav ul {list-style: none;}

.nav a {
  display: block;
  color: #800;
	font-weight: bold;
	font-size: 0.95em;
	text-decoration: none;
	padding: 6px 0 5px;
	}
	
.nav ul ul a {
  font-size: 0.9em;
	font-weight: 100;
  color: #800;
	padding-left: 10px;
	padding-right: 10px;
  border-right: 0; /* negates right border for dropdowns and flyouts */
  border-bottom: 1px solid #d5d5d5;  /* borders the bottoms of the dropdown and flyout links */
  }
	
.dropdown li {
	text-align: left;
  position: relative; 
  vertical-align: bottom; /* IE5/win bugfix */
  }
	
.parent:hover {background-image: url(new_site/images/bgfix.gif);} 
/* this hover calls a transparent GIF only to defeat the IE failed hover bug. Any 
background change on hovering div.parent will make IE obey and display the dropdown.
While the call itself will fix the bug, make sure you actually call a real image 
file so that your site error logs will not fill with failed image calls. */
				
.parent:hover div.dropdown {left: -31px;} /* hover rule for dropdowns */ 
/* extra pixel makes dropdowns "line up" with top links */ 

.dropdown li:hover div { /* hover rule for flyouts */
	left: 180px; /* this value controls the amount of flyout "overlap" */
	top: -31px; /* this value controls the amount of flyout vertical offset */
	}
	
.five li:hover div { /* reversed flyout rules for rightmost drop flyouts */
	left: -210px; 
	top: -31px;
	}

.nav div.mini-zone { /* special hover zone that covers the "danger corner" */
  padding: 0;
  width: 15px;
	height: 15px;  
	font-size: 1px;
	left: -3000px;
	bottom: -15px;
	top: auto;	
	background: url(new_site/images/bgfix.gif);
	}

.nav .dropdown li:hover div.mini-zone { /* hover rule for mini-zones */
	left: auto;
	right: 8px;
	top: auto;
	}

.nav .four li:hover div.mini-zone { /* reversed hover rule for rightmost drop mini-zones */
	left: 8px;
	}
.nav li:hover			{background: #fff;} /* hover color effect on nav links */
	
.dropdown li:hover {background: #ffd;} /* hover color effect on dropdown links */

.dropdown div li:hover {background: #ffd;} /* hover color effect on flyout links */


/*XXXXXXXXXXX Primary dropdown backgrounds XXXXXXXXXX*/
	
.one ul {background: #fff;}
.two ul {background: #fff;}
.three ul {background: #fff;}
.four ul {background: #fff;}
.five ul {background: #fff;}
.dropdown div ul {background: #fff;} /* styles BG of flyouts */ 
.dropdown div ul a {color: #800;
								 	 font-weight: 100;} /* styles text of  flyouts */ 


/*XXXXXXXXXX z-index rules for top nav XXXXXXXXXXX*/

.one {z-index: 10;}
.two {z-index: 20;}
.three {z-index: 30;}
.four {z-index: 40;}
.five {z-index: 50;}
.five:hover {z-index: 20;}
/* this last is a special trick that reverses the stacking order of the rightmost
top link when it or its children are hovered. This, and the previous rules work
together so that when a user is on the top link of any flyout, they can move 
vertically to the top link directly above and not have the sticky hoivering zone
on the flyout get in the way of hovering that top link. */
 

/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This is to hide the following from IE/Mac. \*/
* html .button .dropdown li {
height: 1%;
margin-left: -16px;
mar\gin-left: 0;
}
/* */

* html .nav a
 {height: 1%;}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win, 
and the 2nd is to make all links fully clickable. */    

.brclear { /* Use a break with this class to clear float containers */
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}

/*\*/ /*/
.nav .dropdown, .nav .dropdown div {width: 189px;}
.nav .button .dropdown ul {margin: 0px;}
.nav .dropdown, .nav .dropdown div {position: static;}
.nav .dropdown ul {border: 0;}
.mini-zone {display: none;}
/* this rule block "dumbs down" the nav for IEmac */

	 /* end header & header nav definitions */
	 
	 /* begin quicklink (right-hand) nav definitions */
							
ul#right_nav			{list-style: none;
									margin: 4px 0px 0px 4px;
									padding: 0;}							
							 
ul#right_nav li		{font-size: .8em;
									margin: 0 0 10px 0;
									width: 100%;
									padding: 0;}

ul#right_nav li a	{display: block;
						 			padding: 10px 10px;
									margin: 0px;
									color: #801c1c;
									background-color: #f4e6c5;
									border: 1px solid #bfbfbf;
									-moz-border-radius: 10pt;
									text-decoration:none;			 								
									width: 190px;}								
									
ul#right_nav a:hover		{background-color: #ffd;
						 						border: 1px solid #bfbfbf;
												color: #801c1c;}

ul#right_nav li.active a {display: block;
						 					 	  padding: 10px 10px;
													margin: 0px;
											 		background-color: #eaeaea;
											 		color: #801c1c;
													text-decoration:none;			 								
													width: 190px;}		
													
ul#right_nav li.active a:hover		{background-color: #eaeaea;
						 											color: #801c1c;}
												
												
ul#right_nav li.sub_active  a {border: 1px solid #bfbfbf;
						 									border-width: 1px;
													    margin-left: 5px;
													    width: 180px;
													    background-color: #fff;}
															
ul#right_nav li.sub_active	a:hover		{background-color: #ffd;
						 													color: #801c1c;}
													 
	 /* end quicklink (right-hand) nav definitions */

.highlight {margin: 15px auto;
						padding: 10px 10px;
						background-color: #eee;
						border: solid 1px #bbb;
						border-width: 1px 0;}
						
.padded-top	{padding-top: 30px;}				

.t					{margin-top: 3px;}		

.courses				{margin-top: -20px;}
	 
.courses h4			{font-weight: 200;}		
									
div.toggle_pane		{border: solid 1px #666;
									margin-right: 20px;
									padding-left: 5px;}
									
table#timeline		{margin: 15px 0 50px 0;
									width: 500px;
									border-collapse: collapse;}																		
									
table#timeline td {margin: 0;
							 		padding: 10px 0px;
							 		border: 0;
							 		text-align: center;
									background: url('new_site/images/td-line.gif') bottom center no-repeat;}
									
table#timeline td:hover {background: url('new_site/images/td-line-on.gif') bottom center no-repeat;}

table#timeline th {padding-top: 20px;
							 		font-size: 0.8em;}									
									
table#timeline a  {border-bottom: 0;}

table#timeline a:hover {border-bottom: 0;}									

table#timeline a:visited {border-bottom: 0;}
									
#content_left a		{border-bottom: dotted 1px #801c1c;}

#content_left a:visited {
	border-bottom: dotted 1px #501010;
}

#content_left a:hover  {
}
									
#content_left a:active  {
}
									
#content_left ul  {margin: 10px 20px 15px 20px;
									list-style: disc outside url('new_site/images/list-arrow.gif');}
									
#content_left li	{margin: 6px 20px 6px 5px;}

#content_left	h5	{text-transform: uppercase;
									letter-spacing: 0px;
									font-weight: 300;
									margin: 10px 20px 0 auto;
									padding: 3px;
									border: solid 1px #bbb;
									border-width: 1px 0;
									background-color: #E6E3C3;}
									
h4  {
	margin-right: 20px;
	color: maroon;
}

#content_left p  {margin-right: 20px;}

#footer p		{margin: auto 5px;
						padding: auto;
						font-size: 0.8em;}
						
#footer p.left	{float: left;}						
						
#footer a		{border-bottom: dotted 1px #801c1c;}

#footer address {font-family: "Garamond", "Georgia", Times, Serif;
								font-size: 0.85em;
								font-style: normal;
								margin: 10px 0 0 10px;}
								
.image-caption   {float: right;
								 margin-right: 10px;
								 border: 2px solid #333;}
								 
.image-caption img  {border-bottom: 5px solid #333;}

.image-caption em   {display: block;
										font-size: 0.6em;
										margin: 5px;}								

.home-p 			 {font-size: 0.9em;
							 padding: 0px 5px 0px 0px;
							 margin: 0 0 20px 0;
							 width: 300px;
							 text-align: justify;}
							 
#home-bottom	 {
	padding-top: 5px;
}
							 
#content_left p.smaller		 {font-size: 0.9em;}
#content_left p.centered	 {text-align: center;}
																
ul#announce		 {
	font-size: 0.9em;
	margin: 0 20px;
	padding: auto;
}

ul#announce li {margin: auto;
							 padding: 3px;}

/* Modified CSS from the lovely jQuery-based tabs of Remy Sharp, @ http://jqueryfordesigners.com */
							 
#content_left ul.tabNavigation {
				margin:0px;
				padding:3px 0px;
		    list-style: none;
				border-bottom: 3px solid #ADA583;}

#content_left ul.tabNavigation li {
		    display: inline;
				padding: 0px;
				margin: 0px 1px 0px 0px;}

#content_left ul.tabNavigation li a {
		    padding: 3px 5px;
		    background-color: #E6E3C3;
				border: solid #BDB593;
				border-width: 1px 1px 0 1px;
		    color: #801c1c;
		    text-decoration: none;}

#content_left ul.tabNavigation li a:hover {
		    background-color: #ffd;
		    color: #ed2929;
				padding-top: 8px;
				border: solid 1px #ADA583;
				border-width: 1px 1px 0 1px;}
		
#content_left ul.tabNavigation li a.selected {
		    background-color: #ffd;
		    color: #ed2929;
				padding-top: 8px;
				border: solid 1px #ADA583;
				border-width: 1px 1px 0 1px;}
		
div.tabs > div {
			margin: 0px;
			padding: 5px;}

#gsearch	{padding: 0 0 0 5px; margin:0px;}		 
							 
							 
/* end spot definitions */