ul  { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
	list-style: none; /* this removes the list marker */
	border-top: 0.5em solid #cc3727;
	margin-bottom: 15px;
	font-size: 1em;
	margin-right: 10px;

	 /* this creates the top border for the links - all others are placed using a bottom border on the LI */
	 /* margin-bottom: 15px; this creates the space between the navigation on the content below */
}
ul.nav li {
	border-bottom: 2px solid #000000;
	font-size: 1em;

	
	 /* this creates the button separation */
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
font: 80%/1.2  Arial,   Helvetica, sans-serif;
	background: #e6e5e5;
	font-weight: bold;
	color: #000;
	padding: 5px 5px 5px 15px;
	
	display: block; /* this gives the anchor block properties so it fills out the whole LI that contains it so that the entire area reacts to a mouse click. */
	width: 135px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	background: #e6e5e5;
	margin-right: 0px;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #000;
	color: #e6e5e5;
	margin-right: 0px;
}


<!----END NAV---->

.mstrbkg {
	background-image: url(layout-images/layout-table-background.jpg);
	background-repeat: repeat-y;
}
.cont-bkgd {
	background-image: url(layout-images/nav-bar-background.jpg);
}

.photo-cont-bkgd {
	background-image: url(layout-images/photo-nav-bar-background.jpg);
}


.logobkgrnd {
	background-image: url(layout-images/logo-bkgrnd2.jpg);
}
.top-banner {
	background-color: #000000;
}

.top-banner-line {
	background-color: #991b1e;
}


	.related {
		color:  #ffffff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size : 10pt;
		font-weight : bold;
		background: #630c0d;
		}


.topnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}

.articledeptline {
	 	font-family: Verdana,Arial, sans-serif;
		font-size: 9pt;
		color: #333333;
		background-color : transparent;
		font-style: normal;
		font-weight: bold;
		}
		
		.articlebyline {
	 	font-family: Verdana,Arial, sans-serif;
		font-size: 9pt;
		color: #333333;
		background-color : transparent;
		font-style: italic;
		font-weight: normal;
		}
		

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bolder;
	color: #CF3420;
	line-height: 24px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #000000;
	line-height: 16px;
}


h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #000000;
	line-height: 14px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px/18px;
	font-weight: normal;
	
}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}





ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
 a:link  { 
	 	color: #600c0d;
		background: transparent;
		font-size : 11pt;
		font-family :  arial, helvetica, sans-serif;
		text-decoration : underline;
		font-weight : normal;
		}
		
	 a:visited  { 
	 	color: #600c0d;
		background: transparent;
		font-size : 11pt;
		font-family : arial, helvetica, sans-serif;
		text-decoration : underline;
		font-weight : normal;
		}
		
	 a:active  {
	 	color: #600c0d;
		background: transparent;
		font-size : 11pt;
		font-family : arial, helvetica, sans-serif;
		text-decoration : underline;
		font-weight : normal;
		}
		
		 a.top:link {
	 	color: #FFFFFF;
		background: transparent;
		text-decoration : underline;
		font-size : 10pt;
		font-weight : normal;
		font-family : Arial, Helvetica, sans-serif ;
		}
		
	 a.top:visited {
	 	color: #FFFFFF;
		background: transparent;
		text-decoration : underline;
		font-size : 10pt;
		font-weight : normal;
		font-family : Arial, Helvetica, sans-serif ;
		}
		
	 a.top:hover {
	 	color: #ffffff;
		background-color: transparent;
		text-decoration : underline;
		font-size : 10pt;
		font-weight: normal;
		font-family : Arial, Helvetica, sans-serif ;
		}
		
		
		
		 a.ad:link {
	 	color: #600c0d;
		background: transparent;
		text-decoration : underline;
		font-size : 11pt;
		font-weight : normal;
		font-family : Arial, Helvetica, sans-serif ;
		}
		
	 a.ad:visited {
	 	color: #600c0d;
		background: transparent;
		text-decoration : underline;
		font-size : 11pt;
		font-weight : normal;
		font-family : Arial, Helvetica, sans-serif ;
		}
		
	 a.ad:hover {
	 	color: #600c0d;
		background-color: transparent;
		text-decoration : underline;
		font-size : 11pt;
		font-weight: normal;
		font-family : Arial, Helvetica, sans-serif ;
		}
		
		
		 .footer {
	 	color: #ffffff;
		font-size : 9pt;
		font-weight : normal;
		font-family : verdana, Arial, Helvetica, sans-serif ;
		}
		
	 a.footer:link {
	 	color: #ffffff;
		background: transparent;
		text-decoration : underline;
		font-size : 9pt;
		font-weight : normal;
		font-family : verdana, Arial, Helvetica, sans-serif ;
		}
		
	 a.footer:visited {
	 	color: #ffffff;
		background: transparent;
		text-decoration : underline;
		font-size : 9pt;
		font-weight : normal;
		font-family : verdana, Arial, Helvetica, sans-serif ;
		}
		
	 a.footer:hover {
	 	color: #ffffff;
		background: transparent;
		text-decoration : underline;
		font-size : 9pt;
		font-weight : normal;
		font-family : verdana, Arial, Helvetica, sans-serif ;
		}
		
		
		.blurb {
		font-size: 10pt;
		font-family: verdana, arial, helvetica, sans-serif;
		color: #1e1a1b;
		font-style: italic;
		font-weight: normal;
		} 	
		
	.photocaption {
		color: #000000;
		font-size: 9pt;
		font-weight: bold;
		font-family: Arial, Helvetica; 
		}
		
		.smphotocredit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
}
		
		.photocap {
		color: #000000;
		font-size: 9pt;
		font-weight: bold;
		font-family: Arial, Helvetica; 
		}
		
		

 a.department:link {
	 	color: #cc3727;
		background: transparent;
		text-decoration : underline;
		font-size : 11pt;
		font-weight : bold;
		font-family : Arial, helvetica, sans-serif;
		}

	 a.department:visited {
	 	color: #cc3727; 
		background: transparent;
		text-decoration : underline;
		font-size : 11pt;
		font-weight : bold;
		font-family : Arial, helvetica, sans-serif;
		}

	 a.department:hover {
	 	color: #cc3727;
		background-color: transparent;
		text-decoration : underline;
		font-size : 11pt;
		font-weight : bold;
		font-family : Arial, helvetica, sans-serif;
		}

 a.photogal:link {
	 	color: #600c0d;
		background: transparent;
		text-decoration : underline;
		font-size : 9pt;
		font-weight : bold;
		font-family : Arial, helvetica, sans-serif;
		}

	 a.photogal:visited {
	 	color: #600c0d; 
		background: transparent;
		text-decoration : underline;
		font-size : 9pt;
		font-weight : bold;
		font-family : Arial, helvetica, sans-serif;
		}

	 a.photogal:hover {
	 	color: #600c0d;
		background-color: transparent;
		text-decoration : underline;
		font-size : 9pt;
		font-weight : bold;
		font-family : Arial, helvetica, sans-serif;
		}

