/* � copyright 2010 Soft Idom Limited. All rights reserved.
*  www.softidiom.com & www.4dsites.com
*/
body,div,p,ul,h1,h2,h3,h4,h5,h6,form,li,ul {padding:0;margin:0}
img {border:none}
html {background: #dce2e0 url(/site/img/page-bg.png) repeat-x top left;padding: 0 0 24px 0}
#page {width:960px;margin: 18px auto 8px auto}
body, p, td {font-family: arial,sans-serif;font-size:12px;color:#666}
#logo {float:left}
#page ol {list-style: decimal!important;margin:0 0 0 30px!important}
#page li {margin:0 0 4px 0}
.display-field {border:none!important;background-image:none!important;vertical-align:baseline!important}
.menu {
	position: relative;
	height: 29px;
	/*width: 657px;*/
	padding: 24px 15px 18px 15px;
	float:right;
}
.menu li {
	float: left;
	list-style: none;
}
.menu li.back {
	background: url("/site/img/lava.png") no-repeat right -42px;
	width: 9px; height: 44px;
	z-index: 8;
	position: absolute;
}
.menu li.back .left {
	background: url("/site/img/lava.png") no-repeat top left;
	height: 44px;
	margin-right: 8px; /* 7px is the width of the rounded shape */
}
.menu li a {
	font: normal 12px arial;
	font-weight: bold;
	text-decoration: none;
	color: #336699;
	outline: none;
	text-align: center;
	top: 7px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 44px;
	position: relative;
	overflow: hidden;
	margin: auto 9px;
	line-height: 26px;  
	text-shadow:-1px 1px #fff;
}

.wrapped {
	line-height: 15px!important;
}
.menu li a:hover, .menu li a:active, .menu li a:visited {
	border: none;
}

#banner {width:978px;height:348px;clear:both;background: #fff url(/site/img/banner-bg.png) no-repeat top left;margin:0 0 0 -17px;padding:15px 0 0 17px}
#banner-animation {display: none}
.banner-image {float:left}
/*#banner p {padding: 6px 0 6px 0;color:#000;font-size:14px;text-shadow: 0 0 4px #fff}*/
#banner p {padding: 6px 0 6px 0;color:#000;font-size:14px}

.banner-summary {background-color:#fff;height:220px;overflow-y:auto;overflow-x: hidden}
#latest-news {position: absolute;top:410px;margin: 0 0 0 510px!important;z-index: 1050;font-size: 14px}
.news-button {z-index:1010;color:#666!important; position: absolute; top:410px;margin:0 0 0 830px;padding:10px 0 0 14px;font-size:18px;font-weight:normal!important;text-decoration:none;display: block;background: transparent url(/site/img/button-small.png) scroll no-repeat top left; width: 102px; height: 32px}
.news-button:hover {color:#8b0000!important;background-position: left bottom;text-decoration: none!important}
.events-button {z-index:1010;color:#666!important; margin:0 0 0 300px;padding:10px 0 0 14px;font-size:18px;text-decoration:none;display: block;background: transparent url(/site/img/button-small.png) scroll no-repeat top left; width: 102px; height: 32px;font-weight: normal!important}
.events-button:hover {color:#8b0000!important;background-position: left bottom;text-decoration: none!important}
#banner h2 {background-color:#fff;margin:12px 0 0 0}
#page-start {clear:both;width:960px;height:12px;position:relative;background:#eff1f1 url(/site/img/top-shadow.png) repeat-x bottom left}
#heading {color:#000;background-color: #fff;width:960px;height:114px;background:#eff1f1 url(/site/img/shadow.png) repeat-x bottom left}
.welcomebox {width:50%;float:left;padding-bottom:12px}
.welcomebox h1 {padding: 0}
h1 {font-size: 28px;letter-spacing: 0;padding:16px 24px 28px 24px;margin:0!important;font-weight:normal}
.header-image {margin:0!important;padding:0;float:right}
h1 sub {display:block;font-size:12px}
h2,box4up h2, h2 a {font-weight: normal!important;font-size:22px!important;color:#336699!important;margin:0 0 4px 0!important}
h3,box4up h3, h3 a {font-weight: normal!important;font-size:18px!important;color:#336699!important;margin:0 0 12px 0!important}
h4,box4up h4, h4 a {font-weight: normal!important;font-size:16px!important;color:#000!important;margin:0 0 8px 0!important}
h5,box4up h5, h5 a {font-weight: normal!important;font-size:14px!important;color:#000!important;margin:0 0 6px 0!important}
h6,box4up h6, h6 a {font-weight: normal!important;font-size:12px!important;color:#000!important;margin:0 0 4px 0!important}
input {font-family: arial,sans-serif;font-size:12px;color:#666}
#login input[type="text"], #search input[type="text"], #logout_form input[type="text"], #login input[type="password"], #search input[type="password"] {background: #dce2e0 url(/site/img/field-l.png) scroll no-repeat top left;color:#999;border:none;height:17px;padding:5px;font-size:14px;margin:0}
#login, #logout_form {float:left;padding:0 30px 0 56px}
#logout_form #user {width:328px}
#login-button {width:28px;height:27px;position: relative;top:9px}
#profile-button {width:28px;height:27px;position: relative;top:9px}
#logout-button {width:28px;height:27px;position: relative;top:9px}
#user {width:190px}
#password {background-image: none; width:150px;width: 125px;}
#password-button {width:28px;height:27px;position: relative;top:9px}
#default-login-button {visibility:hidden;position:absolute}
#search {float:left;padding:9px 26px 0 0}
#search-button {width:28px;height:27px;position: absolute}
#query {width:200px}
blockquote {
	background:url("/site/img/quote.gif") no-repeat scroll left 10px transparent;
	border-top:1px solid #CCCCCC;
	color:#1C496C;
	font-family:Georgia,serif;
	font-size:12px;
	font-style:italic;
	margin:10px 40px;
	padding:10px 0 0 50px;
}
#content {width:912px;background:#fff;float:left;padding:24px}
#content p, .box4up p {padding:0 0 8px 0;line-height: 1.5em}
#content ul {padding:0 0 4px 30px;line-height: 1.5em}
#content a, .box4up a, #banner a {color:#8b0000;text-decoration: none}
#content a, #banner a {font-weight: bold}
#content a:hover, .box4up a:hover, #banner a:hover {color:#000;text-decoration: underline}
.box2up {width:440px;float:left;padding:0 8px 8px 0}
.box4up {width:208px;height:210px;overflow:auto;float:left;padding:8px 8px 8px 24px;background: #e9edeb;margin:2px 0 0 0}
.box4up p {font-size: 11px;line-height: 14px}
.box-wide-left {width:680px;float:left;padding:0 8px 8px 0}
.box-wide-left ul {list-style: disc}
.box-narrow-right {width:190px;float:left;padding:0 8px 8px 0px}
#events-summary {padding:12px;margin:0 0 12px 0;background: #e9edeb;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px}
#events-summary ul, .events-list {list-style: none!important;padding:0;line-height: 1em!important}
#events-summary li, .events-list li {margin:0 0 18px 0!important}
.events-summary h3 {line-height: 20px;}
#events-summary h4 {display:block;margin:0 0 0 66px;font-size: 14px!important;line-height: 16px;}
#events-summary p {display:block;margin:0 0 0 66px}
#events-summary a {display:block;margin:0 0 0 66px}
.date {background: url(/site/img/calendar.png) no-repeat top left;height:54px;width:53px;float: left;text-align: center;margin: 0 12px 0 0}
.month {font-size: 14px;color:#fff;font-weight: bold;padding:4px 0 0 0}
.day {font-size: 25px;color:#000;font-weight: bold;padding:14px 0 14px 0}

.pdfLink {
	background:url("//cdn.4dprime.com/images/icons/page_white_acrobat.png") no-repeat scroll left center transparent;
	padding:2px 0 2px 20px;
}
.mapIcon {background-image: url(//cdn.4dprime.com/images/icons/map.png)}
.listIcon {background-image: url(//cdn.4dprime.com/images/icons/application_view_list.png)}
.section-menu {padding: 0!important}
.section-menu li {list-style:none outside none}
.section-menu li a {display:block;font-size:14px;padding:6px 16px 6px 16px; margin: 0 0 2px 0;width:100%}
.section-menu li a:hover, .section-menu li .current {background:#DCE2E0;text-decoration: none!important;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;color:#336699!important;text-shadow:-1px 1px #fff}

.member-logo {float:left;padding-bottom:20px}
.member-summary {width:354px;margin:4px 0 0 20px;float:left}
.member-summary p {color:#000;font-size: 11px; height:110px;overflow:hidden}
#members-summary {padding: 0 0 0 12px!important}
#members-summary h2 {padding:0 0 8px 0!important}
#members-summary h3 {clear:left;padding:20px 0 0 0!important}
#members-summary h4 {padding:0;margin:0 0 0 74px!important}
.button-med {display:inline-block;background: #fff url(/site/img/button-med.png) scroll no-repeat top left;color:#666!important;width: 139px;height: 33px;padding:9px 0 0 14px;font-size:18px;font-weight:normal!important;text-decoration:none}
.button-med img {float:right;padding:0 8px 0 0 }
.button-med:hover {color:#8b0000!important;background-position: left bottom;text-decoration: none!important}
.button-med:hover img {width:26px;height:26px}

#footer {width:952px;background:#fff;float:left;padding:6px 0 0 8px;margin:4px 0 0 0;text-align: center}
#footer p {font-size:11px}
#pagelinks {list-style:none outside none;margin:0;padding:2px 0 0 0!important;float:left}
#pagelinks li {float:left;list-style:none outside none;margin:0 12px 0 0!important}
#pagelinks li a {color:#555555;display:block;height:20px;padding:0 0 0 18px!important;text-decoration:none}
#share a {background:url("/site/img/share-icon.png") no-repeat scroll 0 0 transparent}
#print a {background:url("/site/img/print-icon.png") no-repeat scroll 0 0 transparent}
#bookmark a {background:url("/site/img/bookmark-icon.png") no-repeat scroll 0 0 transparent}
#back a {background:url("/site/img/back-icon.png") no-repeat scroll 0 0 transparent}
#top a {background:url("/site/img/top-icon.png") no-repeat scroll 0 0 transparent}
#credits {float:right;padding:2px 24px 0 0}
#credits a {color:#666;text-decoration: none}
#credits a:hover,#pagelinks li a:hover {color:#8b0000}
#copyright {float:right;padding:2px 24px 0 0}
#copyright a {color:#666;text-decoration: none;}
#badges {float:right}
#badges img {border:0 none;padding:0 4px 0 0}

.greyButton, .redButton, .greenButton, .blueButton {
	background:#ccc url(/site/img/shade.png) repeat scroll left bottom !important;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	color:#fff !important;
	font-size:13px;
	padding:4px 8px 4px 8px !important;
	text-decoration:none!important;
}
.greyButton:hover, .redButton:hover, .greenButton:hover, .blueButton:hover {
	background:#000 url(/site/img/shade.png) repeat scroll left bottom !important;
	color:#fff !important;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	text-shadow:1px 1px 0px #000;
	margin:-1px 1px 1px -1px !important;
}
.redButton {background-color:red!important}
.redButton:hover {background-color:darkred!important}
.greenButton {background-color:green!important}
.greenButton:hover {background-color:darkgreen!important}
.blueButton {background-color:#306396!important}
.blueButton:hover {background-color:darkblue!important}

.search-results {list-style: none}
.search-results h3 {margin:0!important}
.search-type {color:#000}
.search-news {padding:0 0 0 24px;background: url(//cdn.4dprime.com/images/icons/newspaper.png) no-repeat top left;border-bottom:1px #ccc dashed}
.search-page {padding:0 0 0 24px;background: url(//cdn.4dprime.com/images/icons/page.png) no-repeat top left;border-bottom:1px #ccc dashed}
.search-event {padding:0 0 0 24px;background: url(//cdn.4dprime.com/images/icons/date.png) no-repeat top left;border-bottom:1px #ccc dashed}

.newslist-date {font-size:13px;width:90px;background-color:#DCE2E0;padding:2px; margin:0 8px 0 0;text-align:center;-moz-border-radius:4px; border-radius:4px; color: #000;display:inline-block}
.event-date {font-size:24px;width:200px;background-color:#DCE2E0;padding:2px; margin:0 8px 0 0;text-align:center;-moz-border-radius:4px; border-radius:4px; color: #000;display:inline-block}
.bannernews-date {font-size:13px;width:90px;background-color:#DCE2E0;padding:2px; margin:0 0 0 0;text-align:center;-moz-border-radius:4px; border-radius:4px; color: #000;display:inline-block;float:right}
.membersearch ul, #profileForm ul {padding:0!important}
.x-tab-strip li {padding:5px 3px 0 2px!important}
.x-panel-body, .x-plain-body {overflow: hidden!important}
#content .x-form-field {font-family: arial,sans-serif;font-size:12px;color:#666}
.membersearch .x-btn-text {font-size:12px}
.membersearch li, #profileForm li {margin:0!important}
.membersearch h3, #profileForm h3 {margin:2px 0 0 2px!important}
.membersearch-summary {margin:0 0 0 2px; white-space:normal;font-size:12px}
#resultsLabel {font-weight: bold}
.membersearch .x-superboxselect-item {border:2px solid #fff}
.labelWithTip {background-image: url(//cdn.4dprime.com/images/icons/help.png);background-repeat: no-repeat;background-position:bottom right}
.label60 {width:60px; float:left}
.hidden {display:none}

.spotlight-member-buttons, .latest-member-buttons { font-size: 12px; font-weight:bold;padding: 10px; float: left;text-align: center }
.spotlight-member-buttons a, .latest-member-buttons a { margin-left: 7px; height: 14px; width: 24px; float: left; background-color:#fff;border: 2px solid #A3AAA8; color: #000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.spotlight-member-buttons a:hover, .latest-member-buttons a:hover {background-color: #DCE2E0;text-decoration: none!important}
.spotlight-member-button-active, .latest-member-button-active { background-color: #336699!important; color: #FFFFFF!important; }

h2.ruled, h3.ruled, h4.ruled, h5.ruled, h6.ruled {
	border-bottom: 1px #DBCBE2 solid;
	padding: 4px 0;
}

h2.boxed, h3.boxed, h4.boxed, h5.boxed, h6.boxed {
	background-color: #E4E9E6;
	padding: 6px 4px;
}

h2.icon, h3.icon, h4.icon, h5.icon, h6.icon {
	background: url(/site/img/heading-icon.png) 0 0  no-repeat;
	margin:0;
	padding:0 0 2px 35px;
	line-height: 26px;
}
h2.iconBoxed, h3.iconBoxed, h4.iconBoxed, h5.iconBoxed, h6.iconBoxed {
	background: url(/site/img/heading-icon.png) 2px 4px no-repeat #E4E9E6;
	margin:0;
	padding:6px 4px 2px 37px;
	line-height: 26px;
}

h2.noMargin, h3.noMargin, h4.noMargin, h5.noMargin, h6.noMargin {
	margin:0;
}
a.redButton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100%;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	behavior: url(/site/js/PIE.htc);
	
	color: #FADDDE!important;
	border: solid 1px #980C10;
	background: #D81B21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ED1C24), to(#AA1317));
	background: -moz-linear-gradient(top, #ED1C24, #AA1317);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ED1C24', endColorstr='#AA1317');
}

a.blueButton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100%;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	behavior: url(/site/js/PIE.htc);
	
	color: #D9EEF7!important;
	border: solid 1px #0076A3;
	background: #0095CD;
	background: -webkit-gradient(linear, left top, left bottom, from(#00ADEE), to(#0078A5));
	background: -moz-linear-gradient(top, #00ADEE, #0078A5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ADEE', endColorstr='#0078A5');
}

a.greenButton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100%;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	behavior: url(/site/js/PIE.htc);
	
	color: #E8F0DE!important;
	border: solid 1px #538312;
	background: #64991E;
	background: -webkit-gradient(linear, left top, left bottom, from(#7DB72F), to(#4E7D0E));
	background: -moz-linear-gradient(top, #7DB72F, #4E7D0E);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7DB72F', endColorstr='#4E7D0E');
}

ul.plus {
	margin: 0;
	padding: 0 0 0.5em 0.75em;
	list-style: none;
}
ul.plus li {
	padding: 0 0 0.5em 25px;
	background-position: 0 1px;
	background-repeat: no-repeat;
	background-image: url(/site/img/add_small.png);
}
ul.arrow {
	margin: 0;
	padding: 0 0 0.5em 0.75em;
	list-style: none;
}
ul.arrow li {
	padding: 0 0 0.5em 25px;
	background-position: 0 1px;
	background-repeat: no-repeat;
	background-image: url(/site/img/arrow_medium_right.png);
}
ul.triangle {
	margin: 0;
	padding: 0 0 0.5em 0.75em;
	list-style: none;
}
ul.triangle li {
	padding: 0 0 0.5em 25px;
	background-position: 0 1px;
	background-repeat: no-repeat;
	background-image: url(/site/img/triangle.png);
}
ul.check {
	margin: 0;
	padding: 0 0 0.5em 0.75em;
	list-style: none;
}
ul.check li {
	padding: 0 0 0.5em 25px;
	background-position: 0 1px;
	background-repeat: no-repeat;
	background-image: url(/site/img/check.png);
}
ul.star {
	margin: 0;
	padding: 0 0 0.5em 0.75em;
	list-style: none;
}
ul.star li {
	padding: 0 0 0.5em 25px;
	background-position: 0 1px;
	background-repeat: no-repeat;
	background-image: url(/site/img/star_full.png);
}

p.succsessBox {
	border: 1px solid #A2C487;
	background: url(/site/img/info_icon1.png) 1.5em 1.5em no-repeat #CDECB4;
	color: #434343;
	margin-bottom: 10px;
	padding: 1.5em 1.5em 1.5em 75px!important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	behavior: url(js/PIE.htc);
}
p.warningBox {
	border: 1px solid #D1C289;
	background: url(/site/img/info_icon2.png) 1.5em 1.5em no-repeat #F7E9B4;
	color: #434343;
	margin-bottom: 10px;
	padding: 1.5em 1.5em 1.5em 75px!important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	behavior: url(js/PIE.htc);
}
p.errorBox {
	border: 1px solid #D6AC96;
	background: url(/site/img/info_icon3.png) 1.5em 1.5em no-repeat #F8D1BC;
	color: #434343;
	margin-bottom: 10px;
	padding: 1.5em 1.5em 1.5em 75px!important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	behavior: url(js/PIE.htc);
}
p.infoBox {
	border: 1px solid #93C3E1;
	background: url(/site/img/info_icon4.png) 1.5em 1.5em no-repeat #B8E0F9;
	color: #434343;
	margin-bottom: 10px;
	padding: 1.5em 1.5em 1.5em 75px!important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	behavior: url(js/PIE.htc);
}