/* =================================================
Site:           Howes Jeffries
Created:        May 7 2010
Last Modified:  May 7 2010 
------------------------------------------------- 
casey reid, clearfirestudios.com
casey@clearfirestudios.com | Copyright 2010
================================================= */


/*----------------------------------
~~~~~~~~~~ Reset Styles ~~~~~~~~~~
----------------------------------*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
		margin:0;
		padding:0;
	}
	
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	
	fieldset,img { 
		border:0;
	}
	
	address,caption,cite,code,dfn,em,strong,th,var {
		font-style:normal;
		font-weight:normal;
	}
	
	ol,ul {
		list-style:none;
	}
	
	caption,th {
		text-align:left;
	}
	
	h1,h2,h3,h4,h5,h6 {
		font-size:100%;
		font-weight:normal;
	}
	
	q:before,q:after {
		content:'';
	}
	
	abbr,acronym { 
		border:0;
	}
	
	.group:after {
		clear: both;
		content: '.';
		display: block;
		visibility: hidden;
		height: 0;
	}
	.group {display: inline-block;}
	* html .group {height: 1%;}
	.group {display: block;}


/*----------------------------------
~~~~~~~~~~ Base Styles ~~~~~~~~~~
----------------------------------*/

	html {
		background:#000000;
		font-family:Arial, Helvetica, sans-serif;
	}

		body {
			background:url(/images/site/bg-body.gif) repeat-y left;
			margin:75px auto 75px auto;
			padding:0px 0px 0px 0px;
			width:1049px;
		}

		.clear {
			clear:both;
		}
		
		strong {
			font-weight:700;
		}
		
		#about span {
			color:#dd1229;
			font-style:italic;
		}
		
		a{color: #DD1229;}
		


/*----------------------------------
~~~~~~~~~~ Header Styles ~~~~~~~~~~
----------------------------------*/

	#logo {
		float:left;
	}

		#logo a {
			background:url(/images/site/logo.gif) no-repeat top left;
			display:block;
			height:208px;
			text-indent:-8888px;
			width:228px;
		}

	#header {
		float:right;
		height: 292px;
		margin:0px 0px -87px 0px;
		position:relative;
		top:-35px;
		width: 821px;
		z-index:25;
	}



/*----------------------------------
~~~~~~~~~~ Menu Styles ~~~~~~~~~~
----------------------------------*/

	#menus {
		float:left;
	}

	#main_nav {
		background:url(/images/site/bg-main-nav.gif) repeat-y top left;
		margin:0px 0px -1px 41px;
		position:relative;
		top:-1px;
		width:225px;
		z-index:30;
	}
	
		#main_nav li {
			background:url(/images/site/bg-bullet-main-nav.gif) no-repeat left center;
			padding:10px 0px 10px 43px;
		}
		
			#main_nav li a:link, #main_nav li a:visited {
				color:#000000;
				font-size:1.1em;
				font-weight:700;
				text-decoration:none;
			}
			
			#main_nav li a:hover {
				text-decoration:underline;
			}
	
	#sub_nav {
		margin:0px 0px 0px 50px;
		width:190px;
	}
	



