/* page and body settings */
html {
	padding: 0;
	margin: 0;
}
body {
	text-align: center;
	padding: 0;
	margin: 0;
	background-color: white;
	color:#666;
	font: 62.5% Arial, Helvetica, sans-serif;/* this sets default font-size of 1em = 10px *//* for font size changes, style elements one time using ems */
}
/* begin default styling of elements */
div {
	margin: 0;
	padding: 0;
}
p {
	margin: 0 0 12px;
	padding: 0;
}
span {
	margin: 0;
	padding: 0;
}
img {
	border: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
}
a { outline:none !important; }
a img { border: none; }
/* default lists, blockquotes, and tables and other specialized elements */
ul {
	margin: 0 0 12px 5px;
	padding: 0;
	list-style-type: square;
	list-style-position: outside;
}
li {
	margin: 0 0 4px 10px;
	padding: 0;
}
li ul { /* for lists inside lists */
	margin-top: 5px;
	margin-left: 15px;
	list-style: disc outside;
}
ul.spaced { padding-bottom:6px; }
ul.spaced li { margin-bottom:12px; }
ul.nobullet, ul.nobullet li {list-style:none outside;margin-left:0;}
/* default headers */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	font-weight: bold;
}
/* font sizes here are global for the entire document; */
/* for headers that change size, remove here and size below in each container */
h1 {
	font-size: 2.0em;
	font-weight: normal;
	color: #07005d;
}
h2 {
	font-size: 2.2em;
	font-weight: normal;
	font-family:"Times New Roman", Times, serif;
	color: #07005d;
	margin: 10px 0 10px -1px; /* to fix 1px header variance */
	border-left: 7px solid #07005d;
	padding:8px 10px 0;
	background:url(../images/bkg-header2.gif) repeat-x left top;
}
h3 {
	font-size: 1.8em;
	font-weight: normal;
	margin-top:20px;
}
h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #323232;
}
h5 { font-size: 1.2em; }
h6 {
	font-size: 1.1em;
	letter-spacing: .5px;
	font-weight: bold;
	margin-bottom: 0;
}
small { font-size: 85%; }
/* default links */
a,
a:link {
	color: #07005d;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #db5d00;
	text-decoration: none;
}
a:hover {
	color: #db5d00;
	text-decoration: underline;
}
a:active {
	color: #07005d;
	text-decoration: none;
}
a img { border: 0; }
/* learn more */
a.more {
	color:#ff9600 !important;
	font-size:0.85em !important;
	font-weight:bold;
	text-transform:uppercase;
}
/* begin page layout */
#page-wrapper {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 990px;
	background:url(../images/bkg-content.gif) repeat-y right top;
}
/* header */
#header {
	position: relative; /* makes #header the parent element for absolute positioned nav-bar */
	margin: 0;
	padding: 0;
	height: 129px;
	width:100%;
	background:url(../images/banner-default.jpg) no-repeat left top;
}
#header h1 {
	position:absolute;
	left: 23px;
	top: 18px;
}
#header h1 a {
	display:block;
	width: 256px;
	height: 53px;
	text-decoration:none !important;
}
#header h1 strong { display:none; }
/* header nav-bar */
#header #main-nav {
	position: absolute; /* relative to container element #header */
	bottom: 0; /* positions at bottom of container element #header */
	left:0;
	list-style-type: none;
	margin: 0;
	text-transform:uppercase;
	padding: 0 0 5px 0;
	text-align: left;
	background: url(../images/bkg-main-nav.gif) repeat-x left bottom;
}
#header #main-nav li {
	margin: 0;
	padding: 0;
	text-align:center;
	display: inline;
	color: #07005d;
	font-size: 1.1em;
	font-weight: bold;
	float: left;
	border-right:1px solid #fff;
	border-left:1px solid #f0f0f0;
}
#header #main-nav li a {
	color: #07005d;
	padding:10px 0;
	margin:0;
	text-decoration: none;
	width:163px;
	float: left;
	text-align:center;
	display: block;
	font-weight: bold;
}
#header #main-nav li a:link { color: #07005d; }
#header #main-nav li a:visited { color: #07005d; }
#header #main-nav li a:hover { color:#ff9600; }
#header #main-nav li a:active { color: #07005d; }
#header #main-nav li#mnav-home { border-left:none; }
#header #main-nav li#mnav-about { }
#header #main-nav li#mnav-joinnow { }
#header #main-nav li#mnav-action { }
#header #main-nav li#mnav-media { }
#header #main-nav li#mnav-contact {
	border-right:none;
	width:165px;
}
#header #main-nav li.current a { color: black !important; }
#banner { text-align: center; }
/* begin column layout */
#column-wrapper {
	width: 100%;
	margin: 3px 0 0;
	padding: 10px 0 0;
	background:url(../images/bkg-side-content.gif) repeat-y left top;
	border-top:1px solid #e6e5ee;
}
.inner {
	margin:10px;
	padding:0;
}
/* search */
form {
	margin:0;
	padding:10px 0;
	width:350px;
}
label {
	margin:0;
	padding:0;
	text-align:right;
	float:left;
	width:130px;
	margin-right:10px;
	font-size:1.2em;
}


