/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 3 June 2008 @ 17:20 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html {
   margin: 0;
	padding: 0;
	font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
	font-family: "Trebuchet MS", Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif;
	color: #2F2C1D;
}
body {
   margin: 0; 
   padding: 28px 0;
   background: #16110A url('images/bg_body.gif') top left repeat;
}
body.portfolio {
   background-image: none;
   background-color: #000;
}
   a {
		color: #943C35;
		text-decoration: underline;
	}
   	a:hover { text-decoration: none; }
   	a:visited { color: #2F281D; }
   	a img { border: 0; }
    
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
	h2, h3, h4, h5, h6 {
		margin-bottom: 0.5em;
		line-height: 1.25em;
		font-family: Garamond, Georgia, "New York", "Times New Roman", Times, serif;
		color: #943C35;
		font-weight: normal;
	}
		h2 { font-size: 2.0em; }
		h3 { font-size: 1.7em; }
		h4 { font-size: 1.5em; }
		h5 { font-size: 1.3em; }
		h6 { font-size: 1.1em; }

div.hr {
	height: 1px;
	margin: 1.6em 0 1.6em 0;
	padding: 0;
	background: #8A8278 no-repeat scroll center;
}
	div.hr hr {
		display: none;
	}

#wrapper {
	position: relative;
	width: 957px;
	margin: 0 auto;
}

div.content {
   width: 953px;
   background-color: #D3D2B6;
   border: 1px solid #55452C;
   padding: 1px;
   font-size: 1.2em;
}

#sideBar #vcard, #default #sideBar { font-family: Georgia, "New York", Garamond, "Times New Roman", Times, serif; }

pre { color: #FFF; }

/** Header
-------------------------- **/
/** @group header */
#header {
   width: 957px;
   background: #D3D2B6 url('images/bg_header.gif') 0 0 repeat-x;
}
#default #header { border-bottom: 0; }
#header #banner a, 
#header #banner a:visited
{
	position: relative;
	display: block;
	background: url("images/logo.gif") 0 0 no-repeat;
	text-indent: -10000px;
	width: 406px;
	height: 60px;
	text-decoration: none;
	overflow: hidden;
	top: 17px;
	left: 50%;
	margin-left: -203px;
}
/** @group topNavigation */

#header #topNavigation {
   width: 957px;
   height: 36px;
   background: #271E14 url('images/bg_nav.jpg') top left repeat-x;
   margin-top: 25px;
}
/* @end topNavigation **/
/** @group hdrImages */
#hdrImages { margin-top: 1px; }
/* @end hdrImages **/
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper { width: 957px; }
#home #contentWrapper { margin-top: 10px; }
#default #contentWrapper {
   border-top: 0;
   background: transparent url('images/bg_contentWrapper-default.gif') top left repeat-y;
}
#default.nomargin #contentWrapper { background-image: url('images/bg_contentWrapper-default_nomargin.gif'); }
   #home #contentWrapper #layout {
      margin: 15px 0;
      padding: 3px 15px;
      padding-right: 0;
      line-height: 1.5em;
      background: transparent url('images/bg_contentWrapper-home.gif') top left repeat-y;
      height: 168px;
   }
      #home #contentWrapper > #layout {
         height: auto;
         min-height: 168px;
      }
    #default #contentWrapper #layout { 
       position: relative;
       background: transparent url('images/bg_contentWrapper_footer-default.gif') bottom left no-repeat;
       margin-bottom: -1px;
    }
    #default.nomargin #contentWrapper #layout { background-image: none; }
/** @group contentSlot */
#contentSlot {
   width: 754px;
   float: left;
   padding: 0 15px;
}
   #default.nomargin #contentSlot { 
      width: 902px;
      float: none; 
   }

#contentSlot td.content { padding: 0; }
   #home #contentSlot td.content { padding-right: 10px; }

/** @group affiliations page */
   #default #contentSlot td.content table.awards td { vertical-align: top; }
   #default #contentSlot td.content table.awards td h2 { margin-bottom: 0.1em; }
   #default #contentSlot td.content table.awards td.column1 { width: 520px; padding: 0; }
   #default #contentSlot td.content table.awards td.column1 img {
      margin: 0 20px 20px 0;
      border: 0;
   }
      #default #contentSlot td.content table.awards td.column2 ul { 
         font-weight: bold;
         font-size: 1.1em;
         margin: 0;
         padding: 0 0 0 17px;
      }
         #default #contentSlot td.content table.awards td.column2 li { margin-bottom: 1.2em; } 
