@charset "UTF-8";
/* CSS Document */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on Aug 8, 2012 */


@font-face {
    font-family: 'Aller';
    src: url('/type/aller_bd-webfont.eot');
    src: url('/type/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/type/aller_bd-webfont.woff') format('woff'),
         url('/type/aller_bd-webfont.ttf') format('truetype'),
         url('/type/aller_bd-webfont.svg#AllerBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Aller';
    src: url('/type/aller_rg-webfont.eot');
    src: url('/type/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/type/aller_rg-webfont.woff') format('woff'),
         url('/type/aller_rg-webfont.ttf') format('truetype'),
         url('/type/aller_rg-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Aller';
    src: url('/type/aller_it-webfont.eot');
    src: url('/type/aller_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('/type/aller_it-webfont.woff') format('woff'),
         url('/type/aller_it-webfont.ttf') format('truetype'),
         url('/type/aller_it-webfont.svg#AllerItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}


/*html					{background:url(/images/buninyong_bg.jpg) no-repeat top center; margin:0; padding:0;}*/
html					{margin:0;}
body					{ font-size:100%; line-height:1.5; color:#000000; margin:0;font-family: 'aller', sans-serif;}

/* Type  ------------------------------- */

h1, h2, h3, h4, h5, h6	{font-family: 'aller', sans-serif; font-weight:normal; color:#434343;}
h1						{font-size:2em; font-weight:800; margin:.5em 0; line-height:1.25; color:#83b817; text-transform:uppercase;}
h1 span 				{font-weight:300!important; text-transform:none!important;}
h2						{font-size:1.5em; margin-bottom:20px; font-weight:700; color:#434343;}
h2 span					{font-weight:300!important; text-transform:none!important; font-size:75%!important;}
h3						{font-size:1.25em; color:#003163; font-weight:700; line-height:1.1; letter-spacing:-0.025em; margin-bottom:10px;}
h4						{font-size:.875em; color:#4a7dba; font-weight:700;text-transform:uppercase; margin-bottom:0.75em;}
h5						{font: normal normal 700 1.125em/1.5 'aller', sans-serif; color:#434343;}
h6						{font: normal italic 400 1em/1.5 'aller', sans-serif; color:#434343;}

p						{margin-bottom:1.375em; font: normal normal 400 .875em/1.5 'aller', sans-serif; color:#434343;}
strong					{font-weight:700;}
.intro					{font: normal normal 400 1.25em/1.5 'aller', sans-serif!important; color:#999; }

a						{color:#0c5ca9; text-decoration:none;}
#main p a					{color:#0c5ca9; text-decoration:none; }
#main p a:hover			{cursor:pointer; text-decoration:underline;}
#main li				{margin-bottom:.625em; font: normal normal 400 .875em/1.5 'aller', sans-serif; color:#434343;}
ul						{list-style-type:disc; padding-left:20px; margin:0 0 20px 20px;}
ol						{padding-left:20px; margin:0 0 20px 20px;}

blockquote				{border-left:5px solid #83b817;font: normal normal 700 100%/1.5 "aller", sans-serif; padding:15px 15px 15px 20px; margin:30px 0 30px 30px; background-color:#f2f2f2;}
blockquote p			{font-family: 'aller', sans-serif; font-weight:normal; margin-bottom:0;}
blockquote h3			{margin-bottom:5px; color:#0c5ca9;}

.highlight				{background-color:#F00; color:#FFF}


/* Structure  ------------------------------- */

#header					{padding-top:10px;}
.container				{margin:auto; 
    background-color:#FFF; 
    width:980px;
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 8px rgba(0,0,0,.3);
	box-shadow: 0 1px 8px rgba(0,0,0,.3); 
}
.bodybg					{background-color:#FFF; width:940px; padding:10px 20px 0 20px;}
.proposaltop			{margin-top:50px; padding:20px}
.mleft					{margin-left:20px;}
.mtop					{margin-top:20px;}
.col_2, .col_4, .col_6, .col_8, .col_10, .col_12 	{float:left; display:inline}
.col_2					{}
.col_4					{width:300px;}
.col_6					{width:460px;}
.col_8					{width:620px;}
.col_10					{width:780px;}
.col_12					{width:940px;}
.left					{float:left; display:inline}
.right					{float:right; display:inline}
.textright				{text-align:right;}
.clear					{clear:both}
.pagemargin				{padding:30px 40px 30px 40px; clear:both}
.padding				{padding:10px;}


/* Header Elements  ------------------------------- */

.logo	{width:240px; height:68px; float:left; display:inline;}
.address{width:320px; float:left; display:inline; margin:15px 0 0 140px; font: normal normal 400 13px/36px "aller",serif; color:#838383; height:36px;}

#complimentary {float:left; width:300px;}
#main	{float:right; width:540px; margin-right:40px; }



/* Search Box  ------------------------------- */

#search	{width:220px; float:right; display:inline; margin-top:15px; overflow:hidden; border-bottom: 4px solid #ececec;}
#search input.cat_textbox_small	{font: normal normal 400 14px/30px "aller",serif; padding-left:10px; float:left; display:inline; height:30px; color:#838383; width:173px; border:none!important;}
#search input.cat_button	{float:right; display:inline; margin-top:12px;}

#search-news input.cat_textbox	{font: normal normal 400 14px/34px "aller",serif; padding-left:10px; background-color:#ececec; float:left; display:inline; height:34px; color:#838383; width:253px; border:none!important;}
#search-news input.cat_textbox:hover {background-color:#242424; color:#fff; }


/* Top Menu ------------------------------- */

#topMenu {float:right; display:inline; margin:16px 20px}
#topMenu ul {margin:0; padding:0;}
#topMenu ul li {float:left; padding:2px 8px; list-style-type:none; }
#topMenu ul li a {font:400 85%/100% "aller",serif; color:#666666; text-decoration:none; text-transform:uppercase;
    -webkit-transition: color 500ms ease;
		-moz-transition: color 500ms ease;
        -ms-transition: color 500ms ease;
        -o-transition: color 500ms ease;
		transition: color 500ms ease;}
#topMenu ul li a:hover {color:#242424;}

/* News and Stories  ------------------------------- */

#newslist		{padding:20px; width:260px; height:240px; position:relative; background:url(/images/pattern-wall.jpg) repeat;}
#newslist h3 a	{color:#c2ff5f; margin-bottom:10px;}
#newslist .more a	{position:absolute; bottom:0; right:0; background-color:#6da80c; height:22px; padding:4px 12px; font: normal normal 700 14px/14px "aller",serif; color:#FFF!important; line-height:22px;}
#newslist .more a:hover	{background-color:#578b02; display:block;}
#newslist h2		{font: bold normal 2em/1.25 "aller",serif; color:#2e5a80;  margin-bottom:10px;}
#newslist p			{font: normal normal 18px/1.25 "aller",serif; color:#2e5a80; margin-bottom:10px;}
#newslist p span	{font-size:90%;}
.check-us-out a		{display:block; background:url(../images/arrow-white.png) 92% 50% no-repeat #83b817; padding: 15px 50px; color:#FFF; position:absolute; left:20px; bottom:20px; font-size:16px; text-transform:uppercase;}
.check-us-out a:hover	{background-color:#4a7dba;}
#newslist a.button	{margin:0 3em 2em 0!important;}

#complimentary #newslist {padding:20px; width:260px; height:180px; position:relative; background:url(/images/pattern-wall.jpg) repeat;}
#complimentary #newslist h2	a	{font: normal normal 700 2em/1.25 "aller",serif; color:#2e5a80; }

#newslist ul#servicetimes		{margin:0 0 1em 0!important;}
#newslist ul#servicetimes li	{list-style-type:none; clear:both; display:block; margin:0!important; font-weight:100%;}
#newslist ul#servicetimes li span.time	{float:left; width:30%; font: normal normal 700 1em/1.25 "aller",serif; color:#434343;}
#newslist ul#servicetimes li p				{margin-bottom:0; float:right; width:70%; font: normal normal 700 1em/1.25 "aller",serif; color:#434343;}
#newslist ul#servicetimes li p span			{font: normal normal 400 90%/1.25 "aller",serif; color:#434343;}


/* Newsletter Link  ------------------------------- */

#newsletter {background:#f68807 url('/images/icon_newsletter_wide.png') no-repeat left top;}
#newsletter:hover	{background-color:#eb8003;}
#newsletter a	{width:240px; height:45px; margin:16px 0 20px 0; font: normal normal 700 14px/14px "aller",serif; color:#FFF!important; line-height:45px; display:block; padding:0px 20px 0 43px;}
#newsletter a {display:block;}


/* Slider  ------------------------------- */

#feature	{width:620px; height:280px; float:right; display:inline; margin-bottom:20px; overflow:hidden;}


/* Promoboxes  ------------------------------- */

#promobox					{display:block;}
#promobox .promotitle h2 	{margin: 10px 0; }
#promobox .promotitle h2 a	{color:#2e5a80; padding:0; font: 700 normal 18px/1 "aller",serif;  }
#promobox img	{margin-bottom:10px;}
#promobox p		{color:#4e4e4e; margin:3px 0 0 0; padding:0; font: normal normal 400 0.875em/1.5 "aller",serif; }

#complimentary #promobox {margin:30px 0 0} 
#complimentary #promobox .promotitle h2 a	{color:#2e5a80; margin:10px 0 15px; padding:0; font: 700 normal 18px/14px "aller",serif;  }


/* Newsboxes  ------------------------------- */

#newsintro				{width:300px;}
#newsintro h1 a			{color:#8cc72c; font-size:36px; margin:0 0 5px 0!important; line-height:1;}
#newsintro p			{margin-bottom:5px;}

#newsbox				{display:block; width:260px; padding:20px; height:200px;}
#newsbox h3				{margin:0 0 20px 0; padding:0; font: normal normal 700 18px/14px "aller",serif; text-transform:uppercase; }
#newsbox p				{color:#fff; margin:10px 0; padding:0; font: normal normal 400 0.875em/1em "aller",serif; text-transform:uppercase; }

.schooltalk				{background-color:#e67817; position:relative;}
.schooltalk	h3			{color:#fcb656;}
.schooltalk a			{color:#fff; text-transform:capitalize;}
.schooltalk .more		{position:absolute; bottom:0; right:0; background-color:#c9640c; height:22px; padding:4px 12px; font: normal normal 700 14px/14px "aller",serif; color:#FFF!important; line-height:22px;}
.schooltalk .more a:hover{background-color:#bc5a05; display:block;}
p.thisweek				{font-weight:bold; font-size:1.25em; margin-bottom:30px;}

.newsflash				{background-color:#6b6a6a; position:relative;}
.newsflash h3			{color:#b5b5b5;}
.newsflash a			{color:#fff; text-transform:capitalize;}
.newsflash .more		{position:absolute; bottom:0; right:0; background-color:#505050; height:22px; padding:4px 12px; font: normal normal 700 14px/14px "aller",serif; color:#FFF!important; line-height:22px;}
.newsflash .more a:hover{background-color:#404040; display:block;}

.documents				{background-color:#4c80b2; position:relative;}
.documents	h3			{color:#9ec3e7;}
.documents a			{color:#fff; text-transform:capitalize;}
.documents .more		{position:absolute; bottom:0; right:0; background-color:#2e6293; height:22px; padding:4px 12px; font: normal normal 700 14px/14px "aller",serif; color:#FFF!important; line-height:22px;}
.documents .more a:hover{background-color:#245685; display:block;}
.documentscroll			{height:160px;}


/* Breadcrumbs  ------------------------------- */

#breadcrumbs {padding:0; background-color:#fff; display:block; color:#999; margin:0;}
#breadcrumbs a {font:normal normal .75em/1.25 "aller",sans-serif; color:#4a7dba; text-transform:uppercase; margin:0; padding:0;}
#breadcrumbs a:hover {text-decoration:underline;}
#breadcrumbs a:last-child {color:#434343;}
#breadcrumbs img {margin:0 0 -0.3125em 0;}

/* Footer  ------------------------------- */

#footer		{width:100%; margin:1em 0 0;}
.footerbg	{background:url(/images/pattern-wall.jpg) repeat; padding:0.5em 0; }
.footerbg p { font-size:0.875em; margin:0;}
.footerbg strong {text-transform:uppercase;}
#footer h2	{font: normal normal 18px/1 "aller",serif; color:#2e5a80; text-align:center; padding:1em 0; margin:0;}
.footer-info	{background-color:#83b817; padding:.75em 0; margin:0;}
.footer-info p		{font-size:13px; color:#fff; text-align:center;margin:0;}
.footer-info a		{ color:#fff; text-decoration:underline;}

/* Main Site Menu  ------------------------------- */

#nav					{width:940px; margin:10px 0 20px 0; border-bottom: 4px solid #83b817;}
#nav ul					{margin:0; padding:0; list-style-type:none; background-color:#4a7dba;}
#nav ul li				{display:inline-block; color:fff;}
#nav ul li:hover		{background-color:#83b817; cursor:pointer; position:relative;}
#nav ul li.selected a	{background-color:#83b817;}
#nav ul li a			{color:#fff; font: normal normal 14px/14px "aller",serif; text-transform:uppercase; display:block;  padding:15px 18px;}
#nav ul li a span		{color:#95c0e8;font: normal normal 400 12px/14px "aller",serif; display:inline-block; }
#nav ul li:hover a span {color:#fff;}

/*-- Subnav ----------------------*/
#nav ul li ul		{display:none;}
#nav ul li:hover ul {position:absolute; left:0px; top:44px; display:block; background-color:#83b817; z-index:9999;-webkit-box-shadow:0px 0px 5px rgba(0,0,0,.4);
    -moz-box-shadow:0px 0px 5px rgba(0,0,0,.4);
    box-shadow:0px 0px 5px rgba(0,0,0,.4);}
#nav ul li ul li	{ display:block; width:275px; position:relative;}
#nav ul li ul li a		{color:#fff; background-color:#83b817; font: normal normal 400 0.875em/1.3 "aller",serif; text-transform:none; padding:0.5em 1em; }
#nav ul li ul li a span	{display:none;}
#nav ul li ul li a:hover	{background-color:#73a50e; cursor:pointer;}

#nav ul li ul li:hover a:after {
    position:absolute;
    right:1em;
	content:"\232a\00a0";
    font-weight:700;
    color:#fff;
        }

#nav li#navhome		{width:64px; height:62px; border-left:none; margin:0; padding:0;}
#nav #navhome a {display:block; cursor:pointer; text-indent:-9999px; background: url(/images/icon_home.png) no-repeat #8cc72c; width:64px; height:62px; padding:0px;}
#nav #navhome a:hover	{ background: url(/images/icon_home.png) no-repeat #8cc72c 0px -62px; }



#navnews li#navhome		{background:#8cc72c url(/images/icon_home_green.gif) no-repeat center top scroll; width:62px; height:62px; border-left:none; display:block; margin:0; padding:0;}
#navnews li#navhome:hover	{background:#f68807 url(/images/icon_home_over.gif) no-repeat center top scroll; cursor:pointer}


/* LOCAL Menu ------------------------------- */

#local	{margin:1em 0; padding:0;}
#local ul	{margin:0; padding:0; width:100%;}
#local ul li {list-style-type:none; width:100%;  margin:0; padding:0; height:auto; position:relative;}
#local ul li a { font: normal normal 0.875em/1.25 "aller",serif; color:#fff; padding:0.75em 1em; background-color:#83b817; display:block;
    border-bottom:solid 4px transparent; z-index:0; }
#local ul li a:hover { 
    background-color:#4a7dba;
    border-bottom:solid 4px #014788;
    border:collapse;
    -webkit-box-shadow:0px 4px 5px rgba(0,0,0,.4);
    -moz-box-shadow:0px 4px 5px rgba(0,0,0,.4);
    box-shadow:0px 4px 5px rgba(0,0,0,.4);
    z-index:100;
}

#local ul li:hover a:after {
    position:absolute;
    right:1em;
	content:"\232a\00a0";
    font-weight:700;
    color:#fff;
        }


/* Webapp Proposal ------------------------------- */

.proposalthumbnail		{float:left; display:inline; margin:0 0 10px 10px;}
.proposalthumbnail img	{border:1px solid #b8b8b8;}

/* Back to Top Button ------------------------------- */

#toTop {
		width:85px;
		height:83px;
        background-color:#8cc72c;
        text-align:center;
        position:fixed; /* this is the magic */
        bottom:20px; /* together with this to put the div at the bottom*/
        right:20px;
        padding:15px 0 15px 0;
		cursor:pointer;
        display:none;
        color:#fff;
        font-size:16px;
		text-align:center;
}

/* Table Style */

#box-table-a
{
	width:100%;
	font-family: "aller",serif;
	font-size: 1em;
	margin: 0;
	text-align: left;
	border-collapse: collapse;
	margin:20px 0;
}
#box-table-a th
{
	font-size: 100%;
	color:#fff; 
	font: normal normal 700 18px/18px "aller",serif; 
	text-transform:uppercase;
	padding: 8px;
	background: #0c5ca9;
	border-bottom: 4px solid #95c0e8;
}

#box-table-a td
{
	width:50%;
	padding: 8px;
	background: #f2f2f2; 
	border-bottom: 1px solid #fff;
	color: #444444;
	border-top: 1px solid transparent;
}

#box-table-a td a
{
	color: #e5322c;
    border-bottom:solid 1px #e5322c;
}

#box-table-a td a:hover
{
	color: #e5322c;
    border-bottom:solid 1px transparent;
}

#box-table-a tr:hover td
{
	background: #dddddd;
	color: #333333;
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font:normal normal 500 .875em/100% "aller",sans-serif;
	padding: .75em 3em .75em 2em;
	text-shadow: 0 1px 1px #fff;
    -webkit-border-radius: .25em; 
	-moz-border-radius: .25em;
	border-radius: .25em;
    -webkit-box-shadow: 0px 4px 0px #014788, 0px 4px 5px rgba(0,0,0,.4);
    -moz-box-shadow: 0px 4px 0px #014788, 0px 4px 5px rgba(0,0,0,.4);
    box-shadow: 0px 4px 0px #014788, 0px 4px 5px rgba(0,0,0,.4);
	color:#fff;
	position: relative;
    margin-bottom:1em;
}

.button a {color:#FFF!important;}
.button:after {
    position:absolute;
    top:0.75em;
    right:1em;
	content:"\232a";
    font-weight:700;
    color:#fff;
        }

.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.blue {
	color: #fff;
	text-shadow:0px 1px 1px rgba(0,0,0,.3);
	/*border: solid 1px #014788;*/
	background: #4a7dba;
}
.blue:hover {
	color:#fff;
	background: #3b6ca8;
}
.blue:active {
	color:#fff;
	background: #3b6ca8;
}


.green {
	color: #fff;
	text-shadow:0px 1px 1px rgba(0,0,0,.3);
	/*border: solid 1px #014788;*/
	background: #8cc72c;
    -webkit-box-shadow: 0px 4px 0px #81a912, 0px 4px 5px rgba(0,0,0,.4);
    -moz-box-shadow: 0px 4px 0px #81a912, 0px 4px 5px rgba(0,0,0,.4);
    box-shadow: 0px 4px 0px #81a912, 0px 4px 5px rgba(0,0,0,.4);
}
.green:hover {
	color:#fff;
	background: #9ecf18;
}
.green:active {
	color:#fff;
	background: #7eaa0e;
}


/* Lists  ------------------------------- */

#main ul	{
	margin:1em 0 2em;
    padding:0;
}

#main ul li	{
    display:block;
    list-style:none;
    margin:0 0 4px 0;
    min-height:16px;
    font: normal normal 400 .875em/1.5 "aller",serif;
    background:#f2f2f2 url('/images/list_icon_green.png') no-repeat 11px 13px scroll;
    padding:0.75em 4% 0.75em 8%;
}


#main ul li ul	{
    margin:1em 0 2em;
    padding:0;
}

#main ul li ul li	{
    display:block;
    list-style:none;
    margin:0 0 4px 0;
    font: normal normal 400 100%/150% "aller",serif;
    padding:0.25em 1em;
    background:none!important;
}


/* News Site Menu */
#navnews			{width:940px; background-color:#8cc72c; height:62px; margin:10px 0 20px 0;}
#navnews ul			{margin:0; padding:0;list-style-type:none;}
#navnews ul li			{background-color:#8cc72c; float:left; height:34px; color:fff; padding:16px 30px 12px 20px; border-left:solid 1px #a7e445;}
#navnews ul li:hover	{background-color:#f68807; cursor:pointer; }
#navnews ul li a		{color:#fff; font: normal normal 700 18px/18px "aller",serif; text-transform:uppercase;  }
#navnews ul li a span	{color:#a7e445;font: normal normal 400 12px/14px "aller",serif;  display:block;}
#navnews ul li:hover a span {color:#fff;}

/* News and Photos Alternate List view ------------------------------- */

.list-news h5			{font-family:'aller', Arial, Helvetica, sans-serif; font-size:12px; font-weight:400;}
.more-info h3			{font-size:14px; text-transform:uppercase; margin-bottom:20px;}
.list-news h3 span		{font-family: HastyTasty; font-size:42px; color:#242424; font-weight:400; padding: 0 10px;}
.list-news h3			{margin-bottom:2px;}
.list-news .blogrow_alternate h5 a:hover	{background-color:#fff;}
.list-news a:hover		{color:#242424;}
.list-news ul li		{background-image:none; margin:auto;}
.list-news				{overflow: hidden; padding: 0; width: 299px; height: 220px; position: relative; margin:20px 0;}
.list-news-detail		{height: 450px!important;}
.list-news p			{margin-bottom:0;}

.blogrow				{background-color:#f2f2f2; padding:6px 10px;}
.blogrow_alternate		{background-color:#ffffff; padding:6px 10px;}

/* News Top Stories Rotator  ------------------------------- */

.top-stories			{overflow:hidden;}
.top-stories h3 a		{font-family: 'aller', Arial, Helvetica, sans-serif; font-size:24px; margin-bottom:5px; text-transform:capitalize;}
.feature-story			{width:455px; float:left;}
.feature-story .image img	{width:455px;}
.feature-story .image	{height:300px; overflow:hidden; margin-bottom:10px;}

.thumbnails				{width:132px; float:right;}
.thumbnails .image		{height:80px; overflow:hidden;}
.thumbnails .list-info  {display:none;}
.thumbnails img			{width:140px;}
.image	{margin-bottom:20px;}



/* ----------------------- News Webapp ------------------------- */


#mainnews	{float:left; width:560px; margin-left:30px; }
#subnews	{float:right; width:280px; margin-right:30px; }
#subnews h3	{border-bottom:solid 5px #f2f2f2; margin:0 0 0.5em 0; padding:0 0 0.25em 0;}
h1.newstitle	{margin-left:30px;}

#newslistview 			{width:177px; margin-bottom:20px;}
#newslistview img		{width:39px; height:25px; float:left; display:inline;}
#newslistview .date		{width:130px; float:right; display:inline; color:#8077b7; font:normal normal 700 12px/14px "aller",serif; margin:0; padding:0;}
#newslistview .name		{width:130px; float:right; display:inline;}
#newslistview .name a	{font:normal normal 400 12px/14px "aller",serif; color:#6d6e71;}

#newsdetail				{}
#newsdetail h1			{margin-bottom:0;}
#newsdetail p a			{color:#4a7dba;}
#newsdetail p a:hover	{color:#3b6ca8;}
#newsdetail p.details	{margin:3px 0 10px 0;}
#newsdetail img		{
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
		box-shadow: 0 1px 2px rgba(0,0,0,.4);
        border:solid 10px #fff;
    }
	
.newsmain			{width:520px; border-bottom:solid 5px #f2f2f2; padding:20px; margin:0; font-size:100%; background-color:#fafafa;}
.newsmain img		{
    	width:500px;
        display:block;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3); 
		-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
		box-shadow: 0 1px 1px rgba(0,0,0,.3);
    	border:solid 5px #fff;
    }

.newsmain .intro	{width:500px; display:block; }
.newsmain .clear	{clear:both;}
.newsmain .intro h2 		{margin:0; font:normal normal 400 1.125em/1.125 "aller",serif;}
.newsmain .intro h2 a		{margin:0;color:#4a7dba; }
.newsmain .intro h2 a:hover		{color:#3b6ca8; }
.newsmain .preview 	{margin:0;font:normal normal 300 0.75em/1.25 "aller",serif; color:#434343;}
.newsmain .preview a{color:#4a7dba;}
.newsmain span.date	{color:#999999; font-size:0.75em; margin:0; text-transform:uppercase;}
ul#webapp20158pagination	{display:none;}

.newssub			{width:560px; border-bottom:solid 5px #f2f2f2; padding:20px 0 20px 0; margin:0 0 0 20px 0;}
.newssub img		{
    width:150px; 
    float:left;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3); 
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
	box-shadow: 0 1px 1px rgba(0,0,0,.3);
	border:solid 5px #fff;
}

.newssub .intro		{width:380px; float:right; }
.newssub .clear		{clear:both;}
.newssub .intro h3 		{margin:0; padding:0; font:normal normal 600 0.875em/1.125 "aller",serif;}
.newssub .intro h3	a		{margin:0;color:#4a7dba;}
.newssub .intro h3 a:hover		{color:#3b6ca8; }
.newssub .preview 	{margin:0;font:normal normal 300 0.75em/1.25 "aller",serif; color:#434343;}
.newssub .preview a{color:#4a7dba;}
.newssub p			{margin:0;}
.newssub span.date	{color:#999999; font-size:0.75em; margin:0; text-transform:uppercase;}
ul#webapp20158pagination	{display:none;}

.newstext p			{padding:0.5em 0; margin:0; border-bottom:solid 1px #f2f2f2; font-size:100%; }
.newstext p a		{font:normal normal 300 0.875em/1.25 "aller",serif;color:#4a7dba; }
.newstext p a:hover {color:#3b6ca8;}
.newstext p span 	{color:#999999; font-size:0.813em; margin:0; text-transform:uppercase}
    
.socialstuff	{margin-bottom:1em;}


/* Helpful Links Webapp ----------------------------- */

.linksList {
    float:left;
    margin:0 10px 20px;
    width:180px;
    padding:10px;
    background:url(/images/pattern-wall.jpg) repeat;
    }
    
.linksList img {
	width:100%;
    -webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.linksList:hover a img {
	-webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.5);
        }

.linksList h3 {
    margin:5px 0 0;
    font:normal normal 500 90%/140% "aller",serif!important;
    color:#4a7dba; 
    }

#linksWrap table.webapptable td {
	vertical-align:top;
}

/* Sermon Downloads ----------------------------- */

#sermonDownloads { background:none; padding:20px;
-webkit-transition: background 500ms ease;
		-moz-transition: background 500ms ease;
        -ms-transition: background 500ms ease;
        -o-transition: background 500ms ease;
		transition: background 500ms ease;}
#sermonDownloads:hover { background:url(/images/pattern-wall.jpg) repeat; padding:20px;}
#sermonDownloads p,
#sermonDownloads h4 {padding:0; margin:0;}


/* Calendar Announcement ----------------------------- */


.halfLeft {float:left; width:50%;}
.halfRight {float:right; width:50%;}

.hidden {display:none!important;}