/* General Styles */
 
body {
	margin: 0; 
	font-size: 85%;  
	text-align: center;	
	color: black;
	font-family: Arial,Helvetica,sans-serif;
	background-color: #FAF9F5;
	}

code {
	display: block;
	border: solid #d9d9ce 1px;
	background-color: #f0eee4;
	font-family: courier new, monospace;
	font-size: 85%;
	margin-top: .9em;
	margin-bottom: .9em;
	padding: 5px;
	}
 
img {
	border: none;
	}
 
a:active {color: #6e2d89;}
 
a:visited {color: #666666;}
 
dd, dt, li {
	margin-bottom: .5em;
	}
 
dl, ol, ul {
	padding-left: 30px;
	}

form fieldset {
	border: solid #d9d9ce 1px;
	padding: 10px;
	}

form fieldset legend {
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: bold;
	color: #000000;
	}

fieldset fieldset{
	clear: left;
	}
	
form dl, form fieldset dl, dl.TwoColumn, div.NewsLinkList dl, form div dl {
	float: left; 
	width: 100%;
	padding: 0;
	padding-bottom: 1px;
	}

form dt, dl.TwoColumn dt, form div dt {
	margin: 0 5px 5px 0;
	float: left;
	clear: both; 
	text-align: right;
	width: 150px;	/* To avoid IE bug, the width of dt is set below width of any column */
	}

form dd, dl.TwoColumn dd, form div dd {
	margin: 0 0 10px 0;
	float: left; 
	}

form dl.NoMargin {
	margin-top: 0;
	margin-bottom: 0;
	}

/* examples etc. for form fields */	
form span.ElementNote {
	font-style: italic;
	}


/* horizontal and vertical list of radio buttons or checkboxes */	
form ul.ElementListH, form ul.ElementListV {
	list-style: none;
	display: block;
	padding: 0px;
	margin: 0px;
	}

form ul.ElementListH li {
    display: block;
    float: left;
    padding-right: 10px;
	}


form ul.ElementListV li {
    display: block;
	}
	

h3,h4,h5,h6,p,fieldset,form,ol,dl,ul,dir,menu {
	margin: .9em 0;  /*ensures that everything that begins at 
					   the beginning of a column is equally spaced down */
	}
 
h1,h2,h3,h4 {
	font-family: verdana,arial,helvetica,sans-serif;
	}
 
h1 {
	font-size: 2em;
	font-weight: normal;
	margin: 0;
	}
 
h2 {
	font-size: 1.6em;
	margin: 0;
	padding: .1em 0 .4em 0;
	}
 
h3 {
	font-size: 1.25em;
	margin-top: 1.15em;
	}
 
h4 { 
	font-size: 1em;
	margin-top: 1em;
	}

h5 {
	font-size: 1em;
	margin-top: 1em;
	}

h6 {
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
	margin-top: 1em;
	}
 
hr {
	color: #7A7A74;
	background-color: #7A7A74;
	border: #7A7A74;
	height: 1px;
	}

ol ul, ul ol, ul ul, ol ol { 
	margin-top: .5em; 
	margin-bottom: .5em;
	}

table {
	border-collapse: collapse;
	}

td, th {
	border: 1px solid #b3b3aa;
	empty-cells: show;
	padding: 5px;
	margin: 0;
	vertical-align: top;
	}

html[xmlns] #Masthead {
	padding-bottom: 5px;
	}
	
html[xmlns] .MozClear {
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * : root .mozClear for what's give here.
	 */
	border-bottom: 1px solid transparent;
	margin-bottom: -1px;
	/*padding-bottom: 10px;*/
	}
 
* html #InnerColumnContainer {
	position: relative;	/* Needed to ensure leftcolumn doesn't sporadically hide in center of page in IE */
	}
 
* html #PageWrapper {
/*	word-wrap: break-word;	*/ /* invalid CSS but keeps IE from breaking horribly under narrow viewports */ 
	}
 
/* Unqualified Classes */

