/* --- Comments and analysis --- */
.akcentiwrapper{position: relative; width: 330px; height: 100px; border: 1px solid #D5D5D5; overflow: hidden; margin:0 5px 5px 5px;padding:0;}
.akcenticontent {position: absolute;background:white; padding: 5px;margin:0px; visibility: hidden; width: 320px; text-align: left;}.akcenticontent a {font-family:Arial, Verdana, sans-serif;font-size:15px;font-weight:bold;color:#0055AA; text-decoration:none;}.akcenticontent a:hover {font-family:Arial, Verdana, sans-serif;font-size:15px;font-weight:bold;color:#0055AA; text-align: left;text-decoration:underline;}
.akcenticontent img {margin: 0 5px 5px 0;}
.akcentitoggler{width: 320px; margin: -26px 15px 5px 0; padding: 0;}
.akcentitoggler a{display: -moz-inline-box; display: inline-block; padding: 0; margin: 0; text-decoration: none;}
.akcentitoggler a.prev, .akcentitoggler a.next{ }
.akcenti-head {line-height:30px;width:320px; border: 1px solid #D5D5D5; padding:8px 185px 8px 5px;margin:5px;background:#D9E1E4 url(lead_bg.jpg) repeat-x top left;font-size:12px;font-family: Verdana, Arial;font-weight:normal;color:#BB1219;}

/* --- Lead Home --- */
.leadwrapper{
position: relative; /* Do not change this value */
width: 633px;
height: 266px; /* Set height to be able to contain height of largest content shown*/
border-right: 1px solid #E7E7E7;
border-bottom: none;
overflow: hidden;
background:white; 
margin:5px 0 0 5px;
padding:0;
}
/* Total wrapper width: 350px+5px+5px=360px. Or width of wrapper div itself plus any left and right CSS border and padding. Adjust related containers below according to comments */
.leadcontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
margin: 0;
visibility: hidden;
width: 617px;
text-align: left;
}
/* Total glidecontent width: 330px+10px+10px=350px. Or width of wrapper div itself (not counting wrapper border/padding) */
.leadcontent p {font-family: Arial, Verdana, sans-serif;font-size:13px;font-weight:normal;color:#333; text-decoration:none;}
.leadcontent a {font-family: Georgia,Arial, Verdana, sans-serif;font-size:22px;font-weight:bold;color:#09134E; text-decoration:none;}
.leadcontent a:hover {font-family: Georgia,Arial, Verdana, sans-serif;font-size:22px;font-weight:bold;color:#09134E; text-align: left;text-decoration:underline;}
.leadcontent a:hover p {text-decoration:underline; color: #333;}
.leadcontent h1 {margin:5px 0 5px 0;padding:0; font-family:Verdana, Arial sans-serif;font-size:10px; font-weight:normal; color:#397099;}
.leadcontent h1 a {font-family:Verdana, Arial sans-serif;font-size:10px; font-weight:normal; color:#BB1219; text-decoration:none;}
.leadcontent h1 a:hover {font-family:Verdana, Arial sans-serif;font-size:10px; font-weight:normal; color:#BB1219; text-decoration:underline;}
.leadcontent img {margin: 0 5px 5px 0;}

.leadtoggler{ /*style for DIV used to contain toggler links. */
width: 623px;
margin-left: 4px;
padding: 5px;
border: 1px solid #E7E7E7;
text-align: right; /*How to align pagination links: "left", "center", or "right" */
font-family: Verdana, Arial, sans-serif;
font-size:14px;
color:#000;
font-weight: bold;
text-decoration: none;
background:#D9E1E4 url(lead_bg.jpg) repeat-x top left; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/* Total contenttoggler width: 350px+5px+5px=360px. Or total width of wrapper div (counting wrapper border/padding) */
.leadtoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
/* color: #2e6ab1; */
padding: 1px 3px;
margin-right: 3px;
border: 1px solid #777;
font-family: Verdana, Arial, sans-serif;
font-size:12px;
color:#777;
font-weight: bold;
text-decoration: none;
}
.leadtoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
/* background: #777; */
border: 1px solid #BB1219;
color: #BB1219;
text-decoration: none;
}
.leadtoggler a:hover{
/* background: #777; */
/* color: black; */
font-family: Verdana, Arial, sans-serif;
font-size:12px;
border: 1px solid #BB1219;
font-weight: bold;
text-decoration: none;
}
.leadtoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.leadtoggler a.prev, .leadtoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}
.leadtoggler a.prev:hover, .leadtoggler a.next:hover{
/* background: #777; */
color: #BB1219;
border: 1px solid #777;
}

/* --- Most Read Home --- */
.readwrapper{
position: relative; /* Do not change this value */
width: 968px;
height: 200px; /* Set height to be able to contain height of largest content shown*/
border: 1px solid #CCCCCC;
overflow: hidden;
background:white; 
margin: 0px 5px 5px 5px;
padding:0;
}
/* Total wrapper width: 350px+5px+5px=360px. Or width of wrapper div itself plus any left and right CSS border and padding. Adjust related containers below according to comments */
.readcontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
margin: 0;
visibility: hidden;
width: 950px;
text-align: left;
}
/* Total glidecontent width: 330px+10px+10px=350px. Or width of wrapper div itself (not counting wrapper border/padding) */
.readcontent p {font-family: Arial, Verdana, sans-serif;font-size:13px;font-weight:normal;color:#333; text-decoration:none;}
.readcontent a {font-family: Georgia,Arial, Verdana, sans-serif;font-size:22px;font-weight:bold;color:#09134E; text-decoration:none;}
.readcontent a:hover {font-family: Georgia,Arial, Verdana, sans-serif;font-size:22px;font-weight:bold;color:#BB1219; text-align: left;text-decoration:underline;}
.readcontent a:hover p {text-decoration:underline; color: #333;}
.readcontent img {margin: 0 5px 5px 0;}

.readtoggler{ /*style for DIV used to contain toggler links. */
width: 958px;
margin: 5px 0 0 5px;
padding: 5px;
border: 1px solid #CCC;
border-bottom: none;
text-align: right; /*How to align pagination links: "left", "center", or "right" */
font-family: Verdana, Arial, sans-serif;
font-size:14px;
text-align: left;
color:#BB1219;
font-weight: normal;
text-decoration: none;
background:#D9E1E4 url(lead_bg.jpg) repeat-x top left; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/* Total contenttoggler width: 350px+5px+5px=360px. Or total width of wrapper div (counting wrapper border/padding) */
.readtoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
/* color: #2e6ab1; */
padding: 1px 3px;
margin-right: 3px;
border: 1px solid #777;
font-family: Verdana, Arial, sans-serif;
font-size:12px;
color:#777;
font-weight: bold;;
text-decoration: none;
}
.readtoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
/* background: #777; */
border: 1px solid #BB1219;
color: #BB1219;
text-decoration: none;
}
.readtoggler a:hover{
/* background: #777; */
/* color: black; */
font-family: Verdana, Arial, sans-serif;
font-size:12px;
border: 1px solid #BB1219;
font-weight: bold;
text-decoration: none;
}
.readtoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.readtoggler a.prev, .readtoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}
.readtoggler a.prev:hover, .readtoggler a.next:hover{
/* background: #777; */
color: #BB1219;
border: 1px solid #777;
}