#listinglist label 
{
	margin:0;
	padding:0;
	text-align:left;
	float:right;
	width:250px;
	
	font-size:1.2em;
}

#listinglist input
{
	margin:0;
	padding:0;
	width:100px;
	float:left;
	text-align:right;
}

div.buttons {text-align:center;border-top:1px solid #ccc;padding:10px 0 0;margin:10px 0;}
form .clear { height:10px; }
form#searchBox {
	position:absolute;
	right:0;
	top:20px;
	display:none;
	background:url(../images/bkg-form-searchBox.gif) no-repeat right top;
}
form#searchBox label {
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	margin:12px 0 15px 40px;
	display:block;
	float:left;
}
form#searchBox input { margin:8px; }
/* font-sizes and line-heights below are common across all columns */
/* for elements with font-sizes that are different for each column, */
/* remove here and size explicitly within column section */
#column-wrapper p, #column-wrapper blockquote, #column-wrapper td, #column-wrapper th {
	font-size: 1.3em;
	line-height: 1.3em;
}
#column-wrapper blockquote p {font-size:1.0em;}
#column-wrapper li {
	font-size: 1.3em;
	line-height: 1.3em;
}
#column-wrapper li li { font-size: .9em; }
/* columns */
.col1,
.col2,
.col3 {
	float:left;
	width:32%;
}
.col1,
.col2 { margin-right:10px; }
/* left content column */
#side-content {
	float: left;
	display: inline;
	padding: 0;
	margin: 0 0 0 10px;
	width:209px;
	background:none;
}
#side-content .inner { margin:20px; }
#side-content .inner p { font-size:1.0em !important; }
#side-content ul li { font-size:1.1em; }
#side-content ul.left-nav { margin-top:10px; }
#side-content ul.left-nav li a,
#side-content ul.left-nav li a:link {
	font-weight:normal;
	color:#07005d;
}
#side-content ul.left-nav li a:visited { color:#07005d; }
#side-content ul.left-nav li a:hover { color:#07005d; }
#side-content ul.left-nav li a:active { color:#07005d; }
#side-content ul.left-nav li.active a {
	color:#ff9600 !important;
	font-weight:bold;
}
#side-content ul.left-nav ul, #side-content ul.left-nav ul ul, #side-content ul.left-nav li.active ul ul { display:none; }
#side-content ul.left-nav li.active ul, #side-content ul.left-nav li.active li.active ul { display:block; margin-left:5px;}
#side-content ul.left-nav li.active li a, #side-content ul.left-nav li.active li.active li a,
#side-content ul.left-nav li.active li a:link, #side-content ul.left-nav li.active li.active li a:link {
	font-weight:normal;
	color:#666 !important;
}
#side-content ul.left-nav li.active li a:visited, #side-content ul.left-nav li.active li.active li a:visited { color:#666; }
#side-content ul.left-nav li.active li a:hover, #side-content ul.left-nav li.active li.active li a:hover { color:#07005d; }
#side-content ul.left-nav li.active li a:active, #side-content ul.left-nav li.active li.active li a:active { color:#666; }
#side-content ul.left-nav li.active li.active a, #side-content ul.left-nav li.active li.active li.active a {
	color:#ff9600 !important;
	font-weight:normal;
}
/* content column */
#main-content {
	background:none;
	float: left;
	display: inline;
	padding: 0 0 50px;
	width:687px;
	margin: 0 0 0 37px;
	_height:400px;
	min-height:400px;
}
/* footer */
#footer {
	clear: both;
	padding: 10px 0;
	margin:0 0 10px;
	background:none;
	border: solid #e0e0eb;
	border-width:1px 0;
}
#footer,
#footer li,
#footer a {
	color:#07005d;
	font-size: 1em;
	font-weight:normal;
}
#footer a:link { text-decoration: none; }
#footer a:visited { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer a:active { text-decoration: none; }
#footer ul {
	padding: 0;
	margin: 0;
}
#footer li {
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	display: inline;
	border-right: 1px solid #666;
	float: left; /* removes extra margins in inline lists */
	font-size: 1.0em;
}
#footer li a {
	margin: 0;
	padding: 0; /* sets space between footer nav-bar links */
	display: block; /* expands nav-bar links to edges of list items */
	float: left; /* removes extra margins in inline lists */
}
/* Form */
/* reusable utility code */
.left { float: left; }
img.left { margin: 0 10px 10px 0; }
.right { float: right; }
img.right { margin: 0 0 10px 10px; }
.center { text-align: center; }
.centered {
	display: block;
	margin: 0 auto 10px;
}
.hidden {
	display: none;
	visibility:hidden;
}
.no-border { border: none !important; }
.no-border-left { border-left:none !important; }
.no-border-right { border-right:none !important; }
.clear { clear: both; }
/* fixing font sizes inside nested elements */
li li { font-size:1em !important; }
li li,
li p,
blockquote p,
blockquote li { font-size:1em !important; }
/* page-specific */
#home #main-nav li#mnav-home,
#about #main-nav li#mnav-about,
#joinnow #main-nav li#mnav-joinnow,
#action #main-nav li#mnav-action,
#media #main-nav li#mnav-media,
#contact #main-nav li#mnav-contact { background:url(../images/bkg-main-nav-active.gif) repeat-x left bottom; }
#home #main-nav li#mnav-home a,
#about #main-nav li#mnav-about a,
#joinnow #main-nav li#mnav-joinnow a,
#action #main-nav li#mnav-action,
#media #main-nav li#mnav-media a,
#contact #main-nav li#mnav-contact a {
	background:url(../images/bkg-main-nav-active.gif) repeat-x left bottom;
	color:#ff9600;
}
/* page banners */
#home #header { background-image:url(../images/banner-home.jpg); }
#about #header { background-image:url(../images/banner-about.jpg); }
#joinnow #header { background-image:url(../images/banner-joinnow.jpg); }
#action #header { background-image:url(../images/banner-action.jpg); }
#media #header { background-image:url(../images/banner-media.jpg); }
#contact #header { background-image:url(../images/banner-contact.jpg); }
/* Home Page */
#home #side-content .inner p {
	font-size:1.1em !important;
	line-height:200%;
}
/*Home Photos*/
ul.photos {
	list-style:none;
	margin:0;
	padding:0;
}
ul.photos li {
	list-style:none;
	float:left;
	display:inline;
	margin:0 10px 10px 0;
	padding:176px 0 0;
	background-position:left top;
	background-repeat:no-repeat;
}
ul.photos li a {
	background: url(../images/icn-arrow.gif) no-repeat 4px center;
	display:block;
	color:#fff !important;
	font-size:0.9em;
	margin:0;
	width:310px;
	font-weight:bold;
	padding:2px 0 2px 20px;
}
ul.photos li#sensible {
	background-image:url(../images/photo-sensible.jpg);
	background-color:#07005d;
}
ul.photos li#safeguard {
	background-image:url(../images/photo-safeguard.jpg);
	background-color:#4d9a43;
}
ul.photos li#sustain {
	background-image:url(../images/photo-sustain.jpg);
	background-color:#ff9600;
}
ul.photos li#strengthen {
	background-image:url(../images/photo-strengthen.jpg);
	background-color:#db5d00;
}


/* Hide Media Section 
#header #main-nav li a {
	width:196px;
}
li#fnav-media, #header #main-nav li#mnav-media {display:none !important; }
#header #main-nav li#mnav-contact {
	width:197px;
}
#header #main-nav li#mnav-media {display:none; }
*/

/*Tables*/
th, td {vertical-align:top;padding:2px 5px;}
.odd, .odd td {background:#efefef;}