@charset "utf-8";
/*  ---------------------------------------
	
	main.css
	````````
	main stylesheets document for
	Butts for Judge
	
    ---------------------------------------  */


/*  ---------------------------------------
	Global 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; text-decoration: none; }
		
		

/*  ---------------------------------------
	Global rules and typography
	- - - - - - - - - - - - - - - - - - - -  */
	
		body {
			background: #464749;
			font-family: Myriad Pro, Arial, sans-serif;
		}
		
		#header-container {
			height: 213px;
			background: url(../images/header-container-bg.gif) top repeat-x #fff;
		}
		#content-container {
			background: url(../images/content-container-bg.gif) bottom repeat-x #fff;
		}
			#content-wrap {
				width: 860px;
				margin: 0 auto;
				background: url(../images/content-bg.png) top repeat-y;
			}
				#content {
					padding: 25px 45px 20px 45px;
					font-size: 12px;
					color: #13273c;
				}
			
		#footer-container {
		
		}
		
		.hidden { display: none; }
		.clear { height: 1%; clear: both; }
		.alignleft { float: left; }
		.right { float: right; }
		
		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.clearfix {display: inline-block;}
		.no-background { background: none !important; }
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */



/*  ---------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - -  */
	
		#header {
			width: 820px;
			margin: 0 auto;
			background: url(../images/header-bg.gif) no-repeat;
		}
			#header h1 {
				display: block;
				width: 820px;
				height: 173px;
			}
				#header h1 a {
					display: block;
					width: 440px;
					height: 170px;
					text-indent: -999999px;
					background: url(../images/header-logo.gif) no-repeat;
				}
			#header h2#header-info {
				display: block;
				width: 370px;
				float: left;
				height: 40px;
			}
				#header-info strong {
					position: relative;
					display: block;
					height: 40px;
					width: 370px;
					text-indent: -999999px;
					background: url(../images/header-info-bg.gif) 25px no-repeat;
				}
					#header-info strong em {
						display: block;
						height: 63px;
						width: 78px;
						position: absolute;
						right: 0;
						top: -3px;
						text-align: center;
						line-height: 46px;
						font-size: 14px;
						font-weight: normal;
						color: #fff;
						background: url(../images/header-info-flag-bg.gif) no-repeat;
						text-indent: 0;
						font-family: Georgia;
					}
			
			#header ul {
				display: block;
				width: 430px;
				float: right;
				height: 40px;
				list-style-type: none;
			}
				#header ul li {
					display: block;
					float: right;
					padding: 4px 0 4px 7px;
				}
					#header ul li a {
						display: block;
						height: 32px;
						text-indent: -999999px;
					}
						#nav-home a {
							width: 65px;
							background: url(../images/main-nav-home-bg.gif) left top no-repeat;
						}
						#nav-about a {
							width: 147px;
							background: url(../images/main-nav-about-bg.gif) left top no-repeat;
						}
						#nav-supporters a {
							width: 99px;
							background: url(../images/main-nav-supporters-bg.gif) left top no-repeat;
						}
						#nav-contact a {
							width: 85px;
							background: url(../images/main-nav-contact-bg.gif) left top no-repeat;
						}
					#header ul li.current a,
					#header ul li a:hover {
						background-position: left bottom;
					}



