@charset "UTF-8";
/* CSS Document */

/* Extensions to 960 grid system.
---------------------------------------------------------------------------------------------------- */
/* to place grid elements inside of another grid element
 * put them in a div of class .parent_xx.
 */
.parent_1,
.parent_2,
.parent_3,
.parent_4,
.parent_5,
.parent_6,
.parent_7,
.parent_8,
.parent_9,
.parent_10,
.parent_11,
.parent_12,
.parent_13,
.parent_14,
.parent_15,
.parent_16 {display:inline; float:left; margin-left:0px; margin-right:0px;}


/* 'Parent >> 12 Columns
---------------------------------------------------------------------------------------------------- */
.container_12 .parent_1  {width:80px;}

.container_12 .parent_2  {width:160px;}

.container_12 .parent_3,
.container_16 .parent_4  {width:240px;}

.container_12 .parent_5  {width:400px;}

.container_12 .parent_6,
.container_16 .parent_8  {width:480px;}

.container_12 .parent_7  {width:560px;}

.container_12 .parent_8  {width:640px;}

.container_12 .parent_9,
.container_16 .parent_12 {width:720px;}

.container_12 .parent_10 {width:800px;}

.container_12 .parent_12,
.container_16 .parent_16 {width:960px;}


/* 'Parent >> 16 Columns
---------------------------------------------------------------------------------------------------- */
.container_16 .parent_2  {width:120px;}

.container_16 .parent_3  {width:180px;}

.container_16 .parent_5  {width:300px;}

.container_16 .parent_6  {width:360px;}

.container_16 .parent_7  {width:420px;}

.container_16 .parent_8  {width:480px;}

.container_16 .parent_9  {width:540px;}

.container_16 .parent_10 {width:600px;}

.container_16 .parent_11 {width:660px;}

.container_16 .parent_13 {width:780px;}

.container_16 .parent_14 {width:840px;}

.container_16 .parent_15 {width:900px;}


/* Spacings used in this layout: x,y = 10, 8.
---------------------------------------------------------------------------------------------------- */


/* Fonts used in this layout
---------------------------------------------------------------------------------------------------- */
@font-face {font-family:'FrancoisOne'; font-style:normal; font-weight:normal;
            src: url(fonts/FrancoisOne.woff) format('woff');}


/* HTML 5 sections
  
   http://dev.w3.org/html5/spec/Overview.html#sections
   http://www.alistapart.com/articles/previewofhtml5/
---------------------------------------------------------------------------------------------------- */
section {} /* a thematic grouping of content typically with a heading. */
nav     {} /* a section with navigation links. */
article {} /* a self-contained, independent item of content, such as a newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other item of content. */
aside   {} /* tangentially related but separate content, usually in a sidebar. */
h1,h2,h3,h4,h5,h6 {} /* section headings. */
hgroup  {} /* heading of a section, used to group a set of h1-h6 elements when the heading has multiple levels such as subheadings, alternative titles, talgines */
header  {} /* a group of introductory or navigational aids. */
footer  {} /* a footer for its nearest ancestor sectioning content or sectioning root element. */
address {} /* the contact information for its nearest article or body ancestory. */


