/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


body {
	background: #E0E0EC url('/images/bg-header.jpg') repeat-x top left;
	font: 12px/120% Arial, Verdana, sans-serif;
}
#header {
	background: url('/images/bg-header-logo.jpg') no-repeat top left;
	margin: 0 auto;
	padding: 0;
	width: 970px; /* 970px + (95px*2 for each side) */
	display: block;
}
#logos { padding: 10px 20px 17px 30px; }
#logos a { margin-right: 5px;}
/*#headerContent { width: 925px; margin-left: 8px; }*/
#headerContent { width: 925px; margin: auto; }
#headerContent img { display: block; }

#main-nav 			{ background: url('/images/sprites-corners.png') no-repeat 0 0; padding: 0 0 0 8px; }
#main-nav.active 	{ background-position: 0 -856px; }
#main-nav div		{ background: url('/images/sprites-corners.png') no-repeat right -78px; padding: 0 8px 0 0; }
#main-nav ul 		{ width: 100%; overflow: hidden; background: url('/images/sprites-bg.png') repeat-x 0 0; position: relative; }
#main-nav ul li 	{ float: left; }
#main-nav ul li a 	{
	background: url('/images/sprites-bg.png') repeat-x 0 0;
	color: #FFF;
	display: block;
	font-weight: bold;
	line-height: 34px;
	padding: 1px 0 3px;
	text-decoration: none;
}
#main-nav ul li a:hover { background-position: 0 -39px; }
#main-nav ul li.active a,
#main-nav ul li.active a:hover { color: #0D366A; background-position: 0 -413px; }
#main-nav ul li a span { border-right: 1px solid #D55659; border-left: 1px solid #B60B1B; padding: 0 10px; }
#main-nav ul li.active a span { border-color: transparent; }
#main-nav ul li:first-child a span { border-left: 0; }
#main-nav ul li:last-child a span { border-right: 0; }

#main-nav ul li#clubLions a { position: absolute; top: 2px; right: 0; background: none; }

#body { background: #E0E0EC url('/images/bg-body-bottom.jpg') repeat-x left bottom; min-width: 970px; }
#body .background {background: url('/images/bg-body-top.jpg') repeat-x left top; min-width: 970px; }
#body .content { width: 970px; margin: 0 auto; padding: 22px 0 70px 0; }

footer { background: url('/images/bg-footer.jpg') repeat-x left bottom; width: 970px; margin: 0px auto; }
footer .content { width: 970px; margin: 0 auto; padding: 22px 0 28px 0; overflow: hidden; }

#subnav-2 { width: 227px; margin-left: 10px; }
#subnav-2 li a { background: url('/images/sprite-subnav-2.jpg') no-repeat 0 -34px; display: block; line-height: 30px; color: #fff; padding: 0 45px 0 15px; text-decoration: none; font-weight: bold; font-size: 13px; }
#subnav-2 li a:hover 		{ background-position: -240px -34px; }
#subnav-2 li a.active 		{ background-position: -480px -34px; color: #0D366A; }
#subnav-2 li.first a 		{ background-position: 0 0; padding-top: 4px; }
#subnav-2 li.first a:hover 	{ background-position: -240px 0; }
#subnav-2 li.first a.active { background-position: -480px 0; }
#subnav-2 li.last a 		{ background-position: 0 -65px; padding-bottom: 17px; }
#subnav-2 li.last a:hover 	{ background-position: -240px -65px; }
#subnav-2 li.last a.active 	{ background-position: -480px -64px; }

.subnav { margin-bottom: 20px; }
.column-3 .subnav { margin-left: 10px; }
.subnav ul { width: 100%; overflow: hidden; }
.subnav ul li { float: left; width: 242px; }
.columns-3 .subnav ul li { float: none; margin: 20px 0; }
.columns-3 .subnav ul li:first-child { margin-top: 0; }
.subnav ul li dl { position: relative; }
.subnav ul li dl dt { position: absolute; top: 60px; left: 0; }
.subnav ul li dl dd{ padding-left: 10px; }

