@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic);

/*RESET*/
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;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*RESET END*/

a {color: #cb1c13;}
a:hover {color: #cb1c13;}

hr {border: 0 #dfdfdf solid;border-top-width: 1px;clear: both;height: 0;}

h1 {font: bold 50px/1.2 "Lato", Arial, Helvetica, sans-serif; color: #cb1c13; letter-spacing: -0.03em;}
h2 {font-size: 36px; color: #7f1810;}
h3 {font: 28px "Lato", Arial, Helvetica, sans-serif; color: #251811;}
h4 {font: 28px "Lato", Arial, Helvetica, sans-serif; color: #251811;}
h5 {font-size: 16px; color: #251811;}
h6 {font-size: 14px; color: #251811;}

ol {list-style: decimal;}
ul {list-style: disc;}
li {margin-left: 30px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 20px;}

html, body {height: 100%; position: relative; min-height: 100%;}

body {background: #fff url(../images/globalBg.jpg) center top no-repeat; font: 15px/1.7 "Lato", Arial, Helvetica, sans-serif; color: #222;}
body {background: #fff url(../images/pageBg.jpg) center top no-repeat;}

#container {position: relative; z-index: 10; width: 968px; margin: 0 auto;}

#slide {width: 100%; height: 560px; overflow: hidden; position: absolute; top: 0; z-index: 1;}
#slide .lines {width: 3148px; height: 560px;background: url(../images/lines.png); position: absolute; top: 0; left: 50%; margin-left: -1574px; z-index: 2;}
#slide .clouds {width: 3000px; height: 560px;background: url(../images/clouds.jpg); position: absolute; top: 0; left: 50%; margin-left: -1500px; z-index: 1;}

header#header {height: 140px; margin-bottom: 100px;}

a#logo {top: 77px; position: relative; display: block; width: 201px; height: 34px;}

nav#menu {background: url(../images/menu.png) right bottom; height: 56px; margin-right:-2px; padding-right: 7px; display: inline-block; position: absolute; right: 0; top: 64px;}
nav#menu ul {list-style: none; background: url(../images/menu.png); height: 56px; padding: 0 18px 0 23px;}
nav#menu li {margin: 0; float: left;}
nav#menu a {font: bold 16px "Lato", Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-shadow: 0 1px 2px rgba(0,0,0,.5); padding: 14px 0 15px; height: 20px; margin: 0 15px; display: block;}
nav#menu a:hover, nav#menu li.active a {border-bottom: 4px solid #cb1c13; color: #b2b2b2;}

nav.subMenu {background: url(../images/subNav.png) no-repeat right bottom; padding-bottom: 11px; width: 316px; margin: 0 -2px 40px; position: relative; z-index: 3;}
nav.subMenu ul {background: url(../images/subNav.png) no-repeat; margin: 0; padding: 15px 2px 10px; list-style: none; min-height: 176px;}
nav.subMenu li {margin: 0;}
nav.subMenu a {padding: 6px 30px 0; font: bold 16px "Lato", Arial, Helvetica, sans-serif; text-decoration: none; color: #fff; text-shadow: 0 1px 0 #000; display: block; height: 26px;}
nav.subMenu a:hover, nav.subMenu li.active a {background: url(../images/subMenu.png);}

ul.options {list-style: none; margin: -15px 0 0; float: right;}
ul.options li {float: left;}
ul.options a {color: #929292; text-decoration: none; font-size: 13px; padding-left: 17px;}
ul.options a:hover {color: #cb1c13;} 
ul.options a.print {background: url(../images/print.gif) 0 4px no-repeat;}
ul.options a.tellafriend {background: url(../images/share.gif) 0 5px no-repeat; padding-left: 15px;}
ul.options a.sitemap {background: url(../images/sitemap.gif) 0 5px no-repeat; padding-left: 16px;}

section#front {height: 270px; margin-top: -35px}
section#front h1 {font: bold 50px "Lato", Arial, Helvetica, sans-serif; letter-spacing: -.03em;}
section#front h2 {font: 300 20px/1.7 "Lato", Arial, Helvetica, sans-serif; color: #5c5c5c; width: 575px;}

section#frontBlurbs {width: 960px; padding: 6px 6px 6px 6px; height: 279px; background: url(../images/frontBlurbs.png); margin: 0 -2px;}
section#frontBlurbs .blurb {float: left; width: 320px; color: #fff;}
section#frontBlurbs .blurb .text {padding: 0 40px; text-shadow: 0 1px 0 #000;}
section#frontBlurbs .blurb a.img {width: 320px; height: 154px; display: block; overflow: hidden; z-index:1; position: relative;}
section#frontBlurbs .blurb h3 a {font: bold 18px "Lato", Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-shadow: 0 -1px 0 #000; display: block; background: url(../images/frontBlurbLink.png) no-repeat; height: 33px; padding: 9px 0 0 40px;}
section#frontBlurbs .blurb h3 a:hover {background-position: -15px bottom;}
section#frontBlurbs .blurb h4 {font: 14px "Lato", Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 5px;}
section#frontBlurbs .blurb .text a {color: #747474; text-decoration: none;} 
section#frontBlurbs .blurb .text a:hover {color: #cb1c13;}
section#frontBlurbs .blurb:hover h3 a {background-position: -15px bottom;}
section#frontBlurbs .blurb:hover .text a {color: #cb1c13;}
section#frontBlurbs .blurb:hover a.img {box-shadow: 0 1px 3px rgba(0,0,0,.5); z-index:3; width: 322px; height: 155px; margin: -1px 0 0 -1px;}
section#frontBlurbs .blurb:hover a.img img {width: 100%;}

div.frontBlurbsShadow {background: url(../images/frontBlurbsShadow.png) no-repeat top center; width: 100%; height: 92px; position: absolute; z-index: 1; top: 705px;}

section.mainContent {width: 656px; float: left;}
section.mainContent h1 {margin-left: -1px;}
section.mainContent h2.excerpt {font: 20px/1.7 "Lato", Arial, Helvetica, sans-serif; color: #222; letter-spacing: -0.02em;}
section.mainContent hgroup {padding-bottom: 40px; background: url(../images/hgroupShadow.png) no-repeat bottom;}
section.mainContent article.article {width: 575px; padding-bottom: 50px;}
section.sideBar {width: 312px; float: left;}

aside.relLinks {width: 240px; margin: 5px 0 15px 40px; float: right;}
aside.relLinks h4 {font: bold 16px Arial, Helvetica, sans-serif; color: #545454; border-bottom: 4px solid #545454; padding-bottom: 10px;}
aside.relLinks ul {color: #545454;}
aside.relLinks li {margin-left: 15px;}
aside.relLinks a {text-decoration: none;}
aside.relLinks a:hover {text-decoration: underline;}

.relImg img {border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;-o-border-radius: 4px; margin-bottom: 40px;}

div.wideRel {width: 660px; height: 208px; margin: 1px 0 30px; position: relative; z-index: 2;}
div.wideRel div.overlay {background: url(../images/wideRelOverlay.png); height: 208px; width: 660px; position: absolute; left: 0; top: 0;}

footer#footer {background: url(../images/footer.png) no-repeat top center; width: 968px; margin: 0 auto; margin-top: 50px; padding: 25px 0; line-height: 1.7; color: #7b7b7b; font-size: 13px; letter-spacing: .02em; clear: both;}
footer#footer em {display: inline-block; padding: 0 8px; color: #b5b5b5;}
footer#footer span.sphinxly, footer#footer span.sphinxly a {color:#b5b5b5; text-decoration: none;}

.clear {clear: both;}