

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; 
padding: 0; 
border: 0;
outline: 0;
}
body, span, h1, h2, h3, h4, h5, h6, p, blockquote, cite, i, b, u, em, strong, sub, sup, ol, ul, li, label {
cursor: default;
}
a, a div, a span, a h1, a h2, a h3, a h4, a h5, a h6, a p, a blockquote, a cite, a i, a b, a u, a em, a strong, a sub, a sup, a ol, a ul, a li, a label {
cursor: pointer;
}
body {
font-size: 100%;
font-size: 0.81em;
font-family: 'Lato', Arial, Helvetica; 
color: #333333;
}
a {
color: #d52c27; 
text-decoration: none; 
cursor: pointer
}
a:hover { color: #888; 
text-decoration: none;
}


a.white, a.white:active, a.white:visited{
	color: #FFF;
	text-decoration: none;}

a.white:hover{
	color:#FFF;
	text-decoration: none;}
	
	
a.f-link, a.f-link:active, a.f-link:visited{
	color: #adacac;
	text-decoration: none;
	font-weight:bold;
	text-shadow: 1px 1px #111, 1px 1px #111;}

a.f-link:hover{
	color:#ffca00;
	text-decoration: underline;
	font-weight:bold;
	text-shadow: 1px 1px #111, 1px 1px #111;}

a.dark, a.dark:active, a.dark:visited{
	color: #d5372d;
	text-decoration: none;
	font-weight:bold;}

a.dark:hover{
	color:#CCC;
	text-decoration: none;
	font-weight:bold;}
	
	
a.more, a.more:active, a.more:visited{
	color: #ffd89f;font-size:9pt;
	text-decoration: none;
	font-family: 'Merriweather Sans', Arial;
}

a.more:hover{
	color:#fff;font-size:9pt;
	text-decoration: none;
	font-family: 'Merriweather Sans', Arial;
	text-shadow: 1px 1px #444, 1px 1px #444;
}
	
a.spotlight, a.spotlight:active, a.spotlight:visited{
	color: #FFF;
	text-decoration: none;
	font-weight:bold;}

a.spotlight:hover{
	color:#1c2949;
	text-decoration: none;
	font-weight:bold;}
	
	
p, .bulletList, .leftContentUL, .bullListSep, bullListSep, ol, .leftSlideLaquo, .editorsContent, .expertiseitem, ul {
font-family: 'Lato', Arial, Helvetica;
line-height: 150%;
}
input, textarea, select,
.editorsContent h1, .editorsContent h2, .editorsContent h3, .editorsContent h4, .editorsContent h5, .editorsContent h6,
ul h1, ul h2, ul h3, ul h4, ul h5, ul h6,
.quotes, .grayNote p, .grayNote, p.chevronList, .chevronList p, .chevronLink, p.backList, .arialBlack, .arialBlack p, .about-authors p, .ipFooter p, .footer.office p, .subHeroTwoRow p, p .externalLink, p .externalLinkPop, p.arial, h2.gray p, .link-footnote sup, .contactFormPopup p {
font-family: 'Lato', Arial, Helvetica; 
}
p.black, span.black {
color: black
}
img, object, embed {
border: 0;
}
p, ol, .module.last, .numberList, .bulletList, ul.linksUL, ul.backList, div.arialBlack, div.video /*, ul.arialBlack */ {
padding-bottom: 12px;
}
.bulletList p, ol p {
padding-bottom: 6px;
}


a, p{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}




h2, h3 {
	
	color: #d52c27;
}



.small { font-size:8pt; color:#555;}


#header-container {
	background: url(images/red-nav-bg.png) no-repeat center top; position:relative; z-index:99999999999999999999999999999;
	padding: 0; margin: -80px 0 0 25px; width:1110px; height:100px; background-color: transparent; border: 0px solid  #fff;
}



/* MENU */

#menu-container {
	width: 1100px;    
	text-align:left;
}

ul.topnav {
	list-style: none;
	padding: 0;	
	margin: 22px 0 0 0;
	float: left;
	border: 0px solid  #fff;
	background: #d5372d;
	font-size: 14pt;
	text-shadow: 1px 1px #333,1px 1px #333;
	letter-spacing: 0.01em;
	font-weight:bold;
	background: url(../topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0;
	border-right: 0px solid  #e63b27;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 15px 12px 14px 18px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	font-family: 'Merriweather Sans', Arial;
	font-weight:800;
	border: 0px solid  #555;
	
}
ul.topnav li a:hover{
	color:#FFF;
	background-color: transparent;
	
	
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 0px;
	height: 30px;
	float: left;
	background: url(../images/spacer.gif) no-repeat center top;
	z-index: 10000000;
	
	
}
ul.topnav li span.subhover {background-position: center bottom; 
cursor: pointer;} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 48px;
	background: #d5372ds;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 250px;
	font-size: 12pt;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 0px solid #111;
	z-index: 1000000;
	
	
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 0px solid #dd3626; /*--Create bevel effect--*/
	border-bottom: 0px solid #777; /*--Create bevel effect--*/
	clear: both;
	width: 250px; 
	border-right: none;
}
html ul.topnav li ul.subnav li a {     
    color:#fff;
	text-shadow: 1px 1px #bb211c,1px 1px #bb211c;
	float: left;
	width: 220px;
	background: #d5372d url(images/spacer.gif) no-repeat 10px center;
	padding: 8px 10px 8px 20px;
	font-weight:400;
	letter-spacing: -0.01em;
}


html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	/* background: #52453f url(images/red-nav-bg.png) no-repeat 10px center;  --*/ 
	background: #447012 url(images/top-green-bg.jpg) repeat; 
	color:#ffd89f;text-shadow: 1px 1px #333,1px 1px #333;
}