.Center {
	text-align: center;
	}

.CenterWrapper {
	margin-right: auto;
	margin-left: auto; 
	padding: 10px 5px;
	width: 756px;
	text-align: left;
	background-color: #ffffff; 
	}

.Clear {
	clear: both;
	}
	
.Error {
	color: red;
	font-weight: bold;
	}
 
.FirstChild {
	margin-top: .9em;
	width: 100%;	/*Added so that shaded h3 won't be hidden when nested beneath this item in IE6*/
	}
 
.FLeft {
	float: left;
	}
 
.FNone {
	float: none;
	}
 
.FSmall {
	font-size: 85%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	}

.MLeft10 {
    margin-left: 10px;
    }

.MLeftRight5 {
    margin-right: 5px;
    margin-left: 5px;
    }
     
.MRight10 {
    margin-right: 10px;
    }
           
.MTopZero {
	margin-top: 0 !important;
	}
	
.MBottomZero {
	margin-bottom: 0 !important;
	}

.MTop5 {
	margin-top: 5px;
	}

.MTopStandard {
	margin-top: .9em;
	}

.NavLinks a {
	text-decoration: none;
	}
 
.NavLinks a:hover {
	text-decoration: underline;
	}

.PaddingLeft {
	padding-left: 2px;
	}
 
.PSmall {
	padding-top: 3px;
	padding-bottom: 6px;
	}

.PLeft10 {
	padding-left: 10px;
	}

.PRight10 {
	padding-right: 10px;
	}

.PLeft20 {
	padding-left: 20px;
	}

.PLeftRight5 {
	padding-left: 5px;
	padding-right: 5px;
	}

.PAll5 {
	padding: 5px;
	}

.PAll10 {
	padding: 10px;
	}

.PMedium {
	padding-top: 6px;
	padding-bottom: 6px;
	}
 
.PRight10 {
	padding-right: 10px;
	}

.PTop10 {
	padding-top: 10px;
	}

.PTop20 {
	padding-top: 20px;
	}

.PTopBottom5 {
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
.PBottom10 {
	padding-bottom: 10px;
	}

.Right {
	text-align: right
	}

.SystemShaded {
	background-color: #ecd3b6;
	}
 
.SystemBordered {
	border: solid #d9d9ce 1px;
	}
  
.Tagline {
	color: #7D7D75;
	font-size: 90%;
	font-family: Verdana,Arial,Helvetica,sans-serif;	
	}
 
.Tagline img {
	padding-right: 3px;
	vertical-align: baseline;
	}
 
/* Qualified Classes */	

/* Set the top margin to a consistent value so the beginning of each column lines up horizontally */
div.ColumnSgl > *:first-child, div.ColumnDbl > *:first-child, div.ColumnTrpl > *:first-child, div.ColumnQuad > *:first-child, div.ColumnTrplHalf > *:first-child, div.ColumnQuadThird > *:first-child {
	margin-top: .9em;
	}
 
div.ColumnSgl, div.ColumnDbl, div.ColumnTrpl, div.ColumnQuad, div.ColumnTrplHalf, div.ColumnQuadThird {
	padding: 0 5px;
	float: left;
	overflow: visible;	/*Added to fix IE's italic bug where it expands the div too wide*/	
	position: relative;	/*Added to fix Mac IE bug of pop-up menus being in wrong z layer*/
	}
	
div.ColumnSgl {
	width: 179px;
	}

div.ColumnSgl div.ColumnSgl {
	width: 169px;
	}
 
div.ColumnDbl {
	width: 368px;
	}

div.ColumnDbl form dd, div.ColumnDbl dl.TwoColumn dd {
	width: 213px;
	}
	
/* not tested*/
div.ColumnDbl form fieldset dd {
	width: 200px;
	}	

div.ColumnDblNoPadding {		/* Usage: Column that can contain other columns with padding */
	width: 378px;
	padding: 0;
	float: left;
	} 

div.ColumnTrpl {
	width: 557px;
	}

div.ColumnTrplNoPadding {
	width: 567px;
	padding: 0;
	float: left;
	}

div.ColumnTrpl form dd, div.ColumnTrpl dl.TwoColumn dd, form div.ColumnTrpl dd {
	width: 402px;
	}

div.ColumnTrpl form dd dd {
	width: 247px !important;
	}
 
div.ColumnTrpl form fieldset dl dd, form div.ColumnTrpl fieldset dd {
	width: 375px;
	}

div.ColumnTrpl form fieldset fieldset dl dd {
	width: 355px;
	}

div.ColumnTrpl form dl dd div.Example {
	float: right;
	width: 150px;
	font-size: 85%;
	font-family: verdana, arial, helvetica, sans-serif;
	}

div.ColumnQuad form dl dd div.Example {
	float: right;
	width: 250px;
	font-size: 85%;
	font-family: verdana, arial, helvetica, sans-serif;
	}

div.ColumnQuad {
	width: 746px;
	}	

div.ColumnQuadNoPadding {
	width: 756px;
	padding: 0;
	float: left;
	}

div.ColumnQuad form dd, div.ColumnQuad dl.TwoColumn dd {
	width: 591px;
	} 

div.ColumnQuad form fieldset dd {
	width: 550px;
	}	
 
div.ColumnTrplHalf {				/* Usage: 1 columnSgl and 2 columnTrplHalf.				*/
	width: 273px;				/*        Leaves 1px unused/unclaimed on right edge.	*/
	}
	
div.ColumnQuadThird {
	width: 242px;
	}

div.FRight, .FRight  {
	float: right;
	}	
 
div#Masthead h1 {
	display: inline; 	/* easier than setting 0 padding and margin */
	}