/*  ---------------------------------------
	Sidebar
	- - - - - - - - - - - - - - - - - - - -  */
	
		#sidebar {
			width: 225px;
			float: right;
		}
			#sidebar p {
				display: block;
				padding: 10px 15px;
			}
				#sidebar p a {
					color: #cd071b;
					text-decoration: underline;
				}
			#sidebar h3 {
				display: block;
				height: 64px;
				text-indent: -999999px;
			}
				#side-support {
					height: 43px !important;
					background: url(../images/header-bg-support-campaign.gif) top no-repeat;
				}
				#side-get-involved {
					background: url(../images/header-bg-get-involved.gif) bottom no-repeat;
				}
				#side-upcoming-events {
					height: 74px !important;
					background: url(../images/header-bg-upcoming-events.gif) left 24px no-repeat;
				}
			#sidebar h4.side-button {
				display: block;
				height: 39px;
			}
				.side-button a {
					display: block;
					height: 36px;
					text-indent: -999999px;
				}
					#donate-button a { background: url(../images/button-donate.gif) top no-repeat;}
					#endorse-button a { background: url(../images/button-endorse.gif) top no-repeat;}
						#donate-button.current a { background: url(../images/button-donate.gif) bottom no-repeat;}
						#endorse-button.current a { background: url(../images/button-endorse.gif) bottom no-repeat;}
					
			#sidebar h4#facebook-button {
				display: block;
				border-bottom: 1px solid #394257;
			}
				#facebook-button a {
					display: block;
					height: 45px;
					line-height: 45px;
					padding-left: 54px;
					background: url(../images/ico-facebook.gif) 13px no-repeat;
					font-size: 12px;
					color: #13273c;
				}

			#cforms2form {
				display: block;
				width: 225px;
				padding: 0 0 0 0;
				margin: 0;
			}
				#cforms2form label { display: none; }
				#cforms2form strong {
					display: block;
					padding-left: 14px;
					height: 25px;
					background: url(../images/subscribe-label-bg.gif) left no-repeat;
				}
				#cforms2form li { padding: 0 !important; }
				#cforms2form strong input {
					padding: 6px 0;
					font-size: 11px;
					background: none;
					border: none;
					color: #13273C;
					width: 150px;
					float: left;
					font-weight: bold;
				}
				#cforms2form .emailreqtxt { display: none; }
				#cforms2form .cf-sb {
					display: block;
					padding: 0 !important;
					margin: 0 !important;
					float: right;
					width: 60px;
					position: relative;
					top: -26px;
					height: 25px;
					background: url(../images/signup-button.gif) no-repeat;
				}
				#cforms2form .cf-sb input {
					display: block;
					width: 60px;
					height: 25px;
					border: none;
					font-size: 11px;
					background: none;
					color: #13273C;
					font-weight: bold;
				}
				.error {
					padding-bottom: 4px;
					font-weight: bold;
					color: #cd071b;
				}
				
			.event-box {
				border-bottom: 1px solid #394257;
			}
				.event-box p {
					padding: 0 15px 10px 15px !important;
					font-weight: normal;
				}
					.event-box p a {
						display: inline;
						color: #cd071b;
					}
				.event-box h4 {
					display: block;
					padding: 10px 15px 10px 15px;
					font-size: 12px;
					color: #263449;
					font-weight: bold;
				}
					.event-box h4 a { color: #cd071b; }
				

/*  ---------------------------------------
	Main
	- - - - - - - - - - - - - - - - - - - -  */
	
		#main {
			width: 520px;
			float: left;
			padding-bottom: 30px;
		}
			#main h2 {
				display: block;
				height: 70px;
				text-indent: -999999px;
			}
				#main-welcome {
					background: url(../images/header-bg-welcome.gif) left top no-repeat;
				}
				#main-about {
					background: url(../images/header-bg-about.gif) left top no-repeat;
				}
				#main-supporters {
					background: url(../images/header-bg-supporters.gif) left top no-repeat;
				}
				#main-contact {
					background: url(../images/header-bg-contact.gif) left top no-repeat;
				}
				#main-donate {
					background: url(../images/header-bg-donate.gif) left top no-repeat;
				}
			#main h3 {
				display: block;
				padding: 0 0 5px 0;
				font-size: 14px;
				font-weight: bold;
				text-transform: uppercase;
			}
				#main h3.pre-list {
					padding-bottom: 20px;
				}
			#main h4 {
				display: block;
				padding: 0 0 20px 0;
				font-size: 14px;
				font-weight: normal;
			}
				#main h4#main-signature {
					font-size: 12px;
					color: #13273c;
					font-weight: bold;
					padding-top: 5px;
				}
					#main-signature span {
						display: block;
						padding-top: 37px;
						background: url(../images/signature-bg.gif) left 6px no-repeat;
					}
				#main h4#join-us {
					padding-top: 10px;
				}
			#main p {
				display: block;
				padding: 0 20px 15px 0;
				line-height: 17px;
			}
			#main a {
				color: #C1282E;
				font-weight: bold;
				text-decoration: none;
			}
			#main a:hover {
				text-decoration: underline;
				color: #4C0B0F;
			}
			#main img.alignleft {
				padding: 0 25px 25px 0;
			}
			#main ul {
				display: block;
				list-style: circle;
				padding-bottom: 20px;
			}
				#main ol { padding-left: 20px; margin-left: 30px; padding-bottom: 20px; }
				#main ul li {
					padding: 0 20px 10px 12px;
					font-size: 12px;
					display: block;
					background: url(../images/bullet.gif) left 4px no-repeat;
				}
				#main ul#about-experience {
					width: 290px;
					float: left;
				}
					#about-experience li { padding-bottom: 18px; }
				#main ul#about-service {
					width: 325px;
					float: left;
				}
					#about-service li { padding-left: 40px; }
					
				#main ul.four-column {
					
				}
					ul.four-column li {
						width: 24%;
						float: left;
						padding: 0 0 10px 0 !important;
						background: none !important;
					}
			#slideshow {
				margin-bottom: 15px;
			}
			
			h4#donate-confirm {
				display: block;
				height: 38px;
				padding: 0 0 0 32px;
				line-height: 38px;
				background: url(../images/checkbox-state.gif) left top no-repeat;
			}
				#donate-confirm.checked {
					text-decoration: underline;
					background-position: left bottom;
				}
			#paypal-link {
				display: none;
				padding-bottom: 20px;
			}
				
			.fsSlider,
			.fsButtons { display: none !important; }
			
			.fsImages { height: 210px !important; }	
				
					