/*----------------------------------
~~~~~~~~~~ Content Styles ~~~~~~~~~~
----------------------------------*/

	#main_content {
		float:right;
		margin:1px 74px 0px 0px;
		position:relative;
		width:705px;
		z-index:35;
	}
	
	#main_content { /*IE Margin Fix */
		margin-top:2px\9;
	}
	
	
	/*~~~ Content ~~~*/
	
		#content {
			float:left;
			width:432px;
		}
		
			#content .box {
				background:url(/images/site/bg-content-box-mid.gif) repeat-y left top;
			}
			
			#content .box.first { /*IE Instructions */
				margin:0px 0px 0px 0px;
			}
			
				#content .box.first h3 {
					background:url(/images/site/bg-content-box-top-first.gif) no-repeat top left;
					color:#dd1129;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:1.7em;
					font-weight:700;
					height:66px;
					margin:0px 0px -20px 0px;
					padding:10px 15px 0px 0px;
					text-align:left;
					text-indent:-60px;
				}
			
				#content .box h3 {
					background:url(/images/site/bg-content-box-top.gif) no-repeat top left;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:1.2em;
					font-style:italic;
					font-weight:700;
					padding:20px 15px 0px 0px;
					text-align:center;
				}
				
				#content .box h4 {
					color:#dd1129;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:1.0em;
					font-weight:700;
					margin:10px 0px 0px 0px;
					padding:0px 15px 0px 0px;
					text-align:center;
				}
				
					#content .box h4 strong {
						font-weight:700;
						text-transform:uppercase;
					}
				
				#content .box p {
					padding:0px 15px 0px 0px;
				}
				
				#content .box img {
					border:1px solid #000000;
					float:left;
					margin:15px 15px 10px 15px;
				}
				
				#content .box .clear {
					background:url(/images/site/bg-content-box-btm.gif) no-repeat top left;
					height:20px;
					width:432px;
				}
				
				#content .box table {
					margin:0px 15px 0px 20px;
				}
				
					#content .box table td {
						padding:5px 10px 5px 10px;
						vertical-align:top;
					}
					
					#content .box table .submit {
						margin:15px 0px 0px 0px;
					}
				
						#content .box table label{
							display:block;
						}
						
						#content .box table h4 {
							color:#000000;
							font-weight:700;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							text-align:left;
						}
						
						#content .box table li {
							margin:7px 0px 0px 0px;
						}
						
							#content .box table li input {
								margin:0px 5px 0px 0px;
							}
					
					#home-search select{
						width: 150px;
					}
					#home-search input#search{
						background-color:#DD1229;
						border: none;
						color: #fff;
						cursor: pointer;
						font-weight: bold;
						padding: 5px 10px;
						text-transform: uppercase;
					}
				
				
		/*~~~ Internal Content ~~~*/
			#internal_content{
				margin: 30px;
			}
				#internal_content h1{
					color:#000;
					font-size: 24px;
					margin-bottom: 10px;
				}
				
				#internal_content h2{
					color:#dd1129;
					font-size: 22px;
					margin-bottom: 10px;
				}
				#internal_content h3{
					font-size: 16px;
					margin-bottom: 10px;
				}
				#internal_content p{
					font-size: 14px;
					margin-bottom: 10px;
				}
				#internal_content ul{
					font-size: 14px;
					margin-bottom: 10px;
				}
				#internal_content img.content{
					margin: 0 15px 15px;
				}
				
				.bio{margin-bottom: 20px;}
					.bio img{
						float: left;
						margin: 0 20px 20px 0;
					}
		
				.community-links{
					list-style-type: disc;
					margin: 0 0 15px 15px;
				}
		
		/*~~~ Newsletter ~~~*/
		
			#newsletter {
				margin:10px 0px 20px 0px;
				width:432px;
			}
		
			#newsletter input {
				border:1px solid #000000;
				color:#868383;
				display:block;
				font-size:.9em;
				font-style:italic;
				font-weight:700;
				height:27px;
				margin:0px 0px 0px 0px;
				padding:8px 5px 0px 5px;
				width:365px;
			}
			
				#newsletter input.submit {
					background:#dd1129;
					color:#ffffff;
					display:block;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:1.2em;
					font-style:italic;
					font-weight:700;
					height:37px;
					padding:0px 0px 0px 0px;
					text-transform:uppercase;
					width:50px;
				}

			
						
		/*~~~ About ~~~*/				
		
			#about {
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:1.1em;
				padding:10px 0px 0px 0px;
				text-align:justify;
			}
			
				.drop_cap {
					font-size:3.2em;
					float:left;
					margin:-5px 5px 0px 0px;
				}
		
	
	/*~~~ Sidebar ~~~*/
		
		#sidebar {
			float:right;
			width:253px;

		}
		
			#sidebar .box {
				background:url(/images/site/bg-sidebar-box-mid.gif) repeat-y left top;
			}
			
		
				#sidebar .box.first h3 {
					background:url(/images/site/bg-sidebar-box-top-first.gif) no-repeat top left;
					color:#000000;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:1.1em;
					font-style:italic;
					font-weight:700;
					height:21px;
					margin:40px 0px 0px 0px;
					padding:45px 0px 0px 10px;
					text-align:left;
				}
				
				#sidebar .box ul {
					margin:15px 15px 10px 0px;
				}
				
					#sidebar .box ul li {
						text-align:center;
					}
					
					#sidebar .box ul .map a:link, #sidebar .box ul .map a:hover, #sidebar .box ul .map a:visited {
						text-transform:uppercase;
					}
				
				#sidebar .box img {
					border:1px solid #000000;
					display:block;
					margin:10px 10px 10px 10px;
				}
				
				#sidebar .box h4 {
					color:#dd1129;
					font-size:1.0em;
					font-weight:700;
					margin:10px 5px 0px 0px;
					padding:0px 15px 0px 0px;
					text-align:center;
				}
				
					#sidebar .box h4 strong {
						font-size:1.5em;
						font-weight:700;
						text-transform:uppercase;
					}
				
				#sidebar .box .clear {
					background:url(/images/site/bg-sidebar-box-btm.gif) no-repeat top left;
					height:15px;
					width:253px;
				}



		#sidebar #rates {
			background:#fff000;
			border:2px solid #000000;
			margin:20px 0px 0px 0px;
			padding:0px 0px 10px 0px;
			width:225px;
		}
		
			#sidebar #rates h3 {
				color:#000000;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:18px;
				font-style:italic;
				font-weight:700;
				margin:10px 0px 5px 10px;
			}
			#sidebar #rates p{
				padding: 0 10px;
			}
			
			#sidebar #rates table {
				margin:10px 0px 0px 10px;
			}
			
				#sidebar #rates table th {
					font-weight:700;
				}
			
				#sidebar #rates table td {
					font-size:.9em;
					padding:5px 20px 5px 0px;
				}
				
			
			/*~~~ Form Styles ~~~*/
			#general-form input.text-input, #general-form textarea{padding: 3px;width: 240px;}
			#general-form p{margin-bottom: 10px;}


/*----------------------------------
~~~~~~~~~~ Footer Styles ~~~~~~~~~~
----------------------------------*/

	#footer {
		background:url(/images/site/bg-footer.gif) no-repeat;
		height:92px;
	}
	
		#footer h2 {
			color:#ffffff;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:2.3em;
			font-style:italic;
			font-weight:700;
			padding:25px 0px 0px 0px;
			text-align:center;
		}