div.LeftColumn {
	padding-left: 0px;
	}	
 
div.LinkList li {
	padding-bottom: 1em;
	font-weight: bold;
	}
 
div.LinkList li, div.LinkListButton li {
	list-style: none;
	margin-left: -20px;		/* to reduce margin of generic li to 5px*/
	}
 
div.LinkList li a {
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #f0eee4;
	}

div.LinkListButton img, ul.FeatureButton img {
	vertical-align: middle;
	}
 
div.LinkListButton img {
	padding: 0 5px 5px 5px;
	}
 
/* For each a defined, need to define an a:hover in the campus stylesheet */
div.LinkListButton a, ul.FeatureButton a {
	font-family: verdana,arial,helvetica,sans-serif; 
	text-decoration: none;
	font-weight: bold;
	color: #96968D;
	padding-bottom: 3px;
	font-size: 90%;
	}

div.NewsLinkList dl dd a {
	text-decoration: none;
	}

div.NewsLinkList dl dt {
	margin: 0 5px 5px 0;
	padding-left: 10px;
	font-weight: bold;
	float: left;
	clear: both; 
	width: 50px;	/* To avoid IE bug, the width of dt is set below width of any column */
	}

div.NewsLinkList dl dd {
	margin: 0 0 10px 0;
	float: left; 
	width: 480px;
	padding-bottom: .4em;	
	}

div.Notice, .Notice {
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 3px;
	background-color: #ecd3b6;	
	font-weight: bold;
	}
	
div.PrintOnly {
	display: none;
	}

div.RightColumn {
	padding-right: 0px;
	}

div.Testimonial img {
	float: left;
	margin-right: 10px;
	margin-bottom: 2px;
	border: solid #d9d9ce 1px;
	}

div.Testimonial ul {
	list-style: none;
	font-weight: bold;
	padding-left: 0;
	}
	
div.Testimonial {
	padding: 0 10px 1px 10px;
	margin-top: 10px;
	}
	
dl.Feature {
	margin: 0;
	padding: 0;
	width: 179px;
	margin-top: .9em
	}

dl.Feature dt {
	padding: 0 5px 0 0;
	float: left;
	width: 38px;
	clear: left;
	}

