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

   typography.css - Oh Hai! Welcome to my CSS codes.
   
       Index
	   
			01. Body
			02. Headings	
			03. Custom Headings					
			04. Lists
			05. Custom Lists
			06. Text Elements
			07. Custom Text Elements
			08. Tables			
			09. Wordpress  Alignment Styles
		   
		Frequently Used Colors
		
			Color 1 - color: #;
		 	Color 2 - color: #;
			Color 3 - color: #;
 
/* 01. Body   
-------------------------------------------------------------- */

body {
	background: #319BC5 url(/images/common/repeat-bg.jpg) repeat-x left top;
  	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 15px;
	color: #303030;	
	}
	
/* 02. Headings - h1, h2, h3, etc.
-------------------------------------------------------------- */

h1 { font-size: 36px; }
h2 { 
	font-size: 24px;
	line-height:1.5; 
	margin-bottom: 18px;
	color: #303030;
	letter-spacing: -.35px;
	}
h3 { 
	font-size: 18px;
	margin-bottom: 18px;	 
	}
h4 { 
	font-size: 14px;
	line-height:1.3; 	
	margin-bottom: 18px; 
	}
h5 { 
	font-size: 12px;
	line-height:1.5;
	margin-bottom: 18px;	 	 
	}

	/* 03. Custom Headings
	---------------------------------------------------------- */
	#post-title h3 {
		margin: 0;
		}
#blog-header h2{
	margin: 0;
	}	

	#post-title h3 {
		margin-top: 7px;
		}	
	.whats-new h3 {
		background:transparent url(/images/headers/whats-new-hdr-home.jpg) no-repeat scroll 0 0;
		height:23px;
		text-indent:-9000px;
		width:86px;
		margin: 20px 0 9px 0;			
		}	
	#header h1 a {
		border:0 none;
		display:block;
		height:100px;
		text-indent:-9000px;
		width:175px;
		}
	h3#about {
		background:transparent url(/images/headers/about-us.jpg) no-repeat scroll 0 0;
		height:20px;
		text-indent:-9000px;
		width:63px;		
		}
	h3#ship-work {
		background:transparent url(/images/headers/ship-work.jpg) no-repeat scroll 0 0;
		height:25px;
		text-indent:-9000px;
		width:195px;
		margin-bottom: 14px;		
		}		
	#footer h4#hrc {
		background:transparent url(/images/common/hrc-hdr-left.jpg) no-repeat scroll 0 0;
		height:27px;
		text-indent:-9000px;
		width:159px;
		margin-bottom: 3px;		
		}
		.blog h2 {
			margin: 0;
			}		
	
	/*#feature h2, #feature p { 
		display: none;
		}	*/
	
