@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 14px;
    line-height: 17px;
    font-family: 'PT Sans', sans-serif;
    color: #3a3a3a;
    background: #5b5b5b url(../images/bg.png) repeat 0 0;
    min-width: 1100px;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 16px; color: #c0c0c0; font-family: 'PT Sans', sans-serif; text-align:right;}
textarea { overflow: auto; }

ol, ul { list-style: none outside none; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

/* "btcf" is the newest "clearfix" for clearing floats. changed name to "group" because it's better, semantically */
.group:after
{
	content:"";
	display:table;
	clear:both;
}

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

h2 { font-size: 40px; line-height: 42px; color: #484848; font-weight: normal; }
h3 { font-size: 23px; line-height: 25px; color: #484848; font-weight: normal; }
h4 { font-size: 20px; line-height: 22px; color: #ffffff; font-weight: normal; }

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

#wrapper { background: url(../images/wrapper-bg.png) repeat-y center 0; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; }

.shell { width: 1006px; margin: 0 auto; }

h1#logo	{ padding: 13px 16px 0 13px; float: left; width: 419px; }/* display: inline;*/
h1#logo a { height: 120px; background: url(../images/logo.png) no-repeat 0 0; display: block; }

.header {width:1006px; position:relative; z-index:20; background: transparent url('../images/header-grad.png') repeat-x center top; }

.header .container { height: 135px; }
.header .container[class] {display: table; position: static;}
.header .container .vertcenter {position: absolute; top: 50%;} /* for adaptive (quirk) explorer only*/
.header .container .vertcenter[class] {display: table-cell; vertical-align: middle; width: 100%; position: static;}

.header .container .vertcenter.left { width:auto; }
.header .container .vertcenter.left .headerlogo
{
	position: relative;
	top: -50%;
	margin:0;
	padding:0;
}
.header .container .vertcenter.left .headerlogo a
{
	display:block;
	margin: 3px 20px 8px 20px;
	width:200px;
	height:164px;
	background: transparent url('../images/header-logo.png') no-repeat center center;
	text-indent:-9000px;
}
.header .container .vertcenter.left .headerlogo a:active, .header .container .vertcenter.left .headerlogo a:hover { text-decoration: none; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ }

.header .container .vertcenter .headertext { position: relative; top: -50%; float:left; }
.header .container .vertcenter .headertext h1 { background: transparent url('../images/logo-title.png') no-repeat 0 0; display: block; height: 40px; margin: 0 0 8px; text-decoration: none; text-indent: -9000px; width: 424px; }
.header .container .vertcenter .headertext h4 { margin:0; color: #0d2259; font-weight:700; font-size:20px; line-height:24px; text-transform:uppercase; }
.header .container .vertcenter .headertext div a { display:block; float:left; margin: 5px 0 0 0; text-decoration:none; color:#333333; }
.header .container .vertcenter .headertext div a:hover { text-decoration:underline; }
.header .container .vertcenter .headertext div span { display:block; clear:both; float:left; }

.header .container .vertcenter.right { width:auto; }
.header .container .vertcenter .headerforms { margin-right:15px; position: relative; top: -50%; z-index:20; } /* for adaptive (quirk) explorer only */
/* optional: .header .container .vertcenter .headerforms[class] {position: static;} */

.header #search { margin: 3px -8px 0 0; width: 218px; padding: 0 8px 8px 0px; height: 23px; display: block; background: url('../images/field-bg.png') no-repeat 0 0; float:right; } 
.header #search input.searchfield { padding: 3px 5px; outline: 0 none; margin: 0; font: normal normal 13px/17px 'PT Sans', sans-serif; border:0; background: transparent; float: left; display: inline; width: 150px; height:17px; }
.header #search input.searchbtn { float: right; display: inline; width: 58px; height: 23px; border: 0; margin: 0px 0 0 0; padding:0; background: url('../images/search-btn.png') no-repeat right 0; font-size: 0; line-height: 0; text-indent: -9000px; cursor: pointer; }
.header #search input.searchbtn:hover { background-position:left 0; }

#header { position: relative; }
#header .h-bg { position: absolute; top: 0; left: 0; width: 100%; height: 43px; background: #5b5b5b url(../images/bg.png) repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; display: block; }
#header .header-cnt { position: relative; background: url(../images/header-bg.png) no-repeat center 0; padding: 43px 0 0 0; }
#header .shell { position: relative; padding: 8px 33px 11px 33px; width: 940px; }
#header .border { position: absolute; top: -22px; left: 0; width: 1006px; height: 7px; background: #6650a3; font-size: 0; line-height: 0; text-indent: -4000px; display: block; }
#header h2 { float: right; display: inline; font-size: 19px; line-height: 45px; color: #3d3d3d; padding: 15px 0 0 0; }
#header h2 a.logo, #header h2 a.logo:hover { color: #3d3d3d; text-decoration:none; }
#header h2 span { display: block; font-size: 15px; color: #7e7e7e; line-height: 18px; display:none;}
#header h2 span a { color: #7e7e7e; }
#header .form { float: right; display: inline; width: 197px; }
#header .form select {  }

#search { margin: 15px 0 0 0; width: 170px; padding: 0 12px 0 15px; height: 32px; display: block; background: url(../images/field-bg.png) no-repeat 0 0; } 
#search input.field { padding: 5px; border: 0; background: transparent; float: left; display: inline; width: 135px; }
#search input.search-btn { float: right; display: inline; width: 24px; height: 15px; border: 0; margin: 8px 0 0 0; background: url(../images/search-btn.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; }

#navigation { position: relative; z-index:1500; padding: 0 160px 0 0; background: #65666a; margin: 22px 0 0 0; height: 100%; }
/*#navigation ul li { float: left; display: inline; font-size: 16px; line-height: 50px; }
#navigation ul li a { float: left; display: inline; padding: 0 25px; color: #ffffff; }
#navigation ul li a:hover,
#navigation ul li a.active { background: #18b0c7 url(../images/nav-hover.png) repeat-x 0 0; text-decoration: none; }*/
#navigation .social { position: absolute; top: 14px; right: 0; width: 90px; margin: 0 7px 0 0; }
#navigation .social a { margin: 0 7px 0 0; }

#main { width: 1006px; margin: 0 auto; }
#main .shell { width: 940px; margin: 0 auto; }

.slider { position: relative; margin: 0 -33px; padding: 5px 33px 45px 33px; background: url(../images/slider-bg.png) no-repeat center bottom; width: 940px; height: 397px; }
.slider .slides li { position: relative; display: none; }
.rspPane .slider .slides li:first-child { display: block; }
.slider .slides li img { display: block; }
.slider .slides li .cnt { position: absolute; top: 30px; left: 44px; width: 530px; }
.slider .slides li .cnt h2 { display: block; color: #343434; padding: 0 0 20px 0; text-shadow: 0px 0px 5px rgba(255, 255, 255, 1); }

.slider .slides li .cnt p { width: 335px; font-size: 24px; line-height: 28px; color: #585858; padding: 0 0 55px 0; text-shadow: 0px 0px 5px rgba(255, 255, 255, 1); }
.slider .slides li .cnt.light h2, .slider .slides li .cnt.light p { color: #FFFFFF; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1); }
.slider .slides li .cnt a.more-btn { width: 102px; height: 35px; background: #b0653b; display: block; text-align: center; font-size: 14px; line-height: 35px; color: #fff; font-weight: 700; }
.slider .slides li .cnt a.more-btn:hover { text-decoration: none; }
.slider .flex-control-nav { position: absolute; bottom: 28px; left: 50%; margin: 0 0 0 -44px; width: 88px; height: 8px; padding: 11px 0 10px 0; background: url(../images/slider-control-nav-bg.png) repeat-x 0 0; text-align: center; }
.slider .flex-control-nav li { display: inline; }
.slider .flex-control-nav li a { display: inline-block; text-indent: -4000px; width: 8px; height: 8px; background: url(../images/slider-nav-bg.png) no-repeat 0 0; margin: 0 4px; }
.slider .flex-control-nav li a:hover,
.slider .flex-control-nav li a.flex-active { background-position: 0 -8px; }
.slider .flex-direction-nav a { position: absolute; width: 33px; height: 144px; top: 116px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; }
.slider .flex-direction-nav a.flex-prev { left: 0; background: url(../images/slider-prev.png) no-repeat 0 0; }
.slider .flex-direction-nav a.flex-next { right: 0; background: url(../images/slider-next.png) no-repeat 0 0; }

.home-boxes { position: relative; margin: 0 -33px; width: 960px; padding: 40px 23px 10px 23px; background: #555555; }
.home-columns { float:left; width:320px; }
.home-boxes ul.box-content li { float: left; display: inline; padding: 0 10px 28px 10px; width: 300px; }
.rspPane .home-boxes ul.box-content li { padding: 0 5px 28px 5px; }
.home-boxes ul.box-content li .box-wrapper { padding: 0 0 7px 0; background: url(../images/box-shadow.png) no-repeat center bottom; }
.home-boxes ul.box-content li .box { position:relative; height: 145px; width: 280px; padding: 0 7px 40px; border-left: solid 4px #005a8f; background: #f5f5f5; background-repeat: no-repeat; background-position: right bottom; }
.home-boxes ul.box-content li .box-1 { background-image: url(../images/box-bg-1.png); }
.home-boxes ul.box-content li .box-2 { background-image: url(../images/box-bg-2.png); }
.home-boxes ul.box-content li .box-3 { background-image: url(../images/box-bg-3.png); }
.home-boxes ul.box-content li .box-4 { background-image: url(../images/box-bg-4.png); }
.home-boxes ul.box-content li .box-5 { background-image: url(../images/box-bg-5.png); }

.home-boxes ul.box-content li h3 { font-size: 23px; line-height: 25px; padding: 5px 0 7px 0; }
.home-boxes ul.box-content li p { font-size: 11px; line-height: 17px; color: 757575; width: 200px; padding: 0 0 10px 0; }
.home-boxes ul.box-content li a.more-btn { position: absolute; left:0px; bottom:10px; width: 80px; display: block; padding: 0 13px 0 0; background: url(../images/box-more-btn-bg.png) no-repeat right 0; font-size: 13px; color: #ffffff; line-height: 18px; font-weight: 700; }
.home-boxes ul.box-content li a.more-btn span { background: #005a8f; display: block; padding: 0 0 0 10px; }
.home-boxes ul.box-content li a.more-btn:hover { text-decoration: none; }

.breadcrumbs { padding: 0 0 20px 0; position: relative; z-index: 20; }
.breadcrumbs ul li { float: left; display: inline; font-size: 12px; line-height: 15px; color: #757575; font-style: italic; }
.breadcrumbs ul li a { color: #757575; background: url(../images/breadcrumbs-nav-bg.png) no-repeat right center; padding: 0 9px 0 5px; float: left; }
.breadcrumbs ul li a:hover { color: #484848; text-decoration: none; }
.breadcrumbs ul li a.active { background: none; color: #484848; }

#container { padding: 40px 0 120px 0; position: relative; margin-top: -40px; height: 100%; }

/*#sidebar { position: relative; margin-left: -33px; width: 213px; float: left; display: inline; background: #3a3a3a; border-top: solid 7px #1bc4de; border-bottom: solid 7px #1bc4de; padding: 8px 0 0 0; }
#sidebar h4 { padding: 0 10px 0 33px; line-height: 44px; border-bottom: dotted 1px #656565; }
#sidebar ul li { line-height: 39px; padding: 0 10px 0 33px; display: block; border-bottom: dotted 1px #656565; }
#sidebar ul li a { color: #c0c0c0; }
#sidebar ul li a:hover { text-decoration: none; color: #fff; }*/

#content { width: 720px; float: right; display: inline; }
#content .post { background: url(../images/) no-repeat right 0; }

/* intra-page navigation */
#content ul.intra_nav
{
	/*text-align:center;*/
	list-style: disc;
	margin: 20px 0 10px;
	padding:0;
	border: none;
}

#content ul.intra_nav li
{
	/*display:inline-block;*/
	margin: 0 0 0 15px;
	/*padding: 0 0 0 10px;*/
	list-style: disc;
	list-style-image: none;
	/*border-left:1px solid #3a3a3a;*/
	
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}

#content ul.intra_nav li:first-child
{
	/*border-left:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;*/
}

#content ul.intra_nav li a
{
	display:block;
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1;
	text-decoration: none;
}

#content ul.intra_nav li a:hover
{
	text-decoration:underline;
}

#content .post h2 { position:relative; z-index:10; padding: 0 0 16px 0; }
#content .post a { text-decoration: underline; }
#content .post a:hover { text-decoration: none; }
#content .post .image { background: url(../images/image-bg.png) no-repeat 0 bottom; padding: 0 0 26px 0; border-top: solid 7px #3a3a3a; position:relative; }

#content .post .image span.graphic { 
	position:absolute; 
	z-index:5;
	top:-107px;
	right:0;
	width: 456px;
	height: 100px;
	/*background: url('../images/container-bg.jpg') no-repeat right 0;*/ 
}

#content .post .image #sub_banner { width: 720px; height: 193px; overflow:hidden; }
#content .post h3.contentTitle { padding: 20px 0 5px 0; margin: 0 0 10px 0; border-bottom:1px dotted #999999; }
/*#content .post p { padding: 0 0 15px 0; }*/

#content .post .FW_EDITOR_STYLE h1 { font-size: 31px; line-height: 33px; color: #484848; font-weight: normal; padding: 20px 0 5px 0; margin: 0 0 10px 0; }
#content .post .FW_EDITOR_STYLE h2 { font-size: 27px; line-height: 29px; color: #484848; font-weight: normal; padding: 20px 0 5px 0; margin: 0 0 10px 0; }
#content .post .FW_EDITOR_STYLE h3 { font-size: 23px; line-height: 25px; color: #484848; font-weight: normal; padding: 20px 0 5px 0; margin: 0 0 10px 0; }
#content .post .FW_EDITOR_STYLE h4 { font-size: 19px; line-height: 21px; color: #484848; font-weight: normal; padding: 20px 0 5px 0; margin: 0 0 10px 0; }
#content .post .FW_EDITOR_STYLE h5 { font-size: 15px; line-height: 17px; color: #484848; font-weight: normal; padding: 20px 0 5px 0; margin: 0 0 10px 0; }

#content .post .FW_EDITOR_STYLE ol { list-style: decimal; }
#content .post .FW_EDITOR_STYLE ul { list-style: disc; }
#content .post .FW_EDITOR_STYLE li { margin-left: 30px; }
#content .post .FW_EDITOR_STYLE ol, #content .post ul { padding:10px 0; }

ul.search_results { list-style:none; padding:0px; margin:0px; }
ul.search_results li { padding:0px; margin:5px 20px; }
ul.search_results li a {  }
ul.search_results li div { color:#999999; }

#footer .shell { width: 1006px; background: #555555; }
#footer .footer-links { min-height: 234px; border-top: solid 7px #6650A3; padding: 0 33px; width: 940px;}
#footer .footer-cols { padding: 10px 0; font-size: 14px; line-height: 20px; color: #c0c0c0; }
#footer .footer-cols a { color: #c0c0c0; }
#footer .footer-cols td { color: #c0c0c0; }
#footer .links { width: 720px; float: left; display: inline; padding: 20px 0 0 10px; }
#footer .links .col { width: 220px; float: left; display: inline; margin-right:20px; }
#footer .links .col h3.contentTitle { font-size: 20px; line-height: 26px; color: #ffffff; padding: 0 0 10px 0; font-weight: normal; }
#footer .links .col ul li { background: url(../images/point.png) no-repeat 0 9px; padding: 0 0 0 10px; }
#footer .links h4 { line-height: 26px; color: #ffffff; padding: 0 0 10px 0; }
#footer .social { width: 190px; float: right; display: inline; padding: 20px 0 0 20px; background: url(../images/social-bg.png) repeat-y 0 0; min-height: 195px; }
#footer .social a.donate-btn { margin: 0 0 15px 0; width: 168px; height: 49px; background: url(../images/donate-btn.png) no-repeat 0 0; display: block; font-size: 0; line-height: 0; text-indent: -4000px; }
#footer .social a.fb-link { display: block; background: url(../images/facebook-icon.png) no-repeat 0 0; padding: 0 0 0 40px; line-height: 33px; }
#footer .social p { padding: 25px 0 0 0; }
#footer .social p a {  }
#footer .copy { line-height: 23px; border-top: solid 7px #6650a3; padding: 0 33px; background: #fcfcfc; text-align: center; font-size: 10px; line-height: 23px; color: #525355; }
#footer .copy h2 { font-size:18px; line-height:1.5; text-transform:uppercase; font-weight:bold; padding-top:10px;}
#footer .copy span { font-size:11px; font-weight:bold; }
#footer .copy div { padding:30px 0px 8px 0px;}
#footer .copy a { color: #313131; }

body #footer .footer-links.home { 
	border-top: solid 3px #c0c0c0; 
	/*background: url(../images/footer-links-bg.jpg) no-repeat 0 bottom;*/ 
	min-height: 238px; 
	margin: 0 33px; 
	width: 940px; 
	padding: 0; 
}

@media
    only screen and (max-device-width: 1136px) and (min-device-width: 960px) and (max-device-height: 640px) and (min-device-height: 560px),
    only screen and (max-device-height: 1136px) and (min-device-height: 960px) and (max-device-width: 640px) and (min-device-width: 560px) {
    /* iPhone only */
	#header h2 span a.map {
    display: inline-block; height: 37px; width: 37px; background: url(../images/map-icon.png) repeat 0 0; text-indent: -4000px; 
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	#header h2 span a.map {
    display: inline-block; height: 37px; width: 37px; background: url(../images/map-icon.png) repeat 0 0; text-indent: -4000px;
}
}

/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
	#header h2 span a.map {
    display: inline-block; height: 37px; width: 37px; background: url(../images/map-icon.png) repeat 0 0; text-indent: -4000px;
}
}


/*ol, ul {
    list-style: inherit;
    padding-left: 10px;
    margin-left: 15px;
}
*/