﻿* {
	margin:0;
	padding:0;}
	
a
{font-weight: bold;text-decoration: none;}
a:visited{color: #6793D4}
a:hover{color: Red}

.heading
{font-size:2em;color:#000}



#main_wrapper ul 
{list-style-type: none;padding: 0px;margin: 0px;font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;}
	
body {
	line-height: 1.5em ; font-size:100%}
	

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family:  Baskerville Old Face, Trebuchet MS, Arial, serif;}
	
	 h1{color: #596a90; font-size:1.7em;
   padding: 5px 0px 10px 0px; }
  
h2 {color: #596a90; font-weight: bold;font-variant:small-caps; background:  no-repeat left 50% ;
padding: 8px 3px 8px 5px;  }

h6 {color:#4464a6; 
 padding: 7px 3px 7px 0px font-weight: bold;font-size:1.3em} 

h3{color:#849bcc;  font-weight: bold; 
   background:  url(images/box.gif) no-repeat left 50%;padding: 7px 3px 7px 20px; margin-left: 3px; margin-bottom: 5px;}

h5{color:#4464a6;  font-weight: bold; padding: 5px 0px 5px 5px; border-bottom: #ccc 2px dotted; margin-bottom: 5px;font-size:1.3em } 

h4{color:#003e9b;  padding: 8px 3px 8px 10px;font-size:1.3em}
.small h2
{margin-left:8px}

.question
{padding-left: 15px; 
background: url(images/downArrow.png) no-repeat left; }

.national
{padding-left: 40px;
background: url(images/worldIcon.gif) no-repeat left; padding-bottom: 5px;   }

.money
{padding-left: 50px;
background: url(images/moneyIcon.gif) no-repeat left; padding-bottom: 5px; }

.centre{text-align: center}
p{color: black;padding:10px 10px 0px 10px;text-align:justify;margin-bottom: 5px;line-height: 1.6em;
  font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;}

.bold{font-weight:600; color:#185998}	

	
 #main_wrapper
{max-width:98%;
min-width:980px;
margin-left:auto;
margin-right:auto;
text-align:left;}

  
#one
 {width: 99%;background: #fff;border-left: 1px solid #ccc; padding-bottom: 40px;
 border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; 
 margin: 0px auto;  padding-top:20px;}
 
 #header {position:absolute;top:100px;left:50px}
 
 #header h1 {color:#fff;font-family:Baskerville Old Face; margin:0;padding:0;
             font-size:3em;text-transform:uppercase;text-shadow: 0 -2px 2px #00498F; /* CSS3 text shadow */}
   #header p{color:#fff;margin:0;padding:0;font-weight:500;font-size:1.7em;text-shadow: 0 -1px 1px #00498F;font-family:Baskerville Old Face;line-height:1em}           
     
   #logo {position:absolute;top:40px; left:50px;height:38px;} 
            
  #banner
{max-width: 99%; color:#fff;margin: 5px auto 0px auto;position:relative;  overflow:hidden; height:350px;overflow:hidden;background-size:cover ;max-width100%}

.heading h1 
{color: #003e9b;   font-family:Bodon MTBaskerville Old Face, Trebuchet MS, Arial, serif;  }

.heading p
{color: #808080; margin-top: -20px;font-family:Baskerville Old Face, Trebuchet MS, Arial, serif;  padding-left: 10px }

.clear
{clear: right;}

.clearBoth
{clear: both}

.clearLeft
{clear: left}

.floatLeft
{float: left; margin-right: 5px;margin-left:5px}

.floatRight
{float: right; margin-left: 5px;}

.padding
{padding-left: 15px; padding-right: 15px;}

.paddingLeft
{padding-left: 40px;}

.bigPaddingRight
 { padding-right: 50px;}
 
 .paddingRight
 { padding-right: 30px;}
 
 .grey
  {color:#999; font-weight: bold;padding-top:10px;font-size:.8em%;margin-top:10px } 
 
 .bigPaddingLeft {padding-left:70px}

.twoThird{float: left;
      width: 37%; padding-left: 3px; padding-top: 3px; }
   
 .twoThird a {background:url(images/link_page.gif) no-repeat left 35%; padding: 5px 10px 5px 20px; color: black; margin-left: 5px; }

div.twoThird  a:hover
{background:  url(images/link_page.gif)no-repeat left 35%; color: #790000;
padding: 5px 10px 5px 20px;  }
     
 .third{float: left;width: 33%; background:  url(images/line.gif) repeat-y; border-top: 2px dotted #fff;  }
        
 .thirdRight{float: right;width: 29%; overflow: hidden;
 border-left: 3px solid #fff ; border-top: 4px solid #f4f7fb;
border-bottom: 3px solid #f4f7fb; overflow: hidden}
 
div.link ul {border-top: 4px solid #fff;padding-top:10px; }

div.box { height:200px;}

div.link ul li a
{display: block;background: #efefef; font-size:1.2em%;font-family:  Baskerville Old Face, Trebuchet MS, Arial, serif;
 padding: 10px 30px 5px 20px;height: 85px; 
color: #98213F; border-bottom: 10px solid #fff; }
 
 div.link ul li a:hover
{background: #c2cada ; color: #fff;border-bottom: 10px solid #fff;}  

#pscroller1{margin-left:20px;margin-bottom:20px;
height: 140px; 
border: 3px solid #efefef;width:90%;
padding: 5px;}
 
 div#pscroller1 a
{display: block;
 padding: 5px 5px 5px 20px;margin: 5px; font-size:110%;
 background: url(images/link_page.gif) no-repeat left 10%; 
 color: #003e9b;font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;}

div#pscroller1 a:hover
{background: #efefef url(images/link_page.gif) no-repeat left 10%; padding: 5px 5px 5px 20px;}  
 
 
.fortyPercent
{float: left; width: 49%}

div.fortyPercent a
{}

div.fortyPercent a:hover
{color:#790000 }


div.fortyPercent ul li a 
{ margin-bottom: 10px; 
  background: #efefef url(images/arrowGreeny.gif) no-repeat left 25%;

display: block;
padding: 10px 0px 10px 30px;  color:black; display:block; font-weight: normal  }

 div.fortyPercent ul li a:hover      
 {background:#E0E7EE url(images/arrowGreeny.gif) no-repeat left 25%; }    

 .colour {color: #00488E; font-weight:normal;font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.95em}
    

  
  .italic{font-style: italic;font-weight: 600;color: #666 }               
                   
  .thirtyPercent
  {float: left; width: 30%;overflow: hidden;}
  
   .thirtyPercent a {color:#003e9b;font-weight: bold; background: #efefef;  padding:1px  }

  .thirtyPercent a:hover
  {color: #790000; background: #ccc}
.seventyPercent
  {float: left; width: 69%; }
  
.seventyPercent a
{color:#003e9b;font-weight: bold; background: #efefef;  padding:1px  }

.seventyPercent a:hover
{color: #790000; background: #ccc }
  
   div.seventyPercent ul li a
{display: block;line-height: 1.5em;margin: 5px;
 padding: 5px 5px 0px 30px;
 color: #596a90;border: 1px dotted #add3fa; background: #f4f7fb url(images/redArrow.gif)no-repeat left 40%}
 
div.seventyPercent ul li a:hover
{background: #c2cada url(images/redArrow.gif) no-repeat left 40%; }

.marginLeft{margin-left: 10px;}

.marginRight{margin-right: 20px;}
  
.fiftyPercent
{float: left; width: 46%;overflow:hidden;}

.collapse
{line-height: 1.5em;
 background: url(images/boxArrow.gif) no-repeat left 10%; font-size:1.2em;
padding-left: 20px; padding-bottom:10px; margin-left: 10px; color:black}

div.fiftyPercent ul li 
{line-height: 1.5em;
 background: url(images/arrowBlue.gif) no-repeat left 10%;
padding-left: 20px; padding-bottom:10px; margin-left: 10px;   }


div.fiftyPercent ul ul li 
{margin-left: 30px; padding-left: 25px;  background: url(images/arrowGreeny.gif) no-repeat left 10%; }
 
 div.fiftyPercent a
        

 
 div.fiftyPercent a
{color:#003e9b;font-weight: bold; background: #efefef; }

 div.fiftyPercent a:hover
  {color: #790000; background: #ccc}
 
 .fiftyPercentTwo
{float: right; width: 46%;overflow:hidden;}

 


div.fiftyPercentTwo ul li 
{line-height: 1.5em;
 background: url(images/box.gif) no-repeat left 10%;
padding-left: 20px; margin-left: 10px; color: black; padding-bottom:10px  }
 
 

 
 div.fiftyPercentTwo a
{color:#003e9b;font-weight: bold; background: #efefef; }

div.fiftyPercentTwo ul ul li 
{margin-left:30px;background: url(images/arrowBlue.gif) no-repeat left 50%}

div.fiftyPercentTwo ul ul ul li 
{margin-left:40px;padding-left: 25px;background: url(images/arrowGreeny.gif) no-repeat left 50%}


 div.fiftyPercentTwo a:hover
  {color: #790000; background: #ccc}


.med {
width: 97%; margin: 0px  auto;padding-top: 7px;padding-bottom: 10px;}

  

 .small {
width: 95%; margin: 0px  auto;padding-top: 15px;padding-bottom: 10px}
 
 .small li
 {line-height: 1.5em;list-style-image: url(images/blueSquare.gif);padding-left: 10px; margin-left:30px;
}   
 
.small a{color: #790000; font-weight: bold;background:url(images/arrowGreeny.gif) no-repeat; padding-left: 25px; }
 
 .small a:hover{color: red}
 
 .fullwidth {
width: 98%; margin: 0px  auto;padding-top: 15px;padding-bottom: 10px}
 
 .fullwidth ul li
 {color: #185998;line-height: 1.5em;list-style-image: url(images/blueSquare.gif);padding-left: 10px;margin-left:10px;}  
 
.fullwidth a{color: #790000; font-weight: bold;background:url(images/arrowGreeny.gif) no-repeat; padding-left: 25px;}
 
 .fullwidth a:hover{color: red}   
 
 .tabDiv {
width: 96%; margin: 0px  auto;padding-top: 15px;padding-bottom: 10px}
 
 .tabDiv ul
 {line-height: 1.5em;list-style-image: url(images/blueSquare.gif);padding-left: 20px;}
 
 .tabDiv ul li
 {margin-left:20px}  
 
.tabDiv a{color: #790000; font-weight: bold}
 
 .tabDiv a:hover{color: red} 
 
 .tabs{position:relative;top:1px;}
            
 .tab
  {font-weight: bold;background-color:#CCDCF0;padding:2px 10px;height: 30px;font-size:1.2em}      
        
  .tab a{color: #0B2540;}
        
 .selectedTab{background-color:#709cd4;height: 35px;color:black}
  .selectedTab a{color: #fff;}
  
         
.tabContents{border-top: 10px solid #709cd4;border-left: 5px solid #709cd4;border-right: 5px solid #709cd4;border-bottom: 5px solid #709cd4;padding:10px;
            }
         
.padding:{padding:10px;}

.date
{font-weight:700; 
color:#000066;display:block;letter-spacing: 1px;}
 
 .dateTwo
{font-weight:600; 
 color:#7A8AAF;display:block;letter-spacing: 1px;}

 dl
{margin: 0 .5em 1em 1em;
font: Lucida, Verdana, Arial, sans-serif;}

dl a
{
 font-weight: bold}
 
 dl a:hover
 {color: #97bbea;
font-weight: bold}

dt
{font-weight: bold;color: #709cd4;}
	
.thirty{float: left;width: 33%;background: #fff}

.medSmall {width: 95%;margin: 0px auto;text-align: left;}

.medSmall a{color: #790000; font-weight: bold;background:url(images/arrowGreeny.gif) no-repeat; padding-left: 25px; }

.medSmall a:hover{color: #97bbea }


	
.tiny {width: 70%;margin: 0px auto;text-align: left;}

.tiny a{color: #790000; font-weight: bold;background:url(images/arrowGreeny.gif) no-repeat; padding-left: 25px; }

.tiny a:hover{color: #97bbea }

.tiny h4 {padding:0; margin: 0}

#footer
{clear: both;margin: 10px auto 0px auto;width:98%;  height: 70px;  }
 
 #footer p
 {color:#999; padding-top: 30px;  }
 
 .footerImage ul li
{float:left; margin-left:10px;margin-bottom:5px; margin-top:5px; display:inline}

 
 
 
 .sixtyPercent
 {float: left;width:60%} 
 
 .
.gridView{background-color:#dfe9f7;}
.gridView td, .gridView th{padding:10px 20px 10px 20px;}
.selectedRow{background-color:#709cd4;}    
.red{color: #e61f37;font-weight: bold;line-height: 1.5em;font-size:1.2em}
.dark{color: #145243;font-weight: bold;}
  
.table{margin: 10px 20px 10px 30px;color: #1b705a;line-height: 1.3em;border: 5px solid #dfe9f7;font-weight: bold;}

.intImage
{width: 90%;margin: 0px auto;}

.normal{color: #224673;}

.transform
{text-transform: uppercase}

.search li
 {float: right; padding-right: 10px;padding-top: 3px}
 
 .middle
 {margin: 10px auto;width:50%}
 
 
 
 .middle  a{color: #790000; font-weight: bold;  background: #f4f7fb url(images/arrowGreeny.gif) no-repeat left 50%; padding: 10px 5px 10px 30px; 
    display: block;  margin-top:10px;}
    
 .middle a:hover{color: #145243; background: #ccc url(images/arrowGreeny.gif) no-repeat left 50%;}
 
 .green{color: #002448;font-weight: bold;}
 
 .red
 { color: #790000;}
 
 .outer
 {margin: 0px auto;width:52%}
 
 div.box
 {width: 20%;padding: 0;float: left;color: #333; margin-left:  20px; margin-top:10px}
 
 div.box ul li
 {color: #333;  display: block}
  
  div.boxTwo
   {width: 70%;float: left; }
   
   div.boxTwo p
   {margin-left: 50px; }
   
    div.boxTwo li
 {height: 100px}
  
  div.boxTwo ul li a
  {display: block; background:#f4f7fb url(images/arrowGreeny.gif) no-repeat left 25%;
  color:#999; padding-top: 10px;margin-left: 50px;padding-bottom: 10px }
       
 div.boxTwo ul li a:hover{background:#ccc url(images/redArrow.png) no-repeat  left 25%;color: #fff;}

.radio
  {font-weight: bold;color:#00487d;}
    
  .nextButton
{width:100px;margin-right: 100px;float: right;}

.homeHeader
{background: #99ccff; float: left; width: 100%; height: 100px;overflow: hidden}
.image
{height: 130px;}

.smallgrey {color: #666; font-size:.9em}

.bigMarginLeft
{margin-left: 40px}

.bigMarginRight
{margin-right: 40px}

.leftRight
{padding-left: 30px; padding-right: 30px}

.twenty
{float: left; width: 24%}

div.opening ul li a 
{ color: #003e9b;
padding: 5px 10px 5px 20px; background:  url(images/link_page.gif)no-repeat left 35%;  }

.xmas
{margin: 0px auto;width:20%}

.xmasHome ul li a
{color: #790000;margin-left:20px;margin-right:30px;background: url(images/santa.png)no-repeat left 35%;margin-bottom:10px;font-size:1.2em;padding-left:50px; font-family:  Baskerville Old Face, Trebuchet MS, Arial, serif;
 display:block; border:2px solid #eee}

.xmasHome ul li a:hover
{color: green;margin-left:20px;margin-right:30px;background:  url(images/santa.png)no-repeat left 35%;margin-bottom:10px;font-size:1.2em;padding-left:50px; }

.easter
{margin: 0px auto;width:20%}

.easterHome ul li a
{color: green;margin-left:15px;background:  url(images/bunny.gif)no-repeat left 35%;margin-bottom:10px;font-size:1em;padding-left:40px; }

.easterHome ul li a:hover
{color: red;margin-left:15px;background:  url(images/bunny.gif)no-repeat left 35%;margin-bottom:10px;font-size:1em;padding-left:40px; }

input.textEntry 
{
    width: 320px; padding:7px;
    border: 1px solid #ccc; font-size:.9em}


div.quoteBox
{min-Height:200px;width:95%;float:right;margin-right:10px;}

div.contactBox
{border:3px solid #efefef;width:90%;float:left;margin-top:20px;margin-left:30px;background:#fff}

div.contactBox ul li a
{color:#7A8AAF; background:#efefef url(images/arrowBlue.gif)no-repeat left;display:block;margin:0;padding-left:20px}

div.contactBox ul li a:hover
{color:#790000; background:#efefef url(images/arrowBlue.gif)no-repeat left;display:block;}

div.quoteBox ul li a
{display: block; color:#0E1D32;padding: 5px 40px;font-style: italic;line-height:1.8em;
 background:#efefef}
 
 div.quoteBox ul li a:hover
{background: #c2cada ; color: #fff;}  

div.complaintBox
{border: 1px dotted #ccc;  
 width: 90%; margin: 0px  auto; }
 
div.complaintBox ul li a
{color:#7A8AAF; background:#efefef url(images/arrowBlue.gif)no-repeat left;display:block; padding:5px 5px 5px 20px; margin:0px}

div.complaintBox ul li a:hover
{color:#790000; background:#c2cada url(images/arrowBlue.gif)no-repeat left;display:block;}

.normal
{font-style:normal}

.padding{padding:3px}

.twitter-timeline
{padding-left:30px}


div.half
{width: 45%; float:left}


div.half ul li a
{display: block; color:#0E1D32;padding: 5px 40px;line-height:1.8em;
background:#efefef}
 
 div.half ul li a:hover
{background: #c2cada ;}

div.halfTwo
{width: 45%; float:right;}


div.halfTwo ul li a
{display: block; color:#0E1D32;padding: 5px 20px;line-height:1.8em;
  background:#efefef}
 
 div.halfTwo ul li a:hover
{background: #c2cada ;}



input[type="radio"] { margin-right: 7px; }

.sixtyPercent
{float:right;width:60%;}

 .homeRight{float: right;width: 47%; overflow: hidden;
 border-left: 3px solid #fff ;border-right: 6px solid #fff ; border-top: 4px solid #f4f7fb;
border-bottom: 3px solid #f4f7fb; overflow: hidden}

.tiny{width:30%; margin:10px auto;}

.imageWheel
{float: left}

 #banner2 h1 
{color: #003e9b; padding-top: 10px; padding-left: 20px; font-size: 2.2em; font-family:Baskerville Old Face }


 #banner2
{width: 99%;margin: 5px auto 5px auto; height: 50px;background:#fff url(images/bannerBg.jpg) top repeat-x ;border-left: 1px solid #ccc;
 border-right: 1px solid #ccc; border-top: 1px solid #ccc;	}

.fifty{float:left;width:48%; border:1px dotted #ccc}
 
 div.fifty ul li a
{display: block; color:#000;margin-left: 3px; padding-left: 20px; background: url(images/page.gif) no-repeat left 20%; padding-bottom: 5px; padding-top: 5px;}

div.fifty ul li a:hover
{ color:#fff;background: #9FB1C6 url(images/page.png) no-repeat left 20%;font-weight: 600}
.quarter {float: left; width: 31%; border: 1px dotted #ccc; background-color:#fff  }

.fiftyTwo{float:right;width:48%; border:1px dotted #ccc}
 
 div.fiftyTwo ul li a
{display: block; color:#000;margin-left: 3px; padding-left: 20px; background: url(images/page.gif) no-repeat left 20%;font-size:.95em;; padding-bottom: 5px; padding-top: 5px;}

div.fiftyTwo ul li a:hover
{ color:#fff;background: #9FB1C6 url(images/page.png) no-repeat left 20%;font-weight: 600}
.quarter {float: left; width: 31%;  background-color:#fff  }


#navWrapper
{width: 99%; margin: 0px auto; border-left: 1px solid #ccc;background:#efefef;
 border-right: 1px solid #ccc; border-top: 1px solid #ccc;
border-bottom:2px dotted #ccc;height:35px}

div.drop_menu {
	padding:0;
	margin:0;
	list-style-type:none;
	height:35px;
}
.drop_menu li { float:left; }

.drop_menu li a {
	padding:9px 20px;
	display:block;
	color:#00498F;
	text-decoration:none;
	font:1em arial, verdana, sans-serif;
}

/* Submenu */
.drop_menu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;border-bottom:1px solid #efefef;
	list-style-type:none;
}
.drop_menu li:hover { position:relative; background:#D4D4D4;}
.drop_menu li:hover ul {
	left:0px;
	top:30px;
	background:#ccc;
	padding:0px;
}

.drop_menu li:hover ul li a {
	padding:5px;
	display:block;
	width:200px;
	text-indent:15px;
	background-color:#ccc;
}
.drop_menu li:hover ul li a:hover { background:#D4D4D4; color:#fff;  }

.bannerRight
{float:right; padding: 3px 5px 0px 5px}

#mybgcarousel{ /* CSS for specific carousel container called #mybgcarousel. */
width:100%;height:350px;
}


/* ######### Shared CSS for various parts of carousel (in the event of multiple carousels) ######### */

div.bgcarousel{ /* shared CSS for main carousel container */
background: url(images/wheelSlideTwo.jpg) no-repeat; overflow:hidden; height:350px;overflow:hidden;background-size:cover ;max-width100%;


/* loading gif while caoursel is loading */
}

div.bgcarousel img.navbutton{ /* CSS for the nav buttons */
}

div.bgcarousel div.slide{ /* CSS for each image's DIV container within main container */
background-color: black;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */

}

div.bgcarousel div.selectedslide{ /* CSS for currently selected slide */
}

div.bgcarousel div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
color: white;
left: 50px;
top: 250px;
padding: 10px;
font: bold 120%;
text-shadow: 0 -1px 1px #8a8a8a; /* CSS3 text shadow */
z-index:5;
}

div.bgcarousel div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.bgcarousel div.slide div.desc h2{
font-size:1.5em;padding:0;font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
margin:0; color:#fff; /* CSS3 text shadow */
}

div.bgcarousel div.slide div.desc a{
padding:0;font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
margin:0; color:#fff;
text-decoration:none; /* CSS3 text shadow */

}

div.bgcarousel div.slide div.desc a:hover{
color:red; }



div.bgcarousel div.slide div.desc img{
    max-width: 100% !important;
  }
  
  .shadetabs{
padding:0;
margin:0;

list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;

}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
top:1px;
padding:10px 10px 0px 10px;
color: #0B2540;
background: #CCDCF0;

}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
background:#709cd4;
color: #fff;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px; 
}

.shadetabs li a.selected{ /*selected main tab style */
background:#709cd4;
padding:10px 10px 5px 10px;
color:#fff
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

.goldLeft
{float:left; width:68%;margin-right:40px;}

.goldRight{float:right;width:25%;list-style-type: none;}

.debtBox
{border: 1px dotted #ccc;  
 margin:10px auto;  }
 
 
 .button
 {padding:10px;font-size:.9em}

.minervaBox
{border: 1px dotted #002142;  
 margin:10px 10px 20px auto ; width:98% }



.globe{margin:10px auto; width: 98px}

table {
     border-collapse: collapse; width:100%}




 table, th, td {
     border: 1px solid #ccc;
     text-align: center;
    padding: 8px;
}
.table, th {background: #efefef; width:50%}

.lcdstyle{ /*Example CSS to create LCD countdown look*/
	background-color:black;
	color:yellow;
	font: bold 18px MS Sans Serif;
	padding: 3px;
}

.lcdstyle sup{ /*Example CSS to create LCD countdown look*/
	font-size: .9em
}
.plBold
{font-weight: 600;}

.infographic
{width: 318px; border:1px solid #DA2227}

.thirtyInfo{width:30%; float:left}
 
 .seventyRight
 {float:left; width:68%}
 
 
        
        div.questionlink ul li a
{display: block;background: url(images/arrowBlue.gif) no-repeat left 50%; font-family:  Baskerville Old Face, Trebuchet MS, Arial, serif;
 padding: 10px 30px 2px 20px;margin-left:20px;
color: #4464a6; font-size:1em; }
 div.questionlink ul li a:hover
{background: #ededed url(images/arrowBlue.gif) no-repeat left 50%; ;}  

 div.list ul li {display: block;background: url(images/arrowBlue.gif) no-repeat left 50%;  font-family:  Baskerville Old Face, Trebuchet MS, Arial, serif;
 padding: 10px 30px 2px 30px;margin-left:20px;
color: #4464a6; font-size:1em }

.jumplink{width: 95%; margin: 0px  auto;padding-top: 15px;padding-bottom: 10px; }
 .jumplink ol li {color:black;  padding-bottom:5px; list-style-position:inside; padding-bottom:7px; font-size:1.1em  }
 .jumplink ol li a{font-size:1.1em}
 .jumplink p {font-size:.9em}
 .jumplink ul li { background:url(images/ArrowBlue.gif) no-repeat  left; padding-left: 25px; padding-bottom:5px; font-size:.9em}
 .jumplink table th td ul li{border: 1px solid #ccc;
   padding: 8px; font-size:1em }
   
   .jump {width: 90%;margin: 0px auto; min-height:500px}

.jump a{color: #790000; font-weight: bold;background:url(images/arrowGreeny.gif) no-repeat; padding-left: 25px; }

.jump a:hover{color: #97bbea }
 
 .textLeft{text-align:left; color:#4464a6; }
 
 .headingSmall
{font-size:1.2em;color:#596a90;}
    
   fieldset
{
    margin: 0px 0px;
    padding:.7em;
    border: 1px solid #ccc; 
}

legend 
{
    font-size: 1.2em;
    font-weight: 600; color: #3a4f63;
    padding: 2px 4px 0px 4px;
}

.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
        background-color: #5078B3;
    font-weight: 700;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    font-size:1.2em
}
 
#master_content .accordionHeader a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}
 
    #master_content .accordionHeader a:hover {
        background: none;
        text-decoration: underline;
    }
 
.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;

    background-color: #2E4d7B;
    font-weight: 700;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    font-size:1.2em
}
 
#master_content .accordionHeaderSelected a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}
 
    #master_content .accordionHeaderSelected a:hover {
        background: none;
        text-decoration: underline;
    }
 
.accordionContent {
    background-color: #EFEFEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
} 

    