dl.Feature dd {
	margin: 0;
	padding: 5px 0 0 5px;
	min-height: 35px; 
	width: 129px;
	float: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	vertical-align: middle;		
	font-size: 90%;
	}

dl.Feature a {
	text-decoration: none;
	color: #96968D;
	}

dl.FullWidth dt, form dl.FullWidth dt {
    width: 99%;
	text-align: left;
	float: none;
	}
	
dl.FullWidth dd, form dl.FullWidth dd {
	width: 99%;
	text-align: left;
	margin: 0;
	margin-bottom: 15px;
	float: none;
	}
	
dl.MemoFormat dt {
	/*has !important to override the default dl specs*/
	width: 10% !important;
	}

dl.MemoFormat dd {
	/*has !important to override the default dl specs*/
	width: 85% !important;
	}
		
form input.FormButton {
	margin-left: 155px;
	}
	
form div.FormButton {
	margin: 0 0 15px 155px;
	clear: both;
	}

h3.Shaded, h3.SystemShaded {
	padding: 5px;
	font-size: 2em;
	}

h3.Shaded, .Shaded, h3.Shaded a, .Shaded a {
	color: white;
	}
	
h3.Shaded a:visited, h3.Shaded a:active, h3.Shaded a:link, .Shaded a:visited, .Shaded a:active, .Shaded a:link {
	color: white;
	}
 
p.SiteTitle {
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0;
	}
	
p.PageTagLine {
	font-style: italic;
	margin-top: -5px;
	}

p.IssueDate {
	margin-bottom: 0px;
	}

table.NoBorder td, table.NoBorder th {
	border: none;
	}
	
ol.Outline { 
	list-style-type: upper-roman 
	} 
	
ol.Outline ol { 
	list-style-type: upper-alpha 
	} 

ol.Outline ol ol { 
	list-style-type: decimal 
	} 
	
ol.Outline ol ol ol { 
	list-style-type: lower-alpha 
	} 
	
ol.Outline ol ol ol ol { 
	list-style-type: lower-roman 
	}  

p.ChartHeading {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 80%;
	font-weight: bold;
	text-align: right;
	}
	
ul.FeatureButton img {
	padding: 0 5px 5px 0px;
	}
 
ul.FeatureButton li {
	padding-top: 0;
	list-style: none;
	margin-left: -20px; /* to reduce margin of generic li to 5px*/
	}
	
ul.NoBullet {
	list-style: none;
	padding-left: 0;	
	}	

ul.Teaser {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	}

ul.Teaser li {
	margin-bottom: 1em;
	}

ul.Teaser li div.TeaserDate {
	font-style: italic;
	}

ul.Teaser li div.TeaserHeadline {
	font-weight: bold;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 1em;
	padding: 3px 0;	
	}

ul.TwoColumn {
	list-style: none;
	margin: 0;
	padding: 0 0 30px 0;
	}
	
ul.TwoColumn li {
	float: left;
	width:48%;
	padding: 5px;
	margin: 0;
	}

/* Unqualified IDs */
 
#Keywords {
	width: 103px;
	}
 
#PageWrapper {
	font-family: Arial,Helvetica,sans-serif;
	width: auto;
	}
 
#Footer {
	text-align: center;
	font-size: 90%;
	background-color: #FAF9F5;
	position: relative; 
	}
 
#Footer li {
	display: inline;
	padding-left: 1px;	
	list-style: none;
	}	
 
#Footer ul {
	margin: 0;
	padding: 0;
	}
 
#MastheadWrapper {
	padding: 0 10px;
	width: 746px;
	}
 
#Masthead {	
	color: #ffffff;
	width: 726px;
	padding: 10px 10px 0px 10px;
	}
 
#Masthead img {
	padding: 0;
	}
 
#Masthead a {
	color: #ffffff;
	text-decoration: none;
	}
 
#Masthead .ColumnTrpl {	
	width: 547px;
	padding: 0;
	}

#ContentColumn {
	margin: 0 0 0 -6px;		/* if #contentColumn does not
				   overlap the left and right columns, then
				   the whole layout will break */
	width: 567px;
	}	
 