/*  ---------------------------------------
	Forms
	- - - - - - - - - - - - - - - - - - - -  */	
			
		form.cform {
			padding: 0 20px 0 0;
			margin: 0;
		}
			form.cform ol {
				padding: 0 !important;
				margin: 0 !important;
				list-style-type: none;
			}
			form.cform li {
				display: block !important;
				padding: 5px 0 !important;
				position: relative;
			}
				form.cform li.cf-box-group label {
					display: block;
					height: 38px;
					line-height: 38px;
					padding-left: 32px;
					background: url(../images/checkbox-state.gif) left top no-repeat;
				}
					form.cform li.cf-box-group label:hover { cursor: pointer; }
		
		input.cf-box-b {
			display: none !important;
		}
		form.cform li.cf-box-group label.checked {
			background: url(../images/checkbox-state.gif) left bottom no-repeat;
		}
		
		form.cform .cf-fs1 li strong {
			display: block;
			padding-left: 14px;
			height: 25px;
			background: url(../images/normal-input-bg.gif) left no-repeat;
		}
			form.cform .cf-fs1 li label { display: none; }
			form.cform .cf-fs1 li strong input {
				padding: 6px 0;
				font-size: 11px;
				background: url(../images/normal-input-end-bg.gif) right no-repeat;
				border: none;
				color: #13273C;
				width: 150px;
				float: left;
				font-weight: bold;
				display: block;
				width: 100%;
				width: 368px;
			}
			form.cform .cf-fs1 li .emailreqtxt,
			form.cform .cf-fs1 li .reqtxt {
				display: block; 
				height: 25px; 
				line-height: 25px;
				position: absolute;
				top: 6px;
				left: 390px;
			}
				
				p.linklove {display: none;}
				.cf-fs1 legend { display: none; }
				
			form.cform li#li--7 {
				width: 382px;
				height: 123px;
				background: url(../images/textarea-bg.gif) bottom no-repeat;
			}
				
			form.cform textarea {
				display: block;
				background: none;
				height: 100px;
				width: 352px;
				padding: 10px 14px;
				border: none;
				font-size: 11px;
				font-weight: bold;
				color: #13273C;
				font-family: Arial;
			}
			form.cform fieldset.cf_hidden { display: none; }
		
			form.cform li.cf_li_err {
				background: #FFE2DF;
			}
			form.cform li.cf_li_err span.reqtxt, form.cform li.cf_li_err span.emailreqtxt { color: #6f4c54 !important; }
		
		form.cform li:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		p.cf-sb {
			display: block;
			padding-top: 20px !important;
		}
		p.cf-sb input {
			display: block;
			width: 60px;
			height: 25px;
			background: url(../images/button-submit.gif) no-repeat;
			border: none;
		}
		
		.success,
		.failure {
			padding: 10px 25px !important;
			font-size: 16px !important;
			background: #FFE2DF;
			color: #6f4c54;
			margin-bottom: 10px;
		}
		.success {
			color: #3d634d;
		}
		
		form.cform li.cf-box-title { display: none !important; }
		
		.no-background { background: none !important; }
		
		.linklove { display: none !important;}
		
		/* Hides from IE-mac \*/
		* html form.cform li {height: 1%;}
		form.cform li {display: block;}
		/* End hide from IE-mac */
		
		
			

/*  ---------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - -  */
	
		#footer {
			width: 780px;
			margin: 0 auto;
			padding: 10px 0 30px 0;
		}
			#footer p {
				display: block;
				font-size: 11px;
				color: #fff;
				text-align: center;
			}