/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––

   Title:              screen.css

   Browser(s):         firefox 2 (pc/mac), firefox 3 (pc/mac), 
                       safari (pc/mac), opera 9.5 (pc/mac), Google Chrome, 
                       IE6, IE7

   Author:             Oakwood Design Consultants
   Created:            14/02/10
   Last Modified:      03/03/10
   
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* IMPORTED STYLESHEETS
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

   @import url('global_layout.css');

/* LAYOUT
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


   /* BASIC STRUCTURE */

   #header             { position:relative; width:898px; background-color:#fff; overflow:hidden; }
   #content            { border-color:#cccccc; background-color:#cccccc;}
   #content-wrapper    { margin-top:13px; overflow:hidden; }
   #footer-wrapper     { border-top-width:0;}
   
   #flashcontent       { position:relative; height:347px; margin-bottom:13px; background:#fff url(../img/flash_alt.jpg) top left no-repeat;}
   
   #cols-wrapper       { background:transparent url(../img/cols_bg02.jpg) top left repeat-y; overflow:hidden; zoom:1;}
   
   .col-quarter        { position:relative; float:left; margin-left:13px; _margin-left:12px; width:208px; background-color:#f5f5f5; zoom:1; overflow-x:hidden;}
   .col-quarter        { min-height:293px; height:auto!important; height:293px;}
   .col-third          { position:relative; float:left; margin-left:13px; width:282px; background-color:#f5f5f5; zoom:1;}
   .col-third          { padding-bottom: 2000px; margin-bottom: -2000px; min-height:350px; height:auto!important; height:350px; }
   .col-third-wrapper  { background-color:#ccc;}

   .section            { position:relative; margin:0 13px 13px 13px; padding:13px 8px; border:1px solid #999; zoom:1;}
   
   #header-tools       { position:absolute; top:-18px; right:0px; _right:5px; width:221px; height:105px; background-color:Transparent;}
   .blog-callout,
   .news-n-events      { position:relative; background-color:#f5f5f5;}
   
   #page-content       { position:relative; display:inline; float:left; margin-left:13px; width:475px; background-color:#fff; line-height:1.3;}
   
   #primary-menu       { position:relative; height:38px; margin-bottom:13px; background-color:#fff; overflow: hidden;}
   #secondary-menu     { position:relative; display:inline; float:left; width:163px; min-height:500px; height:auto!important; height:500px; background-color:#fff;}
   #img-header         { position:relative; display:inline; float:left; margin-left:0; padding-bottom:13px; width:476px; background-color:#ccc; overflow:hidden; }
   #img-header img     { display:block; }
   
   .side-img           { display:block; padding-bottom:12px; margin:0; background-color:#ccc;}
   .inline-image,
   #page-content img   { display:block; padding:0; margin:0; border:0;}
   

/* NAVIGATION
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

   /* PRIMARY MENU */
      
   #primary-menu ul    { margin:0; padding:0; width:876px; list-style-type:none; background-color:#ccc; height:38px}  
   
   #primary-menu li    { display:block; float:left; margin-left:0px; margin-right:2px;}					      
					   
   #primary-menu li a:hover
                       { background-color:#b2bed6; color:#333;}
   
   #primary-menu li a  { display:block; margin-left:-3px; padding:0px 0px; width:125px; background-color:#fff; color:#616365; text-decoration:none; line-height:38px; text-align:center; font-size:12.3px;}
   
   body#tab-1 li.tab-1 a, 
   body#tab-2 li.tab-2 a, 
   body#tab-3 li.tab-3 a, 
   body#tab-4 li.tab-4 a,    
   body#tab-5 li.tab-5 a,
   body#tab-6 li.tab-6 a,
   body#tab-7 li.tab-7 a,
   #secondary-menu li a.selected,
   #primary-menu li a.selected
                       { background-color:#002776; color:#fff; cursor:default;}
   
   /* Amended styles for all standard compliant browsers */
   #content-wrapper > #primary-menu li a  
                       { display:block; margin:0; padding:12px 18px; height:14px; line-height:normal;}
   #content-wrapper > #primary-menu ul    
                       { width:803px;}   
   #content-wrapper > #primary-menu li    
                       { display:block; float:left; margin-left:0px;}
					   

   #content-wrapper #primary-menu li.double-line a
                       { padding:7px 10px 8px 10px; width:105px; height:23px; line-height:12px;}

   #content-wrapper > #primary-menu ul    
                       { width:876px;}   

   #content-wrapper > #primary-menu li a
                       { display:block; margin:0; padding:12px 3px; width:117px; text-align:center; line-height:normal; font-size:12.3px;}


   #content-wrapper > #primary-menu li.double-line a
                       { padding:7px 3px 8px 3px; width:116px; height:23px;}
					   
					   
   /* SECONDARY MENU */
   
   #secondary-menu ul    { margin:0;}
   #secondary-menu li    { display:block; }
   #secondary-menu li a:hover
                         { background-color:#b2bed6; color:#333; text-decoration:none; }
   #secondary-menu li a:hover.selected,
   #primary-menuli a:hover.selected   
                         { background-color:#002776; color:#fff;}
   #secondary-menu li a  { display:block; margin:0; padding:6px 12px; color:#616365; border-bottom:1px solid #ccc; zoom:1;}
   .content-inner        { float:left; display:inline;}	   

/* TYPOGRAPHY
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

   /* HEADINGS */

   h1,h2,h3,h4,h5       { font-weight: normal; }

   h2                   { margin-bottom: 0; padding: 13px 13px; font-size: 1.4em; font-weight:bold; color:#616365;}
   h3                   { margin-bottom: 0; padding: 0 13px; font-size: 1em; font-weight:bold; color:#143B89;}
   h4                   { margin-bottom: 15px; height: 15px; font-size: 1.1em; font-weight:bold; line-height: 15px; color:#d52b1e; clear:both;}
   h5                   { margin-bottom: 15px; height: 15px; font-size: 1.1em; font-weight:bold; line-height: 15px; color:#002776;}

   #header h1,
   #header h2           { float:left; margin:0; padding:0; height:97px; text-indent:-9999px; background-color:#fff; background-position:top left; background-repeat:no-repeat; }
   #header h1           { width:125px; background-image:url(../img/logo.jpg); color:#002776; cursor:pointer; }
   #header h2           { width:300px; background-image:url(../img/strapline_V2.gif); color:#002776;}
  
   .news-n-events h3,
   .blog-callout h3     { margin-bottom:6px; padding:0 6px 0 12px; line-height:2.3em; border-style:solid; border-width:0 0 1px 0; border-color:#ccc; color:#616365; background-color:#f5f5f5; zoom:1;}
   .blog-callout h3     { background-color:#ebebeb;}
   form h4              { margin-bottom:6px; color:#767a80; font-size:.95em;}
   .col-third h4        { margin:13px; color:#616365;}
   
   h1 img               { margin: 0;}

   /* TEXT ELEMENTS */
    
   p                    { margin: 0 0 18px; font-size:1em;}
   .col-quarter p,
   .col-third p         { margin:13px; line-height:1.5em;}
   #page-content p      { margin:13px 13px 13px 13px; color:#616365; font-size:.9em; padding-right: 13px}
   #page-content h4     {padding-left:13px; }
   #page-content p.bread-crumb,
   #img-header p.bread-crumb           
                        { margin-top:6px; margin-bottom:6px; font-size:.8em; color:#666;}
   #img-header p.bread-crumb
                        { margin:0; padding:10px 0 10px 13px; background-color:#fff;}
   
   blockquote           { margin: 1.5em; color: #999; font-style: italic;}
   strong               { font-weight: bold;}
   em,dfn               { font-style: italic;}
   dfn                  { font-weight: bold;}
   sup, sub             { line-height: 0;}

   abbr, 
   acronym              { border-bottom: 1px dotted #666;}
   address              { margin: 0 0 1.5em; font-style: italic;}
   del                  { color:#666;}

   pre,code             { margin: 1.5em 0; white-space: pre;}
   pre,code,tt          { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5;} 
   
   .news-n-events li span
                        { font-size:.75em; color:#616365;}
   .news-n-events strong{ display:block; margin:0 13px; color:#616365; font-size:.8em;}
   .inputArea a         { text-transform:capitalize; }
   
   /* LINKS */

   a:focus, 
   a:hover              { text-decoration:underline;}
   a                    { overflow:hidden; color: #002776; text-decoration: none;}
      
   .bread-crumb a       { text-decoration:none; color:#999; margin-right:.5em;}
   .bread-crumb a:hover { text-decoration:underline;}
   
   #footer li a         { color:#002776;}
   
   .news-n-events       { float:left; width: 100%; _width: 98%; display:inline;}
   .news-n-events h3    { float:left; width: 95%;}
   .news-n-events h3 a  { float:left; }
   .news-n-events a.rss { float:right; margin:4px 4px 0 0; }
   .news-n-events ul    { float:left; width: 100%;}
   .news-n-events li a  { display:block; margin:0 13px; font-size:.9em; width:auto; }   
   
   .blog-callout h3 span{ float:left; }
   
   #page-content a      { font-weight:bold;}
   
   /* LINKS - BUTTON STYLES */

   .button-style01:hover,
   .button-style09:hover{ text-decoration:none; border-color:#000;}
   .button-style01,
   .button-style09      { margin:0 0.5em; padding:.25em; border:1px solid #dc291e; color:#fff; background-color:#dc291e; color:#fff;}

   .button-style06 a:hover
                        { background:#e24236 url(../img/button_style06_bg.jpg) top left no-repeat;}
   .button-style07 a:hover      
                        { background:#002878 url(../img/button_style07_bg.jpg) top left no-repeat;}
   .col-quarter .button-style06 a:hover
                        { background:#e24236 url(../img/button_style06_short_bg.jpg) top left no-repeat;}
   .col-quarter .button-style07 a:hover      
                        { background:#002878 url(../img/button_style07_short_bg.jpg) top left no-repeat;}
						
   .button-style06,
   .button-style07      { margin-bottom:0px; padding:0; color:#fff; border-width:0; border-bottom:1px solid #ccc;}
   
   .button-style06      { background-color:#d52b1e;}
   .button-style07      { background-color:#002776;}   
   
   .button-style06 a,
   .button-style07 a,
   .button-style08 a    { display:block; padding:0 1em; line-height:2.3em; font-weight:normal; color:#fff; background-position:top right; background-repeat:no-repeat; text-decoration:none!important; zoom:1;}

   .button-style06 a    { background-image:url(../img/button_arrow_red.jpg); background-color:#dc291e;}
   .button-style07 a    { background-image:url(../img/button_arrow_blue.jpg); background-color:#002878;}
   
   .button-style08 a:hover
                        { background-image:url(../img/play_icon_grey_short_over.jpg);}
   #tab-1 .button-style08 a:hover
                        { background-image:url(../img/play_icon_grey_over.jpg);}
						
   .button-style08 a    { padding:8px 90px 10px 12px; line-height:1.2em; background-image:url(../img/play_icon_grey_short.jpg); background-position:center; background-color:#333;}
   #tab-1 .button-style08 a    
   						{ padding-right:102px; background-image:url(../img/play_icon_grey.jpg); }
   .col-third .button-style01
                        { display:block; float:right; margin-right:0; padding:0 .5em 0 .5em; width:15px; height:19px; text-align:center; overflow-x:hidden;}
   #header-tools .button-style01
                        { display:block; margin-right:0; padding:0 .5em 0 .5em; width:34px; height:19px; text-align:center;}
                          
   .one-row .button-style09
                        { float:right; padding:0 .25em; height:19px;}
                        
   .button-style16,
   .button-style17      { margin-bottom:0px; padding:0; color:#fff; border-width:0; border-bottom:1px solid #ccc;}
   
   .button-style16      { background-color:#d52b1e;}
   .button-style17      { background-color:#002776;}
   
   .button-style16 a,
   .button-style17 a    { display:block; padding:0 1em; line-height:2.3em; font-weight:normal; color:#fff; background-position:top right; background-repeat:no-repeat; text-decoration:none!important; height: 0.8cm}
   
   .button-style16 a:hover
                        { background:#e24236 url(../img/button_style16_bg.jpg) top left no-repeat;}
   .button-style17 a:hover      
                        { background:#002878 url(../img/button_style17_bg.jpg) top left no-repeat;}

   
   /* LISTS */

   li ul, 
   li ol                { margin:0 1.5em;}
   ul                   { margin:0 1.5em 1.5em 1.5em;}
   ol                   { margin:0 1.5em 1.5em 0.5em;}
   ol li                { margin:0 0 0 2em;}

   ul                   { list-style-type: none;}
   ol                   { list-style-type: decimal;}

   dl                   { margin: 0 0 1.5em 0;}
   dl dt                { font-weight: bold;}
   dd                   { margin-left: 1.5em;}
   
   #footer ul           { margin:0; padding:0;}   
   #footer li           { display:inline; margin:0 12px 0 0;}
   
   .col-quarter ul,
   .col-third ul        { margin:13px 13px 0 13px;}
     
   .news-n-events ul    { margin:0;}
   .news-n-events ul li { margin:.5em 0 0 0; padding-bottom:.6em; border-bottom:1px solid #ccc; zoom:1;}
   .news-n-events ul li.bottom
                        { border-bottom-width:0;}
   
   .col-quarter .callout-links,
   .col-third .callout-links
                        { margin:0; padding:0; background-color:#ccc;}
   .col-quarter .callout-links
   						{ padding-bottom:1px;}
						
   .callout-links li    { margin:0 0 7px 0; padding:0;}
   
   form .col-half ul    { margin:0 0 26px 0; padding:0; list-style-position:outside;}
   form .col-half ul li { clear:both; margin-bottom:6px; padding:0;}
   
   .content-inner ul    { list-style-type:square; padding-left:13px; color:#616365; font-size:12px;}
   .content-inner li    { font-size:.9em; }
   
   /* MISC CLASSES */

   .small               { margin-bottom: 1.875em; font-size: .9em; line-height: 1.875em;}
   .smaller             { margin-bottom: 1.875em; font-size: .8em; line-height: 1.875em;}
   .tiny                { margin-bottom: 1.875em; font-size: .75em; line-height: 1.875em;}
   .large               { margin-bottom: 1.25em; font-size: 1.2em; line-height: 2.5em;}
   .hide                { display: none;}

   .quiet               { color: #666;}
   .loud                { color: #000; font-weight:bold;}
   .highlight           { background:#ff0; }
   .added               { color: #fff; background:#060;}
   .removed             { color: #fff; background:#900;}

   .first               { margin-left:0!important; padding-left:0!important;}
   .last                { margin-right:0!important; padding-right:0!important;}
   .top                 { margin-top:0!important; padding-top:0!important;}
   .bottom              { margin-bottom:0!important; padding-bottom:0!important;}
   
   .one-row .small      { line-height:1em;}
   
   /* OTHER ELEMENTS */

   table                { padding-left: 13px; }

/* FORM ELEMENTS
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

   #header-tools div    { display:block; margin-bottom:25px; margin-right:0; padding-right:1em; background:#B3B3B3 url(../img/login-tab.png) top right no-repeat; text-align:right;}
   #header-tools div a:hover  
                        { text-decoration:underline;}   
   #header-tools div a  { color:#fff;}
   #header-tools input,
   #header-tools .button-style01
                        { height:19px;}
   #header-tools .button-style01
                        { float:right; display:inline; margin:4px 7px 0 5px; padding:0 0.5em 0 0.5em; font-size:.9em; cursor:pointer; border-color:#DC291E; background-color:#DC291E;}
   #header-tools .button-style01
                        { margin-right:13px;}
   #header-tools .button-style01:hover
                        { border-color:#333;}
   #header-tools .button-style02
                        { height:19px; color: #fff; width:66px;}
   #header-tools .button-style02
                        { float:right; text-align:center; display:inline; margin:0 7px 0 0; padding:1px 0.5em 0 0.5em; font-size:.9em; cursor:pointer; border-color:#333; background-color:#333;}
   #header-tools .button-style02
                        { margin-right:13px;}
   #header-tools .button-style02:hover
                        { text-decoration: none;}                    
   #header-tools input.text,
   #header-tools select 
                        { float:left; padding:0; border:1px solid #616365; font-size:.9em;}
   #header-tools input.text 
                        { padding:0px; width:126px; vertical-align:bottom; line-height:17px;}
   #header-tools select 
                        { clear:both; width:156px; margin:4px 0; padding:.2em 0; background-color:#ddd;}
                      	   
   .col-quarter form,
   .col-third form      { margin:13px; }
   .col-quarter select,
   .col-third select    { float:left;}
   

   #page-content form   { zoom:1; overflow:hidden;}						
   #page-content form .section        
                        { border-width:0; background-color:#e8e8e8; zoom:1; overflow:hidden;}
   #page-content .col-half       
                        { float:left; display:block; margin:0 0 13px 15px; width:230px;}
   #page-content form .col-half       
                        { margin:0 0 13px 3px; width:213px;}

   #page-content form .text           
                        { border-width:0; border:1px solid #bfc1c3; background-color:#fff;}
   #page-content form select,
   #page-content form textarea        
                        { border:1px solid #bfc1c3; color:#616365;}
   #page-content form label           
                        { margin-left:0; margin-bottom:0; color:#666;}
   
   #page-content form .section label strong
                        { color:#D52B1E;}
   #page-content form .section label em
                        { color:#666666; font-weight:bold; font-style:normal;}
						
   #page-content form ul label        
                        { float:none; margin-left:0px; display:inline;}	
   #page-content form ul input        
                        { float:left; margin-right:6px;}
   #page-content form .col-half select
                        { width:100%;}
   
   #page-content form .section textarea
                        { clear:both; float:left; padding-left:0; display:block; width:100%; margin-bottom:13px;}

   #page-content form input.button-style01
                        { float:right; margin-right:13px; cursor:pointer;}

   .form-row            { clear:both; margin-bottom:6px; overflow:hidden; margin:13px; zoom:1;}
   
   .form-row label      { display:block; float:left; width:212px;} 
   
   .form-row input.text,
   .form-row select     { float:right; margin:0; width:212px; border:1px solid #999; color:#616365;}
   .form-row .button-style01
                        { float:right; }
   .triple label
                        { width: 182px; }
   
   .one-row select      { float:left; width:181px; height:21px;}
   .col-quarter .one-row select,
   .col-third .one-row select
                        { width:220px;}
   .col-quarter .full-row select,
   .col-third .full-row select
                        { margin:0; width:256px;}
                            	
   #subMenuLinks        { color: #616365; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal;
                        font-weight: normal; line-height: 1.5; list-style-type: none; text-align: left;  height: inherit; }
   
   #subMenuLinks a      { color: #616365; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; padding-top: 6px; height: auto; }
   
   .loginTextArea       { text-indent: 100px; z-index: 100; }
   
   #textualLogin        { position: absolute; margin-bottom: -8px; text-indent: 10px; font-style: italic; top: 8px; }
   
   .scheme-box          { float:left; margin: 13px 0 0 0; }
   .scheme-box ul       { float:left; margin: 0 0 0 5px; }
   .scheme-box ul li    { display: block; float: left; width: 125px; }
   .scheme-box ul li.right  
                        { float: right; }
   .col-quarter .logoimg
                        { padding: 0 0 13px 0; background-color: #CCC; }
   .content-inner td    { padding: 5px; }
   .col-quarter img     { float: left; display:inline; }
   
   /* below styling added 3/3/10 (by chris) */
   #page-content .section   
                        { border-width:0; background-color:#e8e8e8; overflow:hidden;}
   #header-tools        { overflow:hidden;} 
   .form-row strong     { color: #d52b1e}
   .form-row            { margin: 0px 0px 6px 0px}
   .section h3          { color: #d52b1e; padding: 0px 0px 0px 0px; margin-bottom: 26px } 
   .section .col-half first
                        { margin:0 0 13px 3px; width:213px;}
   .section .left       { margin-left: 0px !important }
   .padded-row          { margin: 0 13px 13px 13px; }
   .bread-crumb IMG     { margin-top: 13px }
   
   /* added 4/3/10 - attempt to reproduce all <form> sub-element formatting (by chris) */

   /* form XForm T2 */
   .xForm               { color: #666 } 
   .xForm h2            { color: red;  margin-top: 130px } 
   .xForm td fieldset legend 
                        { padding:10px 0px 5px 0px;}
   .data-entry table    { border-spacing: 8px; }
   .xForm label         { float:left; display:inline; width:240px; line-height:1.8em; } 
   .xForm .text,
   .xForm textarea,
   .xForm select        { margin:0; width:212px; border:1px solid #999; color:#616365;}
   .xForm .button-style01
                        { float:right; }
   .xForm input         { float:left; }
   .xForm br            { clear:both; }
   .xForm .submit       { margin:0 0.5em; padding:.25em; border:1px solid #dc291e; color:#fff; background-color:#dc291e; color:#fff; }
    
   /* News Item List */
   #news                { }
   #news dt             { margin: 5px 0 5px 0; }
   #news dd             { margin: 5px 0 26px 0; }
   #news p              { margin: 0 13px 13px 13px; }
   #news a              { margin: 0 13px 13px 13px; }
   #news h3 a           { margin: 0 }
   #news a.UnselectedPagingItem 
                        { text-decoration:underline; }                    
   
   /* Related Documents */
   .related             { float:left; display:inline; width:100%; }
   #documents h2        { padding: 0; }
   #documents li        { padding: 3px 0 3px 0; margin: 0; }
   #documents ul        { margin: 0; }
   #documents img		{ float:right; display:inline; }