/* @end affiliations page **/

/** @group home */
#home #contentSlot table.homeTable {}
#home #contentSlot table.homeTable td.homeOuterContent { padding-right: 20px;}
#home #contentSlot table.homeTable td.column2, #home #contentSlot table.homeTable td.column3 { 
   border-left: 1px solid #ADAB94;
   padding-left: 20px;
}
/* @end home **/
/** @group default */
#default #contentSlot { 
   width: 639px;
   padding: 15px 30px;
   padding-right: 15px;
   line-height: 1.5em;
}
   #default td.column1 { padding-right: 50px; }
   #default #contentSlot img { border: 1px solid #55452C; }
      #default #contentSlot form img, #default #contentSlot .Gallery img { border: 0; }
   
   #default #contentSlot #ImageBox, #default #contentSlot #GalleryBox { margin: 0 auto; }
/* @end default **/

/* @end contentSlot **/
/** @group sideBar */
#sideBar {
   width: 143px;
   float: left;
   padding-left: 5px;
}
#sideBar div.hr {
   background: transparent url('images/bg_margin-scroll_T.gif') top left no-repeat;
   width: 135px;
   height: 20px;
   margin: 0.8em auto;
}
#sideBar div.hr.bottom {
   background-image: url('images/bg_margin-scroll_B.gif');
}
/** @group default */
#default #sideBar { 
   width: 208px;
   padding: 0 15px 138px 40px;
   color: #FFF;
   line-height: 1.5em;
}
   #default #sideBar #marginTopper { 
      background: transparent url('images/bg_sidebar_marginT-default.gif') top left no-repeat;
      width: 240px;
      height: 15px;
      position: absolute;
      top: -15px;
      right: 10px;
   }
   #default #sideBar a, #default #sideBar a:visited, 
   #default #sideBar h4, #default #sideBar h5, #default #sideBar h6 { color: #FFF; }

   #default #sideBar h4.title {
      display: block;
      width: 263px;
      margin: 0 -10px 10px -30px;
      text-align: center;
      background: transparent url('images/bg_sidebar_h4_M.jpg') top left repeat-y;
      
   }
   #default #sideBar h4.title span { display: block; }
   #default #sideBar h4.title span.top { background: transparent url('images/bg_sidebar_h4_T.jpg') top left no-repeat; }
   
   #default #sideBar h4.title span.bottom {
      display: block;
      padding: 8px 10px 15px 20px;
      background: transparent url('images/bg_sidebar_h4_B.jpg') bottom left no-repeat;
   }
/* @end default **/

/** @group vcard */
#sideBar #vcard { text-align: center; }
#default #sideBar #vcard {
   position: absolute;
   bottom: 22px;
   right: 20px;
   border: 1px solid #49697F;
   background-color: #2B4A65;
   width: 199px;
   height: 88px;
   padding: 10px;
}
#sideBar #vcard .org { font-weight: bold;}
/* @end vcard **/
/* @end sideBar **/
/* @end contentWrapper **/


/** Footer
-------------------------- **/
/** @group footer */
#footer {
	text-align: center;
	padding: 8px 5px 5px 5px;
	color: #919078;
	font-weight: bold;
	line-height: 1.25em;
}
   #footer a { 
      color: #919078;
      text-decoration: none;
   }
      #footer a:hover { color: #CACAA7; }

/* @end footer **/

/** @group formContent */
#formContent td.content { padding: 6px 0 4px 0; }

#formContent td.content label { padding: 0 5px; }

#formContent input.input, #formContent textarea.textarea { 
   border: 1px solid #0D0904;
   padding: 3px;
   vertical-align: middle;
}

#formContent input.submit {
   background-color: #0A3753;
   border: 1px solid #5E7985;
   border-left-color: #7A9DAE;
   border-top-color: #7A9DAE;
   color: #FFF;
   padding: 3px;
}
/* @end formContent **/

/** @group lightwindow_contents */
#default #lightwindow_contents, #home #lightwindow_contents  { border-color: #000; }
/* @end lightwindow_contents **/


/** Class Styles
-------------------------- **/

.hidden {
	display: none;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  font-size: 1px;
}