/*---------------GLOBAL---------------*/
*{margin:0; padding:0}
html, body{margin:0; padding: 0;text-align:center; font:80%/1.5 Verdana, Helvetica, sans-serif; color:#3d3d3d; background:#eef6e0 url(images/bg.jpg) repeat-x} 

table {border-collapse: collapse;border-spacing: 0;}
	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */   
#pagewidth{ width:960px; text-align:left;  margin-left:auto; margin-right:auto; background:#fff url(images/stripe.gif) no-repeat 0 -5px} 
#wrapper{margin-top:37px}
ul{list-style:none; font-size:1.3em;}
a{color:#000099; text-decoration:underline; outline:none;}
a:hover{color:#c4000c;}
.clr{clear:both}

p{font-size:1.3em; line-height:1.7em; margin-bottom:1.3em;}

h1,h2,h3,h4{font-weight:normal; color:#1b68aa;}
h1{font-size:2.5em; width:100%; border-bottom:2px solid #1b68aa; margin-bottom:8px}
h2{font-size:2.2em; }
h3{font-size:1.8em; }
h4{font-size:1.2em; font-weight:bold }
sup{color:#990000}

#header,
#nav,
#footer,
#index-banner,
#bread
{margin:0 auto}

#logo a,
ul#header_contact a,
#footer a,
ul.module li.link a
{border-bottom:0}

/*---------------HEADER---------------*/
#header{position:relative; height:130px; width:920px; padding-top:10px}

#logo{float:left; width:375px; height:85px; display:inline; background-image:url(images/logo.jpg); font-size:2.5em; margin:25px 60px 0 0px; text-indent:3000px}
#logo a{height:85px; width:100%; display:block; overflow:hidden; font-size:1.0em; font-weight:bold; color:#DFD40E; text-decoration:none}

ul#header_contact{text-align:right; margin:0; float:right; display:inline; clear:right; width:320px}
ul#header_contact li.num{font-size:2.3em; color:#26197d}
ul#header_contact a{color:#26197d; font-size:1.0em; font-weight:bold}
ul#header_contact a:hover{color:#C4000C;}

#award{width:151px; height:117px; background-image:url(images/logo-award.gif); float:left; display:inline}

ul#font-size{float:right; margin:5px 0 17px 0; margin-right:-5px}
ul#font-size li{float:left; border-right:1px solid #456; cursor:pointer; padding:0 4px}
ul#font-size li.no-border{border-right:0}
ul#font-size li a{padding:0 5px; color:#3d3d3d}
ul#font-size li a:hover{color:#FF0000}


/*---------------NAV---------------*/ 
ul#nav{width:920px;  height:40px; line-height:40px; border-bottom:12px solid #1b68aa; padding-bottom:1px}
ul#nav li{float:left; padding:0; text-align:center; width:114px; font-weight:bold; display:inline; background-color:#686868; border-right:1px solid #fff}
ul#nav li a{width:114px; height:40px; color:#fff; display:block}
ul#nav li a:hover{color:#fff; background-color:#c4000c}
ul#nav li a, #footer a{text-decoration:none}

ul#nav li.contact{border-right:0; width:115px}
ul#nav li.contact a{width:115px;}

body#index ul#nav{border-bottom:0}


body#index ul#nav li.home,
body#about ul#nav li.about,
body#clubs ul#nav li.clubs,
body#stadiums ul#nav li.stadiums,
body#campaigns ul#nav li.campaigns,
body#news ul#nav li.news,
body#downloads ul#nav li.downloads,
body#contact ul#nav li.contact
{background-color:#c4000c}

/*---------------BREAD---------------*/
#bread{width:920px; font-size:1.2em; margin:5px auto -20px auto}

/*---------------LEFT COL---------------*/
#leftcol{width:650px; float:left; position:relative; margin:0 0 0 20px; display:inline;  height:auto !important; height:715px; min-height:715px}
body#contact #leftcol{width:570px}

/*---------------RIGHT COL---------------*/
#rightcol{ float:right; display:inline; position: relative; width:215px; margin:0 20px 0 0}
body#contact #rightcol{width:330px;}

ul.module{margin-bottom:20px}
ul.module li h3{border-bottom:5px solid #d98d02; margin-bottom:1px; height:33px; font-size:1.5em; height:auto}
ul.module li.image{width:215px; height:39px}
ul.module li.link{padding:8px; font-size:1.0em}

ul.module-level{margin-top:5px}
ul.module-level li.image{background:url(images/module-level.jpg)}
ul.module-donation li.image{background:url(images/module-donation.gif)}
ul.module-resources li.image{background:url(images/module-links.jpg)}

ul.module-donation li.link{background: url(images/external-link.gif) no-repeat 145px 30px; padding-right:10px}


form#mailing p{padding-top:5px; margin-bottom:0px}
form#mailing p label{width:45px; float:left; display:inline; text-align:right; padding:0px 4px 0 4px; }
form#mailing p span.submit{margin:0 0 10px 50px}
form#mailing p input{width:130px}
#module-mailing h3 {border-bottom:5px solid #d98d02; margin-bottom:1px; height:33px; font-size:1.9em}
#module-mailing .image{width:215px; height:39px; background-image:url(images/module-mailing.jpg)}

ul#list li{margin-bottom:6px}


/*---------------INDEX---------------*/
#index-banner{width:920px; height:203px}

#index-banner-left{width:375px; height:203px; float:left; background:#1b68aa url(images/index-banner-bg.gif) no-repeat right bottom}
#index-banner-left p{width:350px; margin:20px 0 0 20px; font-size:2.5em; color:#FFF}

#index-banner-right{width:544px; float:right; background-image:url(images/banner-index.jpg); height:203px}

ul.news-snippet{margin-bottom:20px; width:100%}
ul.news-snippet li{margin:3px 0}
ul.news-snippet li.title{font-weight:bold}

/*---------------CLUBS---------------*/
table#clubs{width:100%}
table#clubs td { vertical-align: top;height:40px }
table#clubs tr td{padding:5px; }
table#clubs caption{font-size:1.3em; color:#FFF; background-color:#1b68aa; font-weight:bold; height:28px; line-height:28px}

ul.clubs li, ul.stadiums li{margin-bottom:5px}

ul#clubs-sub-menu{font-weight:bold; margin:15px 0 30px 0; height:22px}
ul#clubs-sub-menu li{float:left; padding:0 10px; border-right:2px solid #1B68AA; color:#c4000c}
ul#clubs-sub-menu li.general{margin-left:-10px}
ul#clubs-sub-menu li.hotels{border-right:0}

.clubs-info-container{width:415px; float:left; clear:left; margin-bottom:25px}
table.clubs-info{width:413px; background-color:#EFEFEF; border:1px solid #C5C5C5}
table.clubs-info colgroup col#request{ width:120px;}
table.clubs-info colgroup col#detail{width:295px;}

table.clubs-info tr td{font-size:1.2em; padding:6px 3px}
table.clubs-info tr td.left{text-align:right; font-weight:bold}

#badge{width:210px; float:right; text-align:center}

.facilities-container{border-bottom:1px solid #1B68AA; margin-bottom:20px}
.facilities-container img{float:right; margin:0 0 10px 10px}

.add-comment{font-size:1.2em; font-weight:bold; margin:10px 0}

.hotel-container{width:650px; border-bottom:1px solid #1B68AA; margin-bottom:20px; padding-bottom:25px}
.hotel-container img{float:left; border:1px solid #1B68AA}
ul.hotel-price{float:left; clear:left; width:144px; background-color: #3333FF}
ul.hotel-summary{float:right; margin:-190px 0 0 25px; width:495px}
ul.hotel-summary li{margin-bottom:5px}
ul.hotel-summary li.distance{font-weight:bold}
ul.hotel-price li h4, ul.hotel-summary li h4{font-size:1.0em}

ul.hotel-summary li.more,
ul.hotel-summary li.reviews,
ul.hotel-summary li.book
{float:left; margin:10px 15px 0 0}

ul.hotel-price{width:144px; background-color:#c9e6ff; border:1px solid #1B68AA; margin-top:5px}
ul.hotel-price li{text-align:center; margin:3px 0}

/*---------------NEWS---------------*/
ul.news-archive{font-size:1.1em; margin-bottom:20px}
ul.news-archive li.month{font-size:1.2em; font-weight:bold; color:#1B68AA}
ul.news-archive li.title{margin-bottom:9px}

/*---------------RESOURCES---------------*/
table#resources{width:400px}
colgroup col#website, colgroup col#url{width:200px}
ul h3{font-size:1.6em}

/*---------------CONTACT---------------*/
form#contact{width:550px; margin:20px 0 0 0; padding:1px; border:6px solid #1B68AA; font-size:1.1em;}
form#contact input.field, form#contact select, form#contact textarea, form#mailing input.field, form#mailing select{font-family: Verdana, Helvetica, sans-serif; font-size:1.0em; color:#154d6a; padding:3px}
form#contact select{width:250px}
form#contact textarea{width:370px; height:200px}
form#contact p{width:100%; padding:6px 0; margin:0;  color:#154d6a; background-color:#e5eff8; border-bottom:1px solid #fff; font-size:1.2em}
form#contact p label{width:135px; float:left; display:inline; text-align:right; padding-right:4px; font-weight:bold;}
form#contact fieldset{width:100%; border:none; margin:0; padding:0;}
form#contact legend{display:none}
form#contact input.field{width:300px}
form#contact input.field-sm{width:45px}
form#contact img{border:1px solid #B3D0DD}
form#contact p span.submit{margin-left:130px}
form#contact p span.indent{margin-left:130px}
#recaptcha_widget_div{float:left;}
table#recaptcha_table{float:left;}
table#cap{background-color:#e5eff8;}

ul#contact_details{margin:55px 0 20px 10px; float:left; width:300px; }
ul#contact_details li{font-size:1.0em}
ul#contact_details li.address_bold{font-weight:bold}
ul#contact_details li.tel{margin-top:12px; font-weight:bold}
ul#contact_details li.fax{font-weight:bold}
ul#contact_details li.email{margin-top:12px; font-weight:bold}

/*---------------SITEMAP---------------*/
#sitemap{margin:20px}



/*---------------FOOTER---------------*/
#footer-grass{width:960px; height:96px; background-image:url(images/footer.jpg)}
#footer{width:960px;  clear:both; text-align:center; font-size:1.1em; color:#FFF; background-color:#537110; height:auto}
#footer a{color:#FFF}


#page-cont{float:left; margin-bottom:10px; padding-bottom:10px}
.page{background-color:#1B68AA; width:25px; height:25px; line-height:25px; text-align:center; float:left; margin-right:4px; color:#fff}
.page a{background-color:#C9E6FF; display:block; width:25px; height:25px; color:#000; text-decoration:none}
.page-next{width:70px; color:#154D6A}
.page-next a{display:block; width:70px; height:25px; color:#000; text-decoration:none}
.page a:hover, .page-next a:hover{color:#552706}