/*---------------------
VANILLA 1.0
GATORWORKS WEB DESIGN
www.gatorworks.net
---------------------*/


/* Browser Amnesia
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit;
	font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Begin CSS
-------------------------------------------------------------- */

html {
		
}
body {
	font-size: 75%;
	color: #222; 
	background: #000 url('../img/bodyBG.jpg') repeat-x top center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; color: #2f6a8f; font-family: Georgia, "Lucida Bright", Garamond, "Times New Roman", Times, serif;}
	
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { color: #fff; font-size: 11px; font-weight: bold; margin-top: 5px; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	display: block;
	font-size: 45%;
}
h4 span, h5 span, h6 span {
	font-size: 90%;
}
h3 span {
	font-size: 10px; font-style: italic; color: #333 !important; display: inline;
}
	h3 span a {
		text-decoration: underline;
	}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc Global Classes
-------------------------------------------------------------- */

.right 		{ float: right; } /* YKMOFL */
.left 		{ float: left; }
.clear 		{ clear: both; }
.cleft 		{ clear: left; }
.cright 	{ clear: right; }

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.sIFR-replaced h1 	{ color: #3A990D; }
.sIFR-alternate 	{ position: relative; left: -9999px; display: none; }


/* Form Styling
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, {
	margin:0.5em 0;
	border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
	border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/* Layout Elements
-------------------------------------------------------------- */

	#container {
		background: url('../img/mainBG.jpg') no-repeat top center;
		width: 100%;
		margin: 0px auto;
		min-height: 100%;
		text-align: center;
		display: block;
		position: absolute;
			top: 0px;
			left: 0px;
			z-index: 0;
	}
		#content {
			text-align: left;
			width: 1000px;
			margin: 0 auto;
		}
			#banner {
				height: 132px;
				width: 100%;
				position: relative;
			}
				#banner h1#logo {
					background: url('../img/logo2.jpg') no-repeat top left;
					width: 419px;
					height: 243px;
					position: absolute;
					padding: 0;
					margin: 0;
					top: 0;
					right: 0;
				}
					#banner h1#logo a {
						display: block;
						text-indent: -100000px;
						width: 405px;
						height: 132px;
					}
				#banner ul {
					list-style: none;
					margin: 0;
					position: absolute;
					z-index: 99;
					left: 0;
					bottom: 60px;
					margin-left: 37px;
				}
					#banner ul li {
						float: left;
					}
						#banner ul li a {
							color: #414141;
							padding: 20px 13px 65px;
							text-decoration: none;
							font-size: 10px;
						}
							#banner ul li a:active, #banner ul li a:hover {
								color: #414141;
								background: url('../img/nav_hover.jpg') repeat-x top center
							}
							#index a.home, #about a.about, #issues a.issues, #endorsements a.endorsements, #getinvolved a.getinvolved, #contribute a.contribute, #contact a.contact {
								color: #fff !important;
								background: url('../img/nav_active.jpg') repeat-x top center !important;
							}
				#bodycontent {
					padding: 37px 35px 0 37px;
				}
					#topleft {
						float: left;
						position:relative;
						z-index: 10;
						width: 602px;
						height: 275px;
						background: url('../img/peoplebeforepoliticsBG.png') no-repeat;
					}
						#topleft img {
							margin: 2px 0 0 26px;
						}
					#topright {
						position: relative;
						float:right;
						width: 299px;
						height: 275px;
						background: url('../img/latestnews.png') no-repeat top left;
						margin-bottom: 26px;

					}
						#topright h3 {
							font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
							font-size: 16px;
							color: #fff;
							text-transform: uppercase;
							margin-top: 20px;
							margin-left: 25px;
						}
							#topright ul {
								display: block;
								position: relative;
								margin-left: 22px;
								margin-bottom: 10px;
							}
							#topright ul li {
								display: block;
								float: left;
								margin-left: 3px;
							}
								#topright ul li a {
									display: block;
									padding: 6px 13px;
									background-color: #b83316;
									text-transform: uppercase;
									color: #fff;
									font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
									font-size: 12px;
									text-decoration: none;
								}
									#topright ul li a:hover, #topright ul li a.active {
										background-color: #fb6f00;
										
									}
							#latest_news {
								font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
								font-size: 16px;
								text-transform: uppercase;
								color: #fff;
								float: left;
								margin-bottom: 5px !important;
							}
							#bottomright {
								width: 230px;
								margin-right: 10px;
							}
								#bottomright ul {
									margin: 0px;
									margin-bottom: 20px;
								}
								#bottomright ul li {
									list-style: none;
									margin-bottom: 10pxs;
								}
								#bottomright ul li a {
									text-decoration: none;
									color: #fff;
								}
								.dates {
									color: #e8c450;
								
								}
								#donater {
									width: 200px;
									margin-left: 20px;
								}
								#success {
									background-color: #46c43d;
									padding: 5px;
									color: #fff;
									position: relative;
									border: 1px solid #2B7C26;
									z-index: 9999999;
								}
									#donate_button {
										margin-left: 29px;
										margin-top: 30px;
									}
								
								#moreNews {
									float: right;
									color: #fff;
								}
							#topright h4 {
								margin-left: 26px;
								margin-top: 12px;
								color: #fb6f00;
							}
							#topright label {
								display: none;
							}
							#topright form {
								margin-left: 29px;
							}
								#topright form input {
									height: 22px;
								}
								#smaller {
									width: 119px;
									margin-right: 3px;
									margin-bottom: 20px;
								}
								#larger {
									width: 244px;
									margin-bottom: 20px;
								}
								#topright #volunteer label {
									display: block ;
									color: #fff;
									position: relative;
									vertical-align: center;
									margin-bottom: 5px;
								}
								.submit_button {
									display: block;
									text-transform: lowercase;
									border: none;
									background: url('../img/submit_button.jpg') no-repeat top left;
									width: 75px;
									cursor: pointer;
									height: 24px !important;
									text-indent: -1000px;
									float: left;
								}
									.buttons {
										float: right;
										margin-right: 30px;
									}
								.volunteer_box {
									position: relative;
									top: 5px;
								}
								#none {
									display: none !important;
								}
					
					#bottomcap {
						clear: both;
						width: 931;
						height: 29px;
						background: url('../img/bottomcap.png') no-repeat top left;
					}
					#bottomshoe {
						width: 931px;
						height: 26px;
						background: url('../img/bottomshoe.png') no-repeat top left;
					}
					#bottom {
						width: 931px;
						background: url('../img/bottombg.gif') repeat-y top left;
					}
						#bottomleft {
							float:left;
							width:526px;
							padding: 15px 30px 36px;
							
						}
							#bottomleft h2#conservative {
								background: url('../img/conservative.png') no-repeat top left;
								width: 211px;
								height: 54px;
								text-indent: -100000px;
								margin-bottom: 35px;
							}
						#bottomright {
							float:right;
							
							padding: 15px 20px 0px;
							background-color:#a72817
							
							
						}
							#bottomright div {
								padding-bottom: 20px;
								background: url('../img/bottomrightborder.png') repeat-x bottom center;
							}
								
							#bottomright h2 {
								height: 14px;
								text-indent: -100000px;
								margin-top: 20px;
							}
								#bottomright div.nospace h2 {
									margin-top: 0;
								}
								#bottomright h2#h2newsletter {
									background: url('../img/newsletter.png') no-repeat top left;
								}
								#bottomright h2#h2getinvolved {
									background: url('../img/getinvolved.png') no-repeat top left;
								}
								#bottomright h2#h2contribute {
									background: url('../img/contribute.png') no-repeat top left;
								}
							#bottomright p {
								color: #f7cc58;
								font-size: 11px;
								margin-bottom: 0;
							}
								#bottomright div.nospace p {
									margin-bottom: 1.5em;
								}
								#bottomright p a {
									color: #fff2d0;
									text-decoration: underline;
								}
									#bottomright p a:active, #bottomright p a:hover {
										text-decoration: none;
									}
							#bottomright input#emailaddress {
								width: 170px;
								margin-right: 7px;
							}
							#bottomright #logolinks {
								text-align: center;	
								padding-top: 20px;
								padding-bottom: 0;
								background: none;	
							}
	#left {
		float: left;
		position: relative;
		z-index: 10;
		width:601px;
	}
		#left h2 {
			height: 14px;
			text-indent: -100000px;
			margin: 20px 0;
		}
		#leftcap {
			height: 29px;
			background: url('../img/bottomcap.png') no-repeat top left;
		}
		#leftshoe {
			height: 26px;
			background: url('../img/bottomshoe.png') no-repeat top left;
		}
		#leftcontent {
			padding: 15px 30px 36px;
			background: url('../img/bottombg.gif') repeat-y top left;
		}
		#left h2#about_rodney_alexander {
			background: url('../img/aboutrodneyalexander.jpg') no-repeat top left;
		}
		#left h2#h2issues {
			background: url('../img/issues.jpg') no-repeat top left;
		}
		#left h2#h2endorsements {
			background: url('../img/endorsements.jpg') no-repeat top left;
		}
		#left h2#h2membership {
			background: url('../img/membership.jpg') no-repeat top left;
		}
		#left h2#h2membership {
			background: url('../img/membership.jpg') no-repeat top left;
		}
	#right {
		float:right;
		width: 305px;
		margin-top: 5px;
	}
	#bottomrightbox {
		position: relative;
		z-index: 99999;
	}
		#bottomrightcap {
			clear:both;
			height: 29px;
			background: url('../img/bottomcap.png') no-repeat top right !important;
		}
		#bottomrightshoe {
			clear:both;
			height: 26px;
			background: url('../img/bottomshoe.png') no-repeat top right !important;
		}
		body.subpage #bottomright {
			padding-left: 32px;
			background: url('../img/bottombg.gif') repeat-y top right !important;
		}
		input#submit {
			display: inline !important;
			position: relative !important;
			left: 40px !important;
		}
	



	#footer { 			
		position: relative;
		left: 30px;
		width: 950px;
		height: 37px;
		padding: 25px 0px;
		margin: 0px;
		background: url('../img/footer.png') no-repeat center left;
		color: #333;
		text-align: center;
		font-size: 12px;
	}
		#footer a {
			display: block;
			float:right;
			position: relative;
			right: 20px;
			color: #fff;
			font-size: 11px;
		}
		
		
body#getinvolved input, body#getinvolved select, body#getinvolved textarea {
	display: block;
}
	body#getinvolved p.checkbox {
		margin: 0px;
	}
		body#getinvolved p.checkbox input {
			display: inline;
			position: relative;
			top: 3px;
		}
	body#getinvolved input.doublewide {
		width: 320px;
	}
	body#getinvolved input.shorty {
		width: 92px;
	}
	body#getinvolved div#nameInput {
		
	}
		body#getinvolved div#nameInput p, body#getinvolved div#cityInput p {
			float: left;
			margin-right: 10px;
		}
		

body#getinvolved #bottomright input {
	display: inline !important;
}