.subnav ul li dl dt a { background: url('/images/sprites-corners.png') no-repeat 0 -368px; padding-left: 7px; line-height: 41px; display: block; color: #FFF; text-decoration: none; font-weight: bold; font-size: 15px; }
.subnav ul li dl dt a span { background: url('/images/sprites-corners.png') no-repeat 100% -450px; padding-right: 7px; line-height: 39px; display: block; }
.subnav ul li dl dt a span span { background: url('/images/sprites-bg.png') repeat-x 0 -184px; padding: 0 5px 3px 5px; line-height: 36px; }

.subnav ul li:hover dl dt a, .subnav ul li dl dt a:hover { background-position:0 -409px; }
.subnav ul li:hover dl dt a span, .subnav ul li dl dt a:hover span { background-position: 100% -491px; }
.subnav ul li:hover dl dt a span span, .subnav ul li dl dt a:hover span span { background-position: 0 -225px; }
.subnav p { margin: 8px 5px; text-align: justify; }
.subnav p a { color: #000; text-decoration: none; }

#footer-nav { width: 100%; overflow: hidden; margin-bottom: 30px; }
#footer-nav dl { float: left; width: 152px; padding-right: 10px; }
#footer-nav dl:last-of-type { width: 160px; padding-right: 0; }
#footer-nav dt { font-weight: bold; margin-bottom: 10px; }
#footer-nav li { margin: 2px 0; }
#footer-nav a { color: #666; text-decoration: none; }
#footer-nav a:hover { color: #fff; background: #666; }

h1.title-5	{ font-family: 'Marker Felt', 'Comic Sans MS', cursive; font-weight: 400; font-size: 50px; color: #0D366A; margin: 65px 0 45px; text-shadow: 2px 2px 2px #FFF; line-height: 100%; }

.title-1 			{ background: url('/images/sprites-corners.png') no-repeat 0 -368px; padding-left: 7px; line-height: 41px; display: block; color: #FFF; text-decoration: none; font-weight: bold; font-size: 15px; }
.title-1 span 		{ background: url('/images/sprites-corners.png') no-repeat 100% -450px; padding-right: 7px; line-height: 39px; display: block; }
.title-1 span span 	{ background: url('/images/sprites-bg.png') repeat-x 0 -184px; padding: 0 13px 3px 13px; line-height: 36px; }
a.title-1:hover		 		{ background-position:0 -409px; }
a.title-1:hover span 		{ background-position: 100% -491px; }
a.title-1:hover span span 	{ background-position: 0 -225px; }

.title-2 			{ background: url('/images/sprites-corners.png') no-repeat 0 -156px; padding-left: 41px; line-height: 53px; display: block; color: #FFF; text-decoration: none; font-weight: bold; font-size: 20px; }
.title-2 span 		{ background: url('/images/sprites-corners.png') no-repeat 100% -262px; padding-right: 8px; line-height: 53px; display: block; }
.title-2 span span 	{ background: url('/images/sprites-bg.png') repeat-x 0 -78px; padding: 0 13px 3px 0; line-height: 50px; }
a.title-2:hover 			{  background-position:0 -209px; }
a.title-2:hover  span 		{  background-position: 100% -315px; }
a.title-2:hover  span span 	{  background-position:0 -131px; }

.title-3 			{ background: url('/images/sprites-corners.png') no-repeat 0 -532px; padding-left: 39px; line-height: 40px; display: block; color: #FFF; text-decoration: none; font-weight: bold; font-size: 18px; }
.title-3 span 		{ background: url('/images/sprites-corners.png') no-repeat 100% -612px; padding-right: 7px; line-height: 40px; display: block; }
.title-3 span span 	{ background: url('/images/sprites-bg.png') repeat-x 0 -266px; line-height: 37px; padding: 0 23px 3px 0; }

.title-4 			{ background: url('/images/sprites-corners.png') no-repeat 0 -692px; padding-left: 8px; line-height: 33px; display: block; color: #FFF; text-decoration: none; font-weight: normal; font-size: 13px; }
.title-4 span 		{ background: url('/images/sprites-corners.png') no-repeat 100% -758px; padding-right: 29px; line-height: 33px; display: block; }
.title-4 span span 	{ background: url('/images/sprites-bg.png') repeat-x 0 -346px; padding: 0 0 4px 12px; line-height: 29px; }
a.title-4:hover 			{  background-position:0 -725px; }
a.title-4:hover  span 		{  background-position: 100% -791px; }
a.title-4:hover  span span 	{  background-position:0 -379px; }

#contactUs			{ padding: 40px 0 0 20px; }
#contactUs dl 		{  z-index: 1; background: #FFF; overflow: hidden; width: 160px; padding: 10px 20px 10px 110px; color: #0D366A; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#contactUs dl dt 	{ clear: both; font-weight: bold; float: left; display: block; line-height: 160%; width: 50px; }
#contactUs dl dd 	{ float: left; display: block; line-height: 160%; width: 110px; }
#contactUs dl a 	{ color: #CD003A; }

#contactUs .title-1 { position: absolute; top: 50px; left: 0; z-index: 10; }

#linkHeader { position: absolute; top: 200px; left: 30px; }

.panel { position: relative; background: url('/images/bg-article.gif') repeat-x left top; }
.panel .bgTop { background: url('/images/bg-article-top.gif') repeat-x left top; }
.panel .bgLeft { background: url('/images/bg-article-left.gif') repeat-y left top; }
.panel .bgRight { background: url('/images/bg-article-right.gif') repeat-y right top; }
.panel .bgLeftBottom { background: url('/images/bg-article-left-bottom.gif') no-repeat left bottom; }
.panel .bgRightBottom { background: url('/images/bg-article-right-bottom.gif') no-repeat right bottom; }
.panel .cornerLeft { background: url('/images/corner-article-left.gif') no-repeat top left; }
.panel .cornerRight { background: url('/images/corner-article-right.gif') no-repeat top right; padding: 23px; overflow: hidden; width: 924px; }
.column-2 .panel .cornerLeft { background-image: url('/images/corner-article-left-2.gif'); }
.column-2 .panel .cornerRight { background-image: url('/images/corner-article-right-2.gif'); }
.columns-3 .column-2 .panel .cornerRight { width: auto; }

.panel .box1 { float: left; width: 452px; padding-right: 10px; padding-top: 10px; }
.panel .box2 { float: right; width: 452px; padding-left: 10px; position: relative; height: 1%; }

h2 { color: #17245F; font-size: 24px; line-height: 120%; font-weight: normal; border-bottom: 1px solid #fff; padding-bottom: 10px; }
.panel .date { float: left; width: 40px; margin-right: 10px; }
.panel .post { float: left; width: 402px; }
.panel .post .contentText { border-top: 1px solid #ccc; padding-top: 15px; }
.contentText p { margin: 0 0 10px ; line-height: 130%; }
.contentText img { margin: 0 0 2px 5px ;}
.contentText ul { margin: 5px 0 5px 20px ;}
.panel .post p.legend { font-size:11px; margin: 0 0 5px 5px; font-style: italic; }
.panel .article .post { float: none; width: auto; }
.panel .article .post .contentText { border-top: 0; padding-top: 0; }


.date { font-family: Impact, Charcoal, sans-serif; font-size: 20px; color: #777; line-height: 100%; text-align: center; text-transform: uppercase; }
.date .day { display: block; font-size: 34px; background: url('/images/bg-article-date.gif') repeat-x left top; line-height: 100%; padding: 25px 2px 10px 3px; text-align: center; text-shadow: 1px 1px 1px #FFF; }
.post a { color: #CD003A; }
.post a:hover { text-decoration: none; }

.panel .box2 header { position: absolute; top: 40px; right: 0; width: 315px;  }

.panel .box2 header .bgTop 		{ background: url('/images/bg-box-top.png') repeat-x left top; padding-top: 7px; margin: 0 8px 0 9px; }
.panel .box2 header .bgBottom 	{ background: url('/images/bg-box-bottom.png') repeat-x left top; padding-top: 9px; margin: 0 8px 0 9px; }
.panel .box2 header .bgLeft 	{ background: url('/images/bg-box-left.png') repeat-y left top; padding-left: 3px; }
.panel .box2 header .bgRight 	{ background: url('/images/bg-box-right.png') repeat-y right top; padding-right: 4px; }
.panel .box2 header .bgContent 	{ background: #CD003A url('/images/bg-box-content.png') repeat-x left top; padding: 8px 30px 8px 10px; }
.panel .box2 header .corner-topLeft { position: absolute; top: 0; left: 0; width: 9px; height: 7px; background: url('/images/sprites-corners.png') no-repeat 0 -824px ; }
.panel .box2 header .corner-topRight { position: absolute; top: 0; right: 0; width: 8px; height: 7px; background: url('/images/sprites-corners.png') no-repeat -9px -824px ; }
.panel .box2 header .corner-bottomLeft { position: absolute; bottom: 0; left: 0; width: 9px; height: 9px; background: url('/images/sprites-corners.png') no-repeat 0 -831px ; }
.panel .box2 header .corner-bottomRight { position: absolute; bottom: 0; right: 0; width: 8px; height: 9px; background: url('/images/sprites-corners.png') no-repeat -9px -831px ; }

.panel .box2 header:hover .bgTop 				{ background-image: url('/images/bg-box-top-over.png'); }
.panel .box2 header:hover .bgBottom 			{ background-image: url('/images/bg-box-bottom-over.png');  }
.panel .box2 header:hover .bgLeft 				{ background-image: url('/images/bg-box-left.png'); }
.panel .box2 header:hover .bgRight 				{ background-image: url('/images/bg-box-right.png');  }
.panel .box2 header:hover .bgContent 			{ background: #CC0021 url('/images/bg-box-content-over.png') repeat-x left top; }
.panel .box2 header:hover .corner-topLeft 		{ background-position: 0 -840px ; }
.panel .box2 header:hover .corner-topRight 		{ background-position: -9px -840px ; }
.panel .box2 header:hover .corner-bottomLeft 	{ background-position: 0 -847px ; }
.panel .box2 header:hover .corner-bottomRight 	{ background-position: -9px -847px ; }


.panel aside.box2 header h3 { background: url('/images/bg-box-title.gif') no-repeat 0 3px; padding-left: 30px; font-size: 20px; color: #FFF; line-height: 100%; }
.panel aside.box2 header h3 a { border-bottom: 1px solid #D95971; display: block; padding-bottom: 10px; }
.panel aside.box2 header p { padding-top: 10px; margin: 0 0 0 30px; border-top: 1px solid #B31121; }
.panel aside.box2 header a { color: #FFF; text-decoration: none; }

#bottomBox { position: relative; overflow: hidden; width: 100%; padding: 15px 0; }
#bottomBox .title-3 { position: absolute; top: 0; left: 10px; z-index: 10; }
#bottomBox .title-link { position: absolute; bottom: 0; left: 500px; z-index: 10; }
#sponsors-box  { z-index: 1; background: #fff; overflow: hidden; width: auto; height: 110px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; }
#sponsors-box li { float: left; list-style: none; margin: 30px 10px 20px 10px; }

#socialLinks { float: right; margin: 30px 20px 0 0; }
#socialLinks li { float: left; list-style: none; margin-left: 10px; }

#mentions { margin-top: 38px; color: #777; }

.columns-3 { overflow: hidden; width: 970px; }
.columns-3 .column-1, .columns-3 .column-3 { float: left; width: 240px; }
.columns-3 .column-2 { float: left; width: 490px; }

/* utilities */
.fright 	{ float: right; }
.fleft 		{ float: left; }
.overflow 	{ overflow: hidden; width: 100%; }
.relative	{ position: relative; }

.required { color: #CC0021;}

form h2 { margin: 10px 0; border: 0; padding: 0;}
form dl { position: relative; overflow: hidden; width: 100%; padding: 5px 0; }
form dl:hover { background: #F5F5F5; }
form dt { float: left; clear: left; width: 135px; padding: 4px 5px 0 10px;  }
form dd { width: 284px; padding-right: 10px; margin-left: 150px; }

form dd input, form dd select, form dd textarea { margin-left: 20px; font-family: arial; font-size: 12px; color: #17245F; }
form dd input, form dd textarea { width: 252px; border: 1px solid #C0C0C0; padding: 2px 5px; }
form dd input:focus, form dd textarea:focus { border-color: #17245F; }

form dd ul { width: 100%; overflow: hidden; list-style: none; margin: 2px 0 5px; }
form dd ul li { float: left; width: 259px; color: #17245F; padding-top: 1px; }
form dd ul li:first-child { width: 25px; padding: 0; }
form dd ul li input { margin: 0; width: auto; border: 0; padding: 0; }
form dd, form dd li { position: relative; }

form dl.selectRow { overflow: visible; }
form dl.checkboxRow dt { float: none; width: 297px; }

form .formDate { width: 62px; }
form .formCode { width: 28px; }

.radioInline ul { float: left; width: 142px; }
.radioInline ul li { width: 117px; }

.submit					{ padding: 0; border: 0; background: transparent; cursor: pointer; float: right; margin: 30px 3px; text-transform: uppercase; }
.submit	span			{ color: #FFF; cursor: pointer;background: url('/images/sprites-corners.png') no-repeat 0 -692px; padding-left: 4px; line-height: 33px; display: block; color: #FFF; text-decoration: none; font-weight: normal; font-size: 13px; }
.submit span span 		{ background: url('/images/sprites-corners.png') no-repeat 100% -758px; padding-right: 29px; line-height: 33px; display: block; }
.submit span span span 	{ background: url('/images/sprites-bg.png') repeat-x 0 -346px; padding: 0 10px 6px 12px; line-height: 27px; }
.submit:hover span			{  background-position:0 -725px; }
.submit:hover  span span 		{  background-position: 100% -791px; }
.submit:hover  span span span 	{  background-position:0 -379px; }

.btnBrowse { background: url('/images/sprite-forms.gif') no-repeat 0 -25px; border: 0; height: 21px; padding-bottom:2px; width:80px; color: #FFF; cursor: pointer; }

.smtext { font-size: 9px; }

#hero-panel { margin-left: -17px; padding: 10px 0;}
#hero-panel #LinkHeader { position: absolute; top: 230px; left: 390px; }

#square-feature .box2 { width: 452px; }
#square-feature .box2 .bgContent { padding-right: 0; }
#square-feature .box2 header { top: 275px; }
#square-feature .box2 .bgContent a { border: 0; }