/* ------------------------------------------------

   'Flint Website' Template Stylesheet
	
   * This stylesheet is loaded by any page that
 	 that uses the default 'Flint Website' template.

--------------------------------------------------- */

/* ------------------------------------------------
	=ADDITIONALLY LOADED STYLESHEETS 
   ------------------------------------------------ */


/* ------------------------------------------------
	=GLOBAL LINKS
   ------------------------------------------------ */
   

/* ------------------------------------------------
	=GLOBAL FORMS
   ------------------------------------------------ */
   
   	label {
   		margin-right:5px;
   	}
   
   	select.medium {
   		color:#333333;
		font-size:13px;
		padding-left:2px;
		width:225px;
		border-top:solid 1px #7c7c7c;
		border-left:solid 1px #c3c3c3;
		border-right:solid 1px #c3c3c3;
		border-bottom:solid 1px #dddddd;
		padding-left:2px;
   	}


/* ------------------------------------------------
	=GLOBAL STRUCTURE
   ------------------------------------------------ */

	body {
		color:#333333;	
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;	
		margin:0px auto;
		padding:0px 0px 0px 0px;
		background-image:url(../images/bg-body.jpg);
		background-position:top left;
		background-repeat: repeat-x;
	}
	
	/* -----------------------
		=HEADER
	   ----------------------- */
	   
		#header {
	   		margin:0px auto 33px auto;
			padding:5px 0px 0px 0px;
			width:960px;
		}
			#logo {
				margin:0px auto;
				width:630px;
			}
		
			h1.tagline {
				margin:0px auto;
				width:630px;
			}
		
	/* -----------------------
		=INTRO
	   ----------------------- */
		
		#intro {
			margin:0px auto;
			width:466px;
		}
	
	/* -----------------------
		=NAVIGATION
	   ----------------------- */
		
		#navigation {
			border-bottom:solid 1px #dadada;
			margin:0px auto;
			width:960px;
		} 
			#navigation ul.primary{
				margin:0px auto;
				padding:0px;
				list-style-position:inside;
				height:121px;
				width:790px;
			}   
				#navigation ul.primary li {
					float:left;
					width:263px;
					list-style-type:none;
					text-align:center;
					font-size:18px;
					color:#638db7;
					padding:20px 0px 0px 0px;
					height:102px;
				} 
					#navigation ul.primary li img {
						display:block;
						margin:0px auto 14px auto;
					}					
						#navigation ul.primary li a {
							color:#777777;
							text-decoration:none;
							padding:60px 20px 20px 20px;
						}
							#navigation ul.primary li a:hover {
								color:#638db7;
								text-decoration:none;
								padding:60px 20px 20px 20px;
							}
				#navigation ul.primary li.selected {
					background-image:url(../images/gr-nav-selected.gif);
					background-position:bottom center;
					background-repeat:no-repeat;
					color:#1a5785;					
				}  	 
						#navigation ul.primary li.selected  a {
							color:#1a5785;
							text-decoration:none;
							padding:60px 20px 20px 20px;
						}
			
						
	/* -----------------------
		=CONTENT
	   ----------------------- */
	   
	   	#content {
			width:980px;
			overflow:hidden;
			margin:20px auto 65px auto;
			min-height:500px;
			padding:0px;
		}
		
	/* -----------------------
		=CONTACT
	   ----------------------- */
	   
	   	#contact {
			width:940px;
			overflow:hidden;
			margin:25px auto 45px auto;
			height:150px;
			padding:20px 10px 0px 10px;
			background-image:url(../images/bg-contact.gif);
			background-position:top left;
			background-repeat:repeat-x;
			border-top:solid 1px #e7e7e7;
			clear:both;
			overflow:hidden;
			position:relative;
		}
			#contact #contact-message {
				float:left;
			}
				#contact-message h3.message-title {
					margin:0px 0px 5px 0px;
					font-size:24px;
					font-weight:400;
					letter-spacing:-0.25px;
					color:#666666;
				}
				#contact-message p.message-text {
					margin:0px;
					font-size:14px;
					color:#999999;
					width:460px;
					line-height:18px;
				}
			
			#contact #contact-info-container {
				position:absolute;
				right:10px;
				overflow:hidden;
			}
				#contact-info-container .contact-info {
					float:left;
					margin-right:15px;	
					text-align:right;
				}
					.contact-info p.info-phone {
						margin:2px 0px 2px 0px;
						font-size:28px;
						font-weight:400;
						letter-spacing:-.75px;
						color:#357BAE;			
					}
					.contact-info p.info-email {
						margin:0px;
						font-size:14px;
						color:#666666;
					}
						.contact-info p.info-email a {
							color:#666666;
							text-decoration:none;
							border-bottom:dotted 1px #999999			
						}
							.contact-info p.info-email a:hover {
								text-decoration:none;
								border-bottom:dotted 1px #FBB700;	
								color:#357bae;			
							}
						
				#contact-info-container .contact-pdf {
					float:left;
					padding-left:15px;
					border-left:solid 1px #e7e7e7;
				
				}

				
			
	/* -----------------------
		=FOOTER
	   ----------------------- */
	   #footer-container {
			background-image:url(../images/bg-footer.jpg);
			background-position:bottom left;
			background-repeat:repeat-x;
			clear:both;
			min-height:250px;
			margin-top:20px;
			padding:0px;
			position:relative;
			overflow:hidden;
		}
			#footer {
				width:940px;
				margin:0px auto;
				padding:0px;
				
			}
				#footer p.copyright {
					text-align:center;
					font-size:11px;
					color:#7ca6c5;
					position:absolute;
					bottom:20px;
					padding-left:260px;
				}
				
				/* -------------------------
					=FOOTER - LEFT COLUMN
				   ------------------------- */
					
					#footer-colL {
						width:470px;
						float:left;
						height:550px;
						background-image:url(../images/bg-footer-colL.jpg);
						background-position:bottom left;
						background-repeat:no-repeat;
					}
				
				/* -------------------------
					=FOOTER - RIGHT COLUMN
				   ------------------------- */
				   
					#footer-colR {
						width:470px;
						float:left;
						height:550px;
						background-image:url(../images/bg-footer-colR.jpg);
						background-position:bottom right;
						background-repeat:no-repeat;
						text-align:right;
					}
			   
			   #footer h3.footer-title {
					font-size:16px;
					font-weight:400;
					color:#032f4e;
					margin:0px 0px 5px 0px;
			   }
			   #footer p.footer-text {
					font-size:14px;
					color:#357bae;
					margin:0px;
					line-height:20px;
			   }