/* For portfolio pages only. Most of these are duplicated in holton.css */

body                { 
	                  color: #CC9933; 
				      background-color:#000000; 
					  font-family: Helvetica, Arial, sans-serif; 
				      margin:0; 
				    }
.center             { text-align: center; }
.clear              { clear: both; }
.small              { font-size: 11px; text-align: left; margin:0; padding:0; }
#main               { width: 700px; margin:0 auto 12px auto;  }
					
#portfolionav       { width: 54px; float: left; border: 2px ridge #c0c0c0; padding:1px; }
#portfolionav img   { margin: 1px; border: 1px ridge #deb538; }
#main-display       {  width: 552px;margin: 0 auto 0 100px; text-align:center; }
#NavLinks           { font-size: 9px; text-align: center; margin: 18px auto 18px auto; letter-spacing: 2px; }

 /* Some of the pictures don't crop well at 550px. narrowText and NarrowLinks exist on 
 the pages where the majority of pictures are narrower. */
#DetailText,
#DetailLinks,      
#narrowText,
#narrowLinks        {
					  font-size: 9px;
					  color: #FFFFFF; 
					  letter-spacing: 2px;
					  white-space: nowrap;
					  margin:0; 
					  padding:8px 0 12px 0;
                    }
#narrowText         { width: 30%; float: right; text-align: right; margin-right: 35px; }
#narrowLinks        { width: 50%; float: left; text-align: left; margin-left: 35px; } 
#DetailText         { width: 30%; float: right; text-align: right; }
#DetailLinks        { width: 50%; float: left; text-align: left;  }


#footlinks          { 
                      font-size:10px; 
					  text-align: center;
					  color: #CC9933;  
					  padding-top: 65px; 
					  padding-bottom: 36px; 
					  background-color: #000000; 
					}		
#footlinks ul, 
#DetailLinks ul,
#narrowLinks ul,
#NavLinks ul        { margin:0; padding:0; white-space: nowrap; }
#footlinks ul li,
#DetailLinks li,
#narrowLinks li,
#NavLinks ul li     { display: inline; list-style: none;  }
#NavLinks ul li     { padding: 0 3px 0 3px; }

#DetailLinks a:link, #narrowLinks a:link        { color: #FFFFFF; }
#DetailLinks a:visited, #narrowLinks a:visited  { color: #FFFFFF; }
#DetailLinks a:active, #narrowLinks a:active    { color: #FF0000; }
#DetailLinks a:hover, #narrowLinks a:hover      { color: #ffff00; }

#NavLinks a:link    { color: #FFFFFF; font-weight: 400; text-decoration: none; }
#NavLinks a:visited { color: #FFFFFF; font-weight: 400; text-decoration: none; }
#NavLinks a:active  { color: #FF0000; font-weight: 400; text-decoration: none; }
#NavLinks a:hover   { color: #ececff; font-weight: 400; text-decoration: none; }

#footlinks a:link    { color: #999999; font-weight: 400; }
#footlinks a:visited { color: #999999; font-weight: 400; }
#footlinks a:active  { color: #FF0000; font-weight: 400; }
#footlinks a:hover   { color: #CC9933; font-weight: 400; }

#NavLinks a.highlight:link,#footlinks a.highlight:link { color: #ffff00; }
#NavLinks a.highlight:visited,#footlinks a.highlight:visited { color: #ffff00; }
#NavLinks a.highlight:active,#footlinks a.highlight:active  { color: #FF0000; }
#NavLinks a.highlight:hover,#footlinks a.highlight:hover   { color: #ffffff; }