/* 04. Lists - ul, ol, li, etc.
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

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

	/* 05. Custom Lists
	---------------------------------------------------------- */
	.search-results ul {
		margin: 0 0 15px 0;
		padding:0;
		list-style: none;
		} 	
		
	.blog ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
	.left-col-nav ul {	
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
	.left-col-nav ul li {	
		margin-bottom: 10px;
		}	
	
	.contact ul {	
		font-size: 11px;
		color: #FFF;
		margin: 0 0 0 20px;
		padding: 0;
		}		
	.contact ul li {	
		list-style-type: none;
		list-style-image:none;
		}			
	#footer	.grid_4 ul {
		margin: 0;
		padding: 0;
		list-style: none;
		width: %50;
		float: left;
		margin-right: 20px;
		}
	#footer	.grid_4 ul a:hover {
		text-decoration: none;
		}	
	.header-right ul {
		margin: 80px 0 0 0;
		padding: 0;
		list-style: none;
		}		
		.header-right ul li {
			font-size: 11px;
			margin-left: 5px;
			width: 106px;
			text-align: center;
			float: right;										
			}	
		.header-right ul li.current_page_item a {
			background-color:#D6BC5D;
			-webkit-border-radius-topleft: 5px;		
			-webkit-border-radius-topright: 5px;	
			-moz-border-radius-topright: 5px;	
			-moz-border-radius-topleft: 5px;	
			color: #FFF;
			padding: 5px;		
			text-decoration: none;
			display:block;
			height: 17px;										
			}	
		.header-right ul li.current_page_item a:hover {
			background-color:#D6BC5D;									
			}						
		.header-right ul li a {
			background-color:#61b8da;
			-webkit-border-radius-topleft: 5px;		
			-webkit-border-radius-topright: 5px;	
			-moz-border-radius-topright: 5px;	
			-moz-border-radius-topleft: 5px;	
			color: #FFF;
			padding: 5px;		
			text-decoration: none;
			display:block;
			height: 17px;										
			}		
		.header-right ul li a:hover {
			background-color:#6ac3e6;
			color: #FFF;									
			}					
		
		#nav ul {
			font-size:;
			margin: 0;
			padding: 0;
			}	
			#nav ul li {
				display: inline;		
				float: left;
				line-height: 36px;
				list-style-position: outside;
				list-style-type: none;
				}
			#nav ul li a.home {
				background: transparent url(/images/navbar/home-nav.jpg) no-repeat left top;
				display: block;		
				width: 53px;
				height: 36px;			
				}	
			#nav ul li.current_page_item a.home {
				background: transparent url(/images/navbar/home-nav-over.jpg) no-repeat left top;
				display: block;		
				width: 53px;
				height: 36px;			
				}				
			#nav ul li a.schools {
				background: transparent url(/images/navbar/schools-nav.jpg) no-repeat left top;
				display: block;		
				width: 61px;
				height: 36px;			
				}	
			#nav ul li.current_page_item a.schools {
				background: transparent url(/images/navbar/schools-nav-over.jpg) no-repeat left top;
				display: block;		
				width: 61px;
				height: 36px;			
				}				
	
			#nav ul li a.worksites {
				background: transparent url(/images/navbar/worksites-nav.jpg) no-repeat left top;
				display: block;		
				width: 72px;
				height: 36px;			
				}	
			#nav ul li.current_page_item a.worksites {
				background: transparent url(/images/navbar/worksites-navs-over.jpg) no-repeat left top;
				display: block;		
				width: 72px;
				height: 36px;			
				}				
			#nav ul li a.communities {
				background: transparent url(/images/navbar/communities-nav.jpg) no-repeat left top;
				display: block;		
				width: 82px;
				height: 36px;			
				}	
			#nav ul li.current_page_item a.communities {
				background: transparent url(/images/navbar/communities-nav-over.jpg) no-repeat left top;
				display: block;		
				width: 82px;
				height: 36px;			
				}				
			#nav ul li a.health-care-sys {
				background: transparent url(/images/navbar/healthcaresys-nav.jpg) no-repeat left top;
				display: block;		
				width: 121px;
				height: 36px;			
				}	
			#nav ul li.current_page_item a.health-care-sys {
				background: transparent url(/images/navbar/healthcaresys-nav-over.jpg) no-repeat left top;
				display: block;		
				width: 121px;
				height: 36px;			
				}	
			.left-col-nav ul li a.nutrition {
				background: transparent url(/images/common/nutrition-btn.jpg) no-repeat left top;
				display: block;		
				width: 200px;
				height: 32px;			
				}		
			.left-col-nav ul li.current_page_item a.nutrition {
				background: transparent url(/images/common/nutrition-btn-over.jpg) no-repeat left top;
				display: block;		
				width: 200px;
				height: 32px;			
				}		
			.left-col-nav ul li.current_page_item a.physical-activity {
				background: transparent url(/images/common/physicalactivity-btn-over.jpg) no-repeat left top;
				display: block;		
				width: 200px;
				height: 32px;			
				}	
			.left-col-nav ul li a.physical-activity {
				background: transparent url(/images/common/physicalactivity-btn.jpg) no-repeat left top;
				display: block;		
				width: 200px;
				height: 32px;			
				}
			.left-col-nav ul li a.tobacco {
				background: transparent url(/images/common/taboccoces-btn.jpg) no-repeat left top;
				display: block;		
				width: 200px;
				height: 32px;			
				}		
			.left-col-nav ul li.current_page_item a.tobacco {
				background: transparent url(/images/common/taboccoces-btn-over.jpg) no-repeat left top;
				display: block;		
				width: 200px;
				height: 32px;			
				}		
			.left-col-nav ul li a span {
				display: none;
				}																										
	
			#nav ul li a.funding {
				background: transparent url(/images/navbar/funding-nav.jpg) no-repeat left top;
				display: block;		
				width: 127px;
				height: 36px;			
				}	
			#nav ul li.current_page_item a.funding {
				background: transparent url(/images/navbar/funding-nav-over.jpg) no-repeat left top;
				display: block;		
				width: 127px;
				height: 36px;			
				}				
			#nav ul li a.whats-new {
				background: transparent url(/images/navbar/whatsnew-nav.jpg) no-repeat left top;
				display: block;		
				width: 77px;
				height: 36px;			
				}	
			#nav ul li.current_page_item a.whats-new {
				background: transparent url(/images/navbar/whatsnew-nav-over.jpg) no-repeat left top;
				display: block;		
				width: 77px;
				height: 36px;			
				}						
			#nav ul li.current_page_item a.calendar {
				background: transparent url(/images/navbar/calendar-nav-over.jpg) no-repeat left top;
				display: block;		
				width: 67px;
				height: 36px;			
				}	
			#nav ul li a.calendar {
				background: transparent url(/images/navbar/calendar-nav.jpg) no-repeat left top;
				display: block;		
				width: 67px;
				height: 36px;			
				}											
			#nav ul li a.contact {
				background: transparent url(/images/navbar/contact-nav.jpg) no-repeat left top;
				display: block;		
				width: 59px;
				height: 36px;
				margin: 0;
				overflow: auto;			
				}	
			#nav ul li.current_page_item a.contact {
				background: transparent url(/images/navbar/contact-nav-over.jpg) no-repeat left top;
				display: block;		
				width: 59px;
				height: 36px;
				margin: 0;
				overflow: auto;			
				}																												
			#nav ul li span {
				display: none;			
				}					
			#nav ul li img {
				border: 0px;
				}
			#footer .grid_5 ul {
				color: #319ac5;
				list-style: none;
				font-style:italic;
				margin: 0;
				padding: 0;
				}	
				#footer .grid_5 ul li {
					padding: 10px;
					margin-bottom: 1px;
					background-color: #266986;
					}		
				#footer .grid_5 ul li.light {
					background-color: #276c89;
					}						