#InnerColumnContainer {
	width: 567px;
	z-index: 2; 
	}
 
#LeftColumn, #ContentColumn {
	float: left;
	overflow: visible;	/* fix for IE italics bug */
	position: relative;
	z-index: 10;
	}
 
#LeftColumn {
	margin: 0 6px 0 -184px;	/* the margin on the side the column is to be
				   rendered on must be the negative equal of 
				   the column's width. The opposite border must
				   be 1px */
	width: 184px;
	padding-bottom: 10px;	/* this is the very padding talked about in the
				   .inside selector comment. */	
	z-index: 50;
	}

#OuterColumnContainer {
	border-style: solid;
	border-width: 0 0 0 179px;	/* side border widths must equal the widths of the left column */
	color: #000;
	z-index: 1;
	width: 567px;			
	padding-left: 5px;
	margin-left: 5px; 
	border-left-color: #ecd3b6;	/* left hand column background color */
	} 
  
/* Qualified IDs */
 
div#Breadcrumb {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 85%;
	text-align: right;
	padding-bottom: 5px;
	margin-top: 0;
	}
 
div#LocalNav {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 85%;
	padding-right: 5px;
	width: 159px;
	}

div#LocalNav ul {
	padding: 0;
	margin-bottom: 1.5em;
	}
 
div#LocalNav ul li {
	list-style-type: none;
	padding: 2px 10px 4px 10px;
	width: 100%;
	margin-bottom: -1px;
	border-bottom: solid 1px #FDFDF0; 
	border-top: solid 1px #FDFDF0;
	}

div#LocalNav h3, div#LocalNav h4, div#LocalNav h5, div#LocalNav h6 {
	padding: 0 0 0 10px;
	margin-bottom: -5px;
	font-size: 1.75em;
	position: relative;
	}

div#NavPhoto img, img#NavPhoto {
	margin-bottom: -1em;
	}

div#Search {
	color: #ffffff;
	/*Apply backslash hack to hide next line from Mac IE 5 \*/
	text-align: justify;
	/*End hack*/
	width: 169px;
	padding: 0 5px;	
	float: left;
	margin-top:-12px;
	}
 
div#Search a {
	color: #ffffff;
	border-bottom: none;
	padding-right: 2px;
	}
 
div#Search a:hover {
	text-decoration: underline;
	}
 
div#Search input {
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	}
 
p#Promo img {
	border: solid #b3b3aa 1px;
	}



/* Print Styles */

@media print {

body {
	text-align: left;
	background-color: white !important;
	}

div#Search, div#LeftColumn, div#Breadcrumb {
	display: none;
	}
	
div#ContentColumn {
	float: none;	/*removed !important once added div. qualifier*/
	position: static;
	border: 1px solid white;
	width: 100%;	/*removed !important once added div. qualifier*/
	}

div#OuterColumnContainer {
	border: none;
	display: inline;
	}

div#InnerColumnContainer, div#PageWrapper, div.CenterWrapper, div#Masthead, div#MastheadWrapper, div#Footer {
	float: none;
	position: static;
	padding: 0;
	width: 100%;
	}

div#Footer {
	background-color: white;
	padding-top: 10px;
	}
	
div#Masthead {
	background-color: white;
	padding: 0 0 5px 0;		/*to space the wordmark lower for ie */
	}
	
div#Masthead form, div#Masthead div.Clear {
	display: none;
	}

div.ColumnTrpl, div.ColumnQuad {
	float: none;
	}
	
div.ColumnQuad {
	width: 95%;
	}

/* remove float and resize all ColumnDbl */
div.ColumnDbl {
	width: 95%;
	float: none;
	}
	
/* now re-establish float and width for ColumnDbl in well formed pages */ 
div#InnerColumnContainer div#ContentColumn div.ColumnDbl {
	width: 368px;
	float: left;
	}
	
div.PrintOnly {
	display: block;
	}
}