@charset "utf-8";
@import url("reset.css");
@import url("forms.css");
/* main CSS Document */
body {
	background: #fff url("../images/header_bg.png") top center repeat-x ;
	color: #333;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html, body {
	font-size:1em;
}
/*----------------main layout styles--------------------------*/
#wrapper {
	margin: 0 auto;
	width: 95%;
}
header {
	height:220px;
}
#header-top {
	height: 112px;
}
#header-top h1 {
	visibility: hidden;
}
#logo {
	float: left;
	height: 200px;
	width: 18.16666667%; /* 218 ÷ 1200*/
	background: url("../images/logo.jpg") top left no-repeat;
	background-size: 100%;
}
#logo a {
	display: block;
	height: 200px;
}
#title {
	float: left;
	height: 112px;
	width: 56.00814664%; /* 550 ÷ 982*/
	background: url("../images/title.png") 0 28px no-repeat;
}
#share-this {
	float: right;
	width: 15%;
	color: #fff;
}
#share-this h3 {
	color: #ffffff;
	margin: 50px 0 10px 0;
}
#share-this li {
	float: left;
	width: 25%;
}
#share-this a, #share-this a:visited {
	font-size: 1.5em;
	color: #88abc8;
}
#share-this a:hover {
	color: #ffffff;

}
#header-bottom {
	height: 88px;
}
nav {
	width: 97.94238683%;  /* 972 ÷ 982**/
	height: 80px;
	padding: 8px 0 0 0;
	margin: 0 auto;
}
nav ul {
	list-style: none;
	height: 50px;
	padding: 30px 0 0 0;
}
nav ul li {
	float: left;
	width: 16.2%;
	margin-right: 1px;
}
nav ul li a, nav ul li a:visited {
	display: block;
	height: 30px;
	padding-top: 20px;
	background: url("../images/nav-button.png") center top repeat-x;
	color: #c3d5e3;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
nav ul li a:hover,
nav ul li a.current, nav ul li a.current:visited, nav ul li a.current:hover{
	background-position: center bottom;
	color: #ffffff;
}
#content {
	width: 98%;
	margin: 0 auto;
}
#maincontent {
	width: 66%;
	float: left;
}
#rightblocks {
	width: 32%;
	float: right;
}
footer {
	padding-top: 20px;
}
footer p {
	text-align: center;
}
.breaker {
	clear:both;
	font-size:0;
	height:0;
	margin:0;
}
/*------------------------------------------------content styles--------------*/

em {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
strong {
	font-weight: bold;
}
p, td, li, dt {
	font-size: 0.95em;
}
p {
	padding: 0 2em 20px 0;
	line-height: 1.3;
}
td, th {
	line-height: 1.3;
}
dt {
	padding: 0 2em 5px 0;
	font-weight: bold;
	line-height: 1.3;
}
article ol {
	padding: 20px 2em 20px 2em;
}
article li {
	line-height: 1.3;
}
article h2 {
	padding: 0 2em 20px 0;
	color: #2b8bda;
	font-size: 1.8em;
	line-height: 1.2;
}
article h3 {
	padding: 0 2em 20px 0;
	color: #175486;
	font-size: 1.1em;
	line-height: 1.3;
}
article a, ul.news-navigation a { color:#2780f4; }
article a:visited, ul.news-navigation a:visited { color:#60a8e3;}
article a:hover, ul.news-navigation a:hover { color:#8c7100 }

h5.side-title {
	font-weight: bold;
	padding-bottom: 4px;
	color: #175486;
}
a.external-link:after,
a.pdf-link:after,
a.zip-link:after,
a.map-link:after,
a.mail-link:after {
	display: inline-block;
	padding-left: 0.2em;
	font-family:'FontAwesome';
	text-decoration: none;
}

a.external-link:after { content:"\f08e" }
a.pdf-link:after { content:"\f016" }
a.zip-link:after { content:"\f1c6" }
a.map-link:after { content:"\f041" }
a.mail-link:after { content:"\f003" }

.fineprint {
	font-size:0.8em;
	color:#aaa;
}
ul.nobullets {
	list-style: none;
}
ol.steps {
	list-style: none;
	padding-left: 4em;
}
ol.steps ol {
	list-style: lower-latin;
}
ol.steps li {
	padding-bottom: 20px;
	margin-bottom: 10px;
}
ol.steps ol li {
	padding-bottom: 0;
	margin-bottom: 0;
}
ol.steps li:before {
	display: block;
	padding-top: 0.4em;
	margin-left: -2.5em;
	margin-top: -0.2em;
	float: left;
	width: 2em;
	height: 1.6em;
	background-color: #fc0;
	color: #ffffff;
	-webkit-border-radius:2em; -moz-border-radius:2em; border-radius:2em;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}
ol.steps li.one:before {
	content: '1';
}
ol.steps li.two:before {
	content: '2';
}
ol.steps li.three:before {
	content: '3';
}
ol.steps li.four:before {
	content: '4';
}
ol.steps li.five:before {
	content: '5';
}
ol.steps li span {
	font-weight: bold;
	color: #2b8bda;
}
/*------------------------------------------------news begin*/
#front-page-news a, #front-page-news a:visited,
p.summary {
	text-decoration:none;
	display:block;
	padding:5px 1em;
	margin:0 1em 2px 0;
	border:1px solid #ddd;
	-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;
}
#front-page-news a:hover,
p.summary {
	background-color:#fafafa;
}
p.summary {
	padding: 20px 1em;
	margin-bottom: 20px;
}
#front-page-news a h2, #front-page-news a h3 {
	font-size: 0.95em;
	color: inherit;
	padding: 0;
	line-height: 1.3;
}
#front-page-news a h2 {
	font-weight: bold;
}
#front-page-news a h2:after {
	display: inline-block;
	padding-left: 0.2em;
	font-family:'FontAwesome';
	font-size: 1.2em;
	font-weight: normal;
	content:"\f18e";
	text-decoration: none;

}
#front-page-news a:hover h2 {
	text-decoration: underline;
}
#front-page-news a p {
	color: #333333;
	padding-bottom: 0;
}