/* 06. Text elements - a, p, strong, etc.
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }

a:focus, 
a:hover     { text-decoration: none; }
a           { color: #319ac5; text-decoration: underline; }
a:visited   { color:#3B729F; }

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; }

	/* 07. Custom Text elements
	---------------------------------------------------------- */
	.comments-bubble {
		line-height:30px;
		background: transparent url(/images/common/comments-bubble.jpg) no-repeat left top;
		width: 50px;
		height: 35px;
		display: block;
		text-align: center;	
		}
	.post-footer a {
		text-decoration: none;
		font-weight: bold;
		color:#666666;	
		}	
	.post-footer a:hover {
		text-decoration: underline;
		}				
	.permalink-text {
		color: #333;
		}
	
	#search-query {
		width: 95%;
		background-color:#EFEFEF;
		padding: 10px;
		margin-bottom: 18px;
		}
	.screen-reader-text {
		display: none;
		}	
	
	.whats-new .post {
		margin: 0;
		border: 0;
		}
	.blog-post {
		margin-bottom: 18px;
		overflow: hidden;
		}
	#post-title {
		margin-bottom: 10px;
		}
	
	.post-meta {
		text-align: center;
		font-weight: bold;
		padding: 10px;
		margin-right: 10px;
	    background-color:#6AC3E6;
		text-transform: uppercase;
		text-shadow: 1px 1px 1px #5FA6BF;
		-webkit-border-radius-topleft: 5px;		
		-webkit-border-radius-topright: 5px;
		-webkit-radius-bottomright: 5px;	
		-webkit-border-radius-bottomleft: 5px;				
		-moz-border-radius-topright: 5px;	
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomright: 5px;	
		-moz-border-radius-bottomleft: 5px;		
		width: 50px;
		float: left;
		overflow: hidden;
		color: #FFF;		
		}
	#credits a {
		color: #FFF;
		}
	.whats-new a {
		text-decoration: underline;
		color: #d6bc5c;			
		}	
	.whats-new a:hover {
		text-decoration: none;		
		}			
	.whats-new span {
		color: #FFF;
		font-style: italic;			
		}				
	
#footer	.grid_4 ul li a {
	color: #FFF;
	text-decoration: underline;
	}	
#header span {
	display: none;
	}	
.contact span.hrc {
	background:transparent url(/images/common/hrc-hdr-right.jpg) no-repeat scroll 0 0;
	display: block;
	height:19px;
	text-indent:-9000px;
	width:104px;
	margin: 20px 0 0 20px;
	}
	.contact strong {
		font-weight: normal;
		color:#7abad5;
		}
	.contact a {
		color: #FFF;
		text-decoration: underline;
		}	
	.contact a:hover {
		text-decoration: none;
		}		
	
/* 08. Tables
-------------------------------------------------------------- */

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

/* 09. Wordpress Alignment Styles
-------------------------------------------------------------- */			
	
div.alignnone {
	background:#FFF none repeat scroll 0 0;
	margin:10px 0px 15px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;
}			
div.alignright {
	background:#FFF none repeat scroll 0 0;
	display:inline;
	float:right;
	margin:10px 0px 10px 10px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}		
div.alignleft {
	background:#FFF none repeat scroll 0 0;
	display:inline;
	float:left;
	margin:0px 10px 10px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}
img.alignright {
	background:#FFF none repeat scroll 0 0;
	display:inline;
	float:right;
	margin:10px 0px 10px 10px;
	padding:10px;
	border: 1px solid #E3DFDC;	
	
}
img.alignleft {
	background:#FFF none repeat scroll 0 0;
	display:inline;
	float:left;
	margin:0px 10px 10px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}
img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}
a img.alignright {
	background: #FFF none repeat scroll 0 0;
	display:inline;
	float:right;
	margin:0px 0px 10px 10px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}
a img.alignleft {
	background: #FFF none repeat scroll 0 0;
	display:inline;
	float:left;
	margin:0px 10px 10px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}
a img {
border: 0;
}
a img.aligncenter {
	display: block; 
	margin-left: auto;
	margin-right: auto;
}	
img.alignnone {
	background: #FFF none repeat scroll 0 0;
	margin:10px 10px 10px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}