a.photoindex:link {
	 	color: #600c0d;
		background: transparent;
		text-decoration : underline;
		font-size : 10pt;
		font-weight : bold;
		font-family : Arial, helvetica, sans-serif;
		}

	 a.photoindex:visited {
	 	color: #600c0d; 
		background: transparent;
		text-decoration : underline;
		font-size : 10pt;
		font-weight : bold;
		font-family : Arial, helvetica, sans-serif;
		}

	 a.photoindex:hover {
	 	color: #600c0d;
		background-color: transparent;
		text-decoration : underline;
		font-size : 10pt;
		font-weight : bold;
		font-family : Arial, helvetica, sans-serif;
		}

.tease { font-family: verdana, arial, helvetica, sans-serif;	font-size: 10pt; color: #000000; background: transparent;}


a.more:link {
	 	color: #b32215;
		background: transparent;
		text-decoration : underline;
		font-size : 9pt;
		font-weight : normal;
		font-family : verdana, arial, helvetica, sans-serif ;
		}
		
	 a.more:visited {
	 	color: #7a1400; 
		background: transparent;
		text-decoration : underline;
		font-size : 9pt; 
		font-weight : normal;
		font-family : verdana, arial, helvetica, sans-serif ;
		}
		
	 a.more:hover { 
	 	color: #b33215;
		background: transparent;
		text-decoration : underline;
		font-size : 9pt;
		font-weight : normal;
		font-family : verdana, arial, helvetica, sans-serif ;
		}


.portaldepartment {
		color: #600c0d;
		background: transparent; 
		font-size : 9pt;
		font-weight :bold;
		font-family : Arial, helvetica, sans-serif;
		}
		
		.indexaccent {
		color: #600c0d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

a.indexaccent:link {

	color: #600c0d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

a.indexaccent:visited {

	color: #600c0d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}


a.indexaccent:hover {

	color: #600c0d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

.portalbyline {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 9pt;
		color: #600c0d;
		background-color : transparent;
		font-style: italic;
		font-weight: normal;
		}

.indexp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}


 a.leftnav:link {
	 	color: #600c0d;
		background: transparent;
		text-decoration : none;
		margin-left: 15px;
		font-size : 9pt;
		font-weight : bold;
		font-family : verdana, Arial, Helvetica, sans-serif ;
		}
		
	 a.leftnav:visited {
	 	color: #600c0d;
		background: transparent;
		margin-left: 15px;
		text-decoration : none;
		font-size : 9pt;
		font-weight : bold;
		font-family : verdana, Arial, Helvetica, sans-serif ;
		}
		
	 a.leftnav:hover {
	 	color: #600c0d;
		background: transparent;
		margin-left: 15px;
		text-decoration : underline;
		font-size : 9pt;
		font-weight : bold;
		font-family : verdana, Arial, Helvetica, sans-serif ;
		}
		
		
		.tabletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

.spechdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.specs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.specsection {
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #ffffff;
	}
	
	.specsectionb {
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #666;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #ffffff;
	}
	/*NEXTPAGE link styles


.nextpage a:link, .button a:visited {
    /*color: #eee;*/
	color:#ffffff;
    background-color:#1e5184;
	    width:.8em;
    font-size:.9em;
    font-weight:bolder;
    text-decoration: none;
   /* border-bottom:0.1em solid #1e5184;
    border-right:0.1em solid #555;
    border-top:0.1em solid #ccc;
    border-left:0.1em solid #ccc;*/
    margin: 0.3em;
    padding:0.2em;
   /* display:block;*/
}
.nextpage a:hover {
    /*background-color:#003366;*/
	background-color:#0F9
	/*color:#999;*/
    color:#1e5323;
	    width:.8em;
   /* border-top:0.1em solid #777;
    border-left:0.1em solid #777;
    border-bottom:0.1em solid #aaa;
    border-right:0.1em solid #aaa;*/
    padding:0.2em;
    margin: 0.3em;
}

.nextpageoff {
    height:auto;
    font:76%/100% Arial, Helvetica, sans-serif;
    width:.8em;
    text-align:center;
    white-space:nowrap;
	font-weight: bold;
	background-color:#ffffff;
    color:#999;
    border-top:0.1em solid #000;
    border-left:0.1em solid #000;
    border-bottom:0.1em solid #000;
    border-right:0.1em solid #000;
    padding:0.2em;
    margin: 0.2em;
}

