/* Main Style Sheet for octoScope */

/* Standard HTML Elements */

body {background-color:white; margin: 0px; text-align:center; background-image: url(/English/Images/Backgrounds/Background_Body.gif); background-repeat: no-repeat; background-position: center top;}

a {color: #00BDB5; text-decoration:none;}
a:hover { text-decoration: underline;}

h1 { color: #005EC4; font-size: 14pt; font-family: Arial, Helvetica, sans-serif; margin: 20px 10px 2px 10px; }
h2 { color: #005EC4; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; margin: 8px 10px 2px 10px; }
h3 { color: #005EC4; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; margin: 6px 10px 2px 10px; }
h4 { color: #005EC4; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; margin: 4px 10px 2px 10px; }

b, strong {font-weight: bold; }
div {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: black;}
i, em {font-style: italic; }
img {border-style: none;}
li {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: black; margin:0px 10px 0px 20px; line-height: 130%;}
ol {padding: 0px; margin-left: 10px; list-style-type: decimal;}
p {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: black; margin-left: 10px; margin-right: 10px; line-height: 140%;}
td {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: black;}
ul {padding: 0px; margin: 0px 20px 0px 10px; list-style-type: square;}


/* IDs */

#MainContainer {width:900px; background: white; margin:0px auto 0px auto; display: block; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
#MainSection {width:900px;}
#MainSectionLeft {width:200px; float: left;; overflow:visible;}
#MainSectionRight {width:700px; float: right;}
#SidebarRight {width:250px; border: solid 1px #00257A; padding: 0px; float: right; margin: 8px 10px 4px 4px; background-color: #F1F1F1;}

h3#SidebarHeading {color: #005EC4; }

/* Classes applicable to any element */

.Article {width:680px; margin:12px 10px 8px 10px; padding-top:4px; border-top:solid 1px #CCCCCC;}
.ArticlePDF {width:24px; float:left;}
.ArticleDescription {width:516px; float:left; line-height: 130%;}
.ArticleTitle {font-weight:bold; font-size:11pt;}
.ArticleDate {width:130px; margin-left:10px; float:right; text-align:right;}
.BoxLeftColumn {width:174px; border:solid 1px #AAAAAA; margin:20px 0px 10px 10px; overflow:visible;}
.BoxLeftColumnHeading {font-size: 10pt; font-weight:bold; color:white; background-color:#B2B2B2; margin:0px; padding:2px 0px 2px 0px; text-align:center; }
.CustomerQuoteText {font-size:12pt; font-family:"Times New Roman", Times, serif; font-style:italic; width:140px;}   /* The width attribute is necessary to handle a bug with italics in IE6 */
.CustomerQuoteName {font-size:9.5pt; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
.Event {width:669px; border-top:solid 1px #CCCCCC; padding:4px; margin:4px 10px 4px 10px;}
.EventLeft {width:125px; float:left;}
.EventRight {width:534px; margin-left:10px; float:right; display:inline;}
.FormCategoryName {font-size: 11pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#CC0033; margin: 12px 0px 4px 10px;}
.FormVariableName {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; text-align: right; width:40%; height:26px; float:left;} 
.FormVariableValue {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; width:58%; height:26px; float:right;}
.Footer {font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #999999;}
.PRChrono {width:678px; margin:2px 10px 8px 10px;}
.PRChronoPDF {width:24px; float:left;}
.PRChronoTitle {width:504px; float:left;}
.PRChronoDate {width:140px; margin-left:10px; float:right; text-align:right;}
.PR_Title {margin-top: 8px; font-size: 13pt; color:black; margin-bottom: 8px; text-align:center; }
.PR_Subtitle {margin: 0px; font-size: 11pt; color:black; margin-bottom: 4px; text-align:center; }


/* Classes applicable to only specified elements */

div.Bio {width:680px; margin:18px 10px 0px 10px;}
div.BioPhoto {width:100px; display:block; float:left; margin:16px 6px 4px 0px;}
div.BioDescription {width:570px; float:right; margin:4px 0px 0px 0px;}
h2.Bio {margin-bottom:-4px; margin-left:0px;}
li.First {margin-top:-10px;}
li.PDF {list-style: none; background-image: url(/English/Images/Icons/PDF_Icon_16px.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 18px; padding-bottom: 10px; margin-right: 10px; margin-left: 6px; }
li.RedArrow {list-style: none; background-image: url(/English/Images/Buttons/Arrow_Red_Right_8px.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 18px; padding-bottom: 10px; margin-right: 10px; margin-left: 6px; }
p.First {margin-top:0px;}
p.SidebarRight { font-size: 8.5pt; line-height: 110%;}

/*  Menu specific  */

#main-nav {margin:0; padding:0; display:block; color:white; list-style-type: none; height:27px; overflow: hidden;
width:750px; padding-top:1px; float:left; background-color:#FFFFFF; background-image:url(/English/Images/Backgrounds/MainMenu_SearchBG.gif); background-repeat:repeat-x; }
#main-nav ul {margin:0 auto; padding:0; padding-top:0px; list-style-type: none; width:100%; height:100%;}
#main-nav ul li {float:left; height:100%; overflow: hidden; font-size:10pt; margin:0px 0px 0px 10px;}
#main-nav li a {color:white; padding:3px 5px 4px 5px; display: block; height:20px; font-weight:bold; }
#main-nav li a:hover {background-color:#005EC4; color:#AFE8E2; text-decoration:none; }
#main-nav li.active a {background-color:white; color:#005EC4; text-decoration:none; }

#sub-nav {margin:0; padding:0; width:100%; display:block; background-color:#FFFFFF; color:black; list-style-type: none; height:24px; overflow: hidden; }
#sub-nav ul {margin:0 auto; padding:0; padding-top:0px; list-style-type: none; width:100%; height:100%;}
#sub-nav ul li {float:left; height:100%; overflow: hidden; font-size:9pt; margin:0px 0px 0px 0px; font-weight:bold; background-color:#DDDDDD;}
#sub-nav li a {color:black; padding:3px 8px 4px 8px; display: block; height:17px; border-right:solid 1px #005EC4; }
#sub-nav li a:hover, #sub-nav li.active a {background-color:#005EC4; color:white; text-decoration:none; }

#sub-nav li.LastSubMenuItem a {border-right:none;}