/* Links
---------------------------------------------------------------------------------------------------- */
a              {color:#0066CC; text-decoration:none;}
a:hover        {               text-decoration:underline;}
a:visited      {color:#990066;}

/* links on regular text */
a.intern       {padding:0px 0px 0px 14px; background:url(images/links_12x12/intern.gif) no-repeat left top}
a.extern       {padding:0px 0px 0px 14px; background:url(images/links_12x12/extern.gif) no-repeat left top}
a.download     {padding:0px 0px 0px 14px; background:url(images/links_12x12/download.gif) no-repeat left top}
a.audio        {padding:0px 0px 0px 14px; background:url(images/links_12x12/audio.gif) no-repeat left top}
a.video        {padding:0px 0px 0px 14px; background:url(images/links_12x12/video.gif) no-repeat left top}
a.pdf          {padding:0px 0px 0px 14px; background:url(images/links_12x12/pdf.gif) no-repeat left top}
a.cart         {padding:0px 0px 0px 14px; background:url(images/links_12x12/cart.gif) no-repeat left top}

a.rss          {padding:0px 0px 0px 14px; background:url(images/links_12x12/rss.png) no-repeat left top}

/* links in footers */
.footer1 a.rss,
.footer2 a.rss,
.footer3 a.rss,
.footer4 a.rss {padding:0px 0px 0px 11px; background:url(images/links_9x9/rss.gif) no-repeat 0px 1px}


/* Body background
---------------------------------------------------------------------------------------------------- */
body             {background-color:#EEEEEE; color:#333333; padding:0px 0px 0px 0px; font-family:Arial, sans-serif; font-size:12px; line-height:16px;
                  -webkit-text-size-adjust:none; text-size-adjust:none;}

body.frameheader,
body.framefooter {background-color:#FFFFFF;}



/* 960 grid system container background
---------------------------------------------------------------------------------------------------- */
.container_12,
.container_16 {background-color:#FFFFFF; margin-bottom:10px; padding-top:0px;
               box-shadow:0px 2px 6px #BBBBBB;
               -webkit-box-shadow:0px 2px 6px #BBBBBB;
               -moz-box-shadow:0px 2px 6px #BBBBBB;
               /*-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#dddddd, offX=2, offY=2, positive=true)";
               filter:      progid:DXImageTransform.Microsoft.dropShadow(color=#dddddd, offX=2, offY=2, positive=true);*/
              }

.frameheader .container_12,
.frameheader .container_16,
.framefooter .container_12,
.framefooter .container_16 {
  margin-left:0px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-filter: none;
  filter: none;
}


/* General spacing rules
---------------------------------------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6,img {padding:0px; margin:0px;}

p, ul, ol             {margin:0px 0px 8px 0px; padding:0px;}
p:last-child          {padding-bottom:0px;}

ul,
ul.ul1                {list-style:square;}

li                    {margin-left:15px;}

.block                {display:block; margin-bottom:20px;}

.left                 {display:block; float:left; margin:0px 10px 20px 0px;}
.right                {display:block; float:right; margin:0px 0px 20px 10px;}
.inline               {display:inline;}

.info1                {color:#666666;}

.phalf                {margin-bottom:4px;}
.pdouble              {margin-bottom:16px;}
.ptriple              {margin-bottom:24px;}

.spacer1              {margin-bottom:20px;}

/* a list without bullets */
ul.ul2                {list-style:none;}
ul.ul2 li             {margin-left:0px;}


/* Superscript and subscript
---------------------------------------------------------------------------------------------------- */
sup {position:relative; bottom:0.5em; font-size: 0.8em;}
sub {position:relative; top:0.3em; font-size: 0.8em;}


/* Main navigation bar:
   - consists of a primary and a secondary bar
   - each bar contains one selected item
---------------------------------------------------------------------------------------------------- */
.mainNav                          {}
.mainNav .nav1                    {border-bottom:#CCCCCC 1px solid; background-color:#DDDDDD; width:790px; height:23px; margin:0px 0px 0px 10px; padding:4px 0px 0px 0px;
                                   font-size:16px; display:inline; float:left; position:relative; left:-160px;}
.mainNav .nav2                    {border-bottom:#BBBBBB 1px solid; background-color:#EEEEEE; width:940px;              margin:0px 10px 0px 10px;
                                   font-size:12px; display:inline; float:left;}
.mainNav .logo                    {border-bottom:#CCCCCC 1px solid; background-color:#DDDDDD; width:140px; height:19px; margin:0px 10px 0px 0px; padding:8px 10px 0px 0px;
                                   text-align:right; display:inline; float:left; position:relative; left:800px;}

.mainNav ul                       {list-style:none; margin:0px; padding:3px 0px 3px 0px;}
.mainNav .nav1 li                 {display:inline; margin:0px; padding:9px 0px 2px 10px;}
.mainNav .nav2 li                 {display:inline; margin:0px; padding:4px 0px 3px 10px;}

.mainNav ul.breadcrumbs           {display:block; float:left;}
.mainNav ul.breadcrumbs li:before {content:"\203a \0020";}
.mainNav ul.breadcrumbs li        {padding:9px 0px 2px 5px;}

.mainNav ul.languages             {display:block; float:right; margin-right:10px;}
.mainNav ul.languages li          {display:inline; margin:0px; padding:9px 0px 2px 6px;}

.mainNav .nav1 a,
.mainNav .nav1 a:visited          {color:#333333;}
.mainNav .nav2 a,
.mainNav .nav2 a:visited          {color:#333333;}
.mainNav .logo a,
.mainNav .logo a:visited          {color:#333333;}

.mainNav .selected,
.mainNav .selected a,
.mainNav .selected a:visited      {font-family:"HelveticaNeue", Helvetica, Arial, sans-serif; font-weight:bold; color:#333;
                                   /*background-color:#FF99FF;*/
                                  }


/* Sidebar navigation
---------------------------------------------------------------------------------------------------- */
.sideNav                     {color:#777777;}
.sideNav .nav1               {border:#CCCCCC 1px solid; background-color:#F0F0F0; margin:0px 0px 16px 0px; padding:3px 9px 3px 9px; color:#777777; overflow:auto;}

.sideNav ul                  {margin:0px 0px 8px 0px; padding:0px;}
.sideNav li                  {list-style:none; margin:0px; padding:0px; color:#666666; font-weight:normal;}

.sideNav a                   {font-weight:normal;}

.sideNav ul h1               {font-family: 'HelveticaNeue-CondensedBold', 'Helvetica Neue Bold Condensed','Helvetica Neue', 'Calibri','ArialNarrow-Bold', 'Arial Narrow', Tahoma, sans-serif;
                              margin:0px; padding:0px; font-size:13px; line-height:16px; font-weight:normal; color:#888888;}

.sideNav .selected,
.sideNav .selected a,
.sideNav .selected a:visited {font-weight:bold;}


/* Headers
---------------------------------------------------------------------------------------------------- */
.header1        {display:block; padding:25px 0px 15px 0px; color:#333333;}
.frameheader1   {display:block; padding:5px 0px 5px 0px;   color:#333333;}
.frameheader2   {display:block; padding:25px 0px 5px 0px;  color:#333333;}


/* Headings
---------------------------------------------------------------------------------------------------- */
h1 {font-family:'HelveticaNeue-CondensedBold', 'Helvetica Neue Bold Condensed', 'FrancoisOne', 'Helvetica Neue', 'Impact',  'ArialNarrow-Bold', 'Arial Narrow', Tahoma, sans-serif; 
    font-size:44px; line-height:56px; font-weight:400; font-stretch:condensed; margin-bottom:4px;}
h2 {font-family:'HelveticaNeue-CondensedBold', 'Helvetica Neue Bold Condensed', 'FrancoisOne', 'Helvetica Neue', 'Impact', 'ArialNarrow-Bold', 'Arial Narrow', Tahoma, sans-serif; 
    font-size:31px; line-height:40px; font-weight:400; font-stretch:condensed; margin-bottom:4px;}
h3 {font-family:'HelveticaNeue-CondensedBold', 'Helvetica Neue Bold Condensed', 'FrancoisOne', 'Helvetica Neue', 'Impact', 'ArialNarrow-Bold', 'Arial Narrow', Tahoma, sans-serif; 
    font-size:19px; line-height:24px; font-weight:400; font-stretch:condensed; margin-bottom:4px;}
h4 {font-family:'HelveticaNeue-CondensedBold', 'Helvetica Neue Bold Condensed', 'Helvetica Neue', 'Calibri', 'ArialNarrow-Bold', 'Arial Narrow', 'Arial', sans-serif; 
    font-size:14px; line-height:16px; font-weight:800; font-stretch:condensed; margin-bottom:4px;}
h5 {font-family:Arial, sans-serif;
    font-size:12px; line-height:16px; font-weight:800; margin-bottom:4px;}
h6 {font-family:Arial, sans-serif;
    font-size:12px; line-height:16px; font-weight:400; text-decoration:underline; margin-bottom:4px;}


/* Footers
---------------------------------------------------------------------------------------------------- */
.footer1              {border-top:#BBBBBB 1px solid; background-color:#DDDDDD; margin:16px 0px 0px 0px; padding:8px 5px 8px 5px;
                       font-family:"HelveticaNeue", Helvetica, Arial, sans-serif; font-size:11px; color:#333333;}
.framefooter .footer1 {border-top:#BBBBBB 1px solid; background-color:#DDDDDD; margin:16px 0px 0px 0px; padding:3px 5px 4px 5px;
                       font-family:"HelveticaNeue", Helvetica, Arial, sans-serif; font-size:11px; color:#333333;}
.footer2              {font-size:11px; color:#777777;}
.footer3              {font-size:11px; color:#777777;}
.footer4              {font-size:11px; color:#999999;}


/* Articles
---------------------------------------------------------------------------------------------------- */
.article1 {margin:0px 0px 0px 0px; padding:0px 0px 16px 0px; color:#333333;}
.article4 {margin:0px 0px 0px 0px; padding:0px 0px  8px 0px; color:#333333;}


/* Figures
---------------------------------------------------------------------------------------------------- */
figure                {margin:0px; display:inline;}
.figure1 .figcaption1 {font-size:11px; font-weight:bold; color:#777777;}
.figure1 .biblio1     {font-weight:normal;}


/* Tables
---------------------------------------------------------------------------------------------------- */
table           {margin:0px 0px 8px 0px; font-size:12px;}
td,th           {vertical-align:top;}
th, .th         {padding:3px; background-color:#DDDDDD; border-bottom:1px solid #666666; text-align:left;}
.table, 
.browsercomp    {border:1px solid #666666;padding:0px;border-spacing:0px;border-collapse:collapse;}
.table td, 
.browsercomp td {padding:2px;}

.bright         {background-color:#FFFFFF;} /* table background color: bright */
.dark           {background-color:#EEEEEE;} /* table background color: dark */
.highlight      {background-color:#FFFF99;} /* table background color: highlight */

.delimiter      {border-top:1px solid #666666;} /* table delimiter: horizontal line */

table .right    {float:right; margin:0 0 0 0;} /* table text: right text align */


/* Textareas
---------------------------------------------------------------------------------------------------- */
textarea {color: #333333; font-family:Arial, sans-serif; font-size:12px; line-height:16px;}


/* Asides
---------------------------------------------------------------------------------------------------- */
.aside1   {margin:0px 0px 8px 0px; padding:3px 9px 3px 9px; border:#CCCCCC 1px solid; color:#777777; background-color:#F0F0F0;}
.aside2   {margin:0px 0px 9px 0px; padding:3px 9px 3px 9px; border:#CCCCCC 1px solid; color:#777777;}
.aside3   {color:#666666; font:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.aside3 p {font:Verdana, Arial, Helvetica, sans-serif;}

.aside1 a,
.aside2 a {color:#0066CC;}


/* Images
---------------------------------------------------------------------------------------------------- */
img.pictureLeft            {float:left; margin:3px 8px 7px 0; border:1px solid #777777;}
                           
img.pictureLeftWithShadow  {float:left; margin:3px 8px 7px 0; border:1px solid #777777;
                            box-shadow:2px 2px 4px #888888; -moz-box-shadow:2px 2px 4px #888888; -webkit-box-shadow:2px 2px 4px #888888;
                            -ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#C3C3C3, offX=2, offY=2, positive=true)";
                            filter:      progid:DXImageTransform.Microsoft.dropShadow(color=#C3C3C3, offX=2, offY=2, positive=true);
                           }


/* Thumbnail galleries
---------------------------------------------------------------------------------------------------- */
.thumb1 {margin-bottom:16px; font:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}


/* RSS Feeds
---------------------------------------------------------------------------------------------------- */
.rss a.rss {color:#777777;}