.subtitle{ font-size:10pt; color:#ff9901; border: 0px solid #CCC; 
text-align:left; margin: -9px 0 0 0; padding: 0 0 15px 0;
}



.roundcorners {-moz-border-radius: 9px;-webkit-border-radius: 9px; border-radius: 9px; }

.dropshadow {-moz-box-shadow:.1em .1em .2em .1em #A5A5A5; -webkit-box-shadow: .1em .1em .2em .1em #A5A5A5; box-shadow:.1em .1em .2em .1em #f0f0f0; } 

.mailform { width: 400px; border: 1px solid #CCC; height: 30px; font-size:14pt; padding: 5px;}
.textarea { height: 130px;}


.button{ font-size:12pt; 
color:#fff; 
border: 1px solid #99cfea; 
text-align:center; 
margin: 33px 2px 10px 0; 
padding: 6px; 
text-shadow:none;
width:160px;
cursor:pointer;

	
	
	
}



.subscribe {background-image: url(images/submit_button_bg.jpg); font-size:10pt; margin-top: 18px; 

 font-family: 'Merriweather Sans', Arial;font-weight:800;letter-spacing:0px;
 
 color:#fff; width:98px;height:26px; text-align:center; padding: 12px 0 0 0; text-shadow: 1px 1px #8c090d,1px 1px #8c090d;
 
 }

.blue { background-color:#3299cc;

background-image: -webkit-gradient(linear, left top, left bottom, from(#3299cc), to(#6ec8f4));
	background-image: -webkit-linear-gradient(top, #3299cc, #6ec8f4);
	background-image: -moz-linear-gradient(top, #3299cc, #6ec8f4);
	background-image: -ms-linear-gradient(top, #3299cc, #6ec8f4);
	background-image: -o-linear-gradient(top, #3299cc, #6ec8f4);
	background-image: linear-gradient(top, #3299cc, #6ec8f4);
	
	}


div.blue:hover{
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6ec8f4), to(#3299cc));
	background-image: -webkit-linear-gradient(top, #6ec8f4, #3299cc);
	background-image: -moz-linear-gradient(top, #6ec8f4, #3299cc);
	background-image: -ms-linear-gradient(top, #6ec8f4, #3299cc);
	background-image: -o-linear-gradient(top, #6ec8f4, #3299cc);
	background-image: linear-gradient(top, #6ec8f4, #3299cc);
	
}








#container {
	width:1263px; 
	
	padding:0px;
	margin:0 auto;
	position:relative;
	z-index:0;
	float:left;
}

#example {
	

	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:100%;
	height:428px;
	top:-30px;
	left:-0px;
}




















/*
	Slideshow
*/

#slides {
	position:absolute;  background-color:#fff;   height:428px;   
	top:-54px;
	left:0;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	 border-bottom: 10px solid #d5372d;  
	width:1263px;	
	min-height: 428px;	
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	
	width:1263px;
    height: auto;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:150px;
	left:24px;
	width:55px;
	height:55px;
	display:block;
	z-index:101;
}

#slides .next {
	left:1184px;
}






























/*
	Pagination
*/

.pagination {
	position:relative;
	z-index:201;
	margin:26px auto 0;
	width:140px;
	padding-left:32px;
	margin-top: -346px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding:12px 0 0 0;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
	
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:1000;
	position:absolute;
	text-align:center;
	margin: 0;
	top: 120px;
	

	padding: 5px 20px 30px 20px;
	background: transparent;
    letter-spacing: -1px;
	width:1226px; 
	font-size:32pt;
	line-height: 34pt;
	color:#fff;
	font-family: 'Merriweather Sans', Arial;
	font-weight:800;
	border: 0px solid #000;
	text-shadow: 1px 1px #111, 1px 1px #111;
	
	
}





.f-title {
	
	margin: 8px 0 8px 0; 
	font-size:14pt;
	line-height:1.33;
	color:#555;
	}
	
.f-text {
	
	margin: 24px 40px 20px 40px; 
	font-size:10pt;
	line-height:1.33;
	color:#333;
	}
	
.f-more {
	
	margin: 8px 0 10px 0;
	font-size:10pt;
	line-height:1.33;
	color:#555;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* CSS3 EFFECTS */

/* THIRD EFFECTS */

.third-effect .mask {
   opacity: 0;
   overflow:visible;
   border:100px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.third-effect a.info {
   position:relative;
   top:-10px;
   opacity: 0;
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}
.third-effect:hover .mask {
   opacity: 1;
   border:100px solid rgba(0,0,0,0.7);
}
.third-effect:hover a.info {
	opacity:1;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
