@import url("reset.css");

/** Site architecture **/
.container {background-image:url('../images/background.gif'); float:left;}
.container .leftColumn { width:196px; float:left; background-color:#b11c04;}
.container .middleColumn { width:569px; float:left;}
.container .rightColumn { width:195px; float:left; background-color:#b11c04;}

/** Left column **/
.container .leftColumn img { margin-top:13px; margin-left:29px;}

/** Middle column **/
.container .middleColumn { padding-bottom:20px; }
.container .middleColumn .title { margin:42px 0 10px 19px;}
.container .middleColumn .shortTitle { margin:42px 0 33px 19px;}
.container .middleColumn .profileImage { float:right; margin-right:20px;}
.container .middleColumn .introCopy { color:#b11c04; font-size:1em; }
.container .middleColumn .profiles img {float:left; margin-right:10px; margin-left:36px;}
.container .middleColumn ul {margin-left: 56px; margin-right: 36px; }
.container .middleColumn ul li {font-size:0.8em; color:#333; }
.container .middleColumn p {font-size:0.8em; margin-left: 36px; margin-right: 36px; }
.container .middleColumn h1 {font-size:1.4em; margin-left: 36px; margin-right: 36px; }
.container .middleColumn h2 {font-size:1em; color:#b11c04; margin-left: 36px; margin-right: 36px; }
.container .middleColumn h3 {font-size:0.8em; color:#363636; margin-left: 36px; font-weight:bold; }
.container .middleColumn a:link, .container .middleColumn a:active {color:#b11c04; font-weight:bold;}
.container .middleColumn a:visited { color:#660e00; font-weight:bold;}

.container .middleColumn table tr td.nowrap { white-space:nowrap; }
.container .middleColumn table tr td { padding:2px; vertical-align:top; font-size:80%; }

/** Right column **/
.container .rightColumn {font-size:0.8em; color:#fff;}
.container .rightColumn .polaroid { margin-top:35px; margin-bottom:72px; }
.container .rightColumn h2 {padding:0 0 13px 17px; margin:18px 0 13px 0; font-size:1.1em; font-weight:bold; background-position:bottom right; background-image:url('../images/hr.png'); background-repeat:no-repeat; color:#fff;}
.container .rightColumn h3 {padding:0 0 10px 17px; margin:0; font-style:italic; color:#fff;}
.container .rightColumn p {padding:0 17px 14px 17px; margin:0; color:#fff;}
.container .rightColumn a:link, .container .rightColumn a:visited, .container .rightColumn a:active {color:#fff; font-weight:bold;}


/** Navigation **/
.leftColumn .navigation {list-style:none; color:#fff; font-size:0.9em; margin-top:105px;}
.leftColumn .navigation li ul {list-style:none; color:#fff; font-size:0.9em; margin-left:-23px}
.leftColumn .navigation li {padding-left:23px; }
.leftColumn .navigation li ul li {margin:12px 0; padding-left:23px; font-weight:normal;}
.leftColumn .navigation li.active {font-weight:bold; background-image:url('../images/navigation-active.png'); background-repeat:no-repeat; background-position: left 6px;}
.leftColumn .navigation li ul li ul {list-style:none; margin-left:10px; font-weight:normal; }
.leftColumn .navigation li ul li ul li.active {font-weight:bold; background-image:none; }
.leftColumn .navigation li ul li ul li {padding-left:10px;}

/** Footer **/
.footer {width:960px; background-color:#000; float:left; text-align:right; }
.footer a:link, .footer a:visited, .footer a:active {font-weight:bold; font-size:0.6em; padding:0 4px; color:#fff; border-right:solid 1px #fff;}
.footer ul {list-style:none; padding:6px;}
.footer li {display:inline; }
.footer a.last:link, .footer a.last:visited, .footer a.last:active {border-right:none;}

/** Tools **/
.newline {clear:both; height:0px; overflow:hidden;}
#screenReaderMenu:link, #screenReaderMenu:visited {position: absolute; left:-90000px; color:#000;}
#screenReaderMenu:active, #screenReaderMenu:focus {position:absolute; left:0px; border:solid 1px #000; color:#000;}
a:hover {text-decoration:underline;}