ul.news-navigation {
	list-style: none;
}
.news-navigation li {
	line-height: 1.3;
	margin-bottom: 4px;
}
.news-navigation li a, .news-navigation li a:visited {
	text-decoration:none;
	display:block;
	padding:3px 1em 3px 1.7em;
	margin:0px 1em 2px 0;
	border:1px solid #ddd;
	-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;
}
.news-navigation li a:hover {
	background-color:#fafafa;
}
.news-navigation li a:before {
	display: inline-block;
	padding-right: 0.2em;
	margin-left: -1em;
	font-family:'FontAwesome';
	font-size: 1.2em;
	font-weight: normal;
	content:"\f18e";
	text-decoration: none;
}
/*news end*/
article.directory {
	padding:10px 1em;
	margin:0 0 20px 0;
	border:1px solid #ffcc00;
	background-color: #ffffcc;
	-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;
}
#whatdoido {
	display: block;
	-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;
	background-color: #ffcc00;
	text-decoration: none;
}
#whatdoido p {
	padding: 40px 1em;
	margin-bottom: 0.5em;
	font-size: 2em;
	color: #0e4e88;
}
.shadowed {
	box-shadow: 0 1px 2px #cccccc;
}
/*PayPal insert fixes - to validate HTML*/
.paypal {
	border: 1px solid #ffffff;
}
.paypalgif {
	width: 1px;
	height: 1px;
	border: none;

}
.highlight {
	padding: 1rem;
	margin-bottom: 1rem;
	background-color: #fff4c7;
	-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;
}
/*----------------------media queries-----------------------------------*/
@media screen and (min-width: 1200px) {
	#wrapper { width:1200px; }
}

@media screen and (max-width: 1024px) {

	body { background-size: 10px 180px }
	header { height: 200px }
	#wrapper { width:980px; }
	#logo { background-size: 100%}
	#header-top { height: 100px }
	#header-bottom { height: 80px}
    #title { background-size: 100% }
    #share-this { width: 200px }
    nav { height: 72px; padding-top: 0px}

}
/* ******************  speech  ************** */
/*
   The following portion of the stylesheet uses styles taken from the w3.org website,
   and it is a subject to the following:
   Copyright 1997-2006 W3C (MIT, ERCIM, Keio). All Rights Reserved.
   The following software licensing rules apply:
   http://www.w3.org/Consortium/Legal/copyright-software */
@media aural {
   h1, h2, h3,
   h4, h5, h6    { voice-family: paul, male; stress: 20; richness: 90 }
   h1            { pitch: x-low; pitch-range: 90 }
   h2            { pitch: x-low; pitch-range: 80 }
   h3            { pitch: low; pitch-range: 70 }
   h4            { pitch: medium; pitch-range: 60 }
   h5            { pitch: medium; pitch-range: 50 }
   h6            { pitch: medium; pitch-range: 40 }
   li, dt, dd    { pitch: medium; richness: 60 }
   dt            { stress: 80 }
   pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
   em            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
   strong        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
   dfn           { pitch: high; pitch-range: 60; stress: 60 }
   s, strike     { richness: 0 }
   i             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
   b             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
   u             { richness: 0 }
   a:link        { voice-family: harry, male }
   a:visited     { voice-family: betty, female }
   a:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}