/****** Common Style Sheet for Ministry Insights all Pages ******/

/**** If you don't find the tag you are looking for here, look in the individual page style sheets.  You may find what you are looking for there. ****/


/*** page layout ***/

body {
	width: 1018px;
	margin: 0 auto;
	font: 12px verdana, helvetica, arial;
	color: #505050;
}

div#window-outer {
	float: left;
	width: 1018px;
	margin: 0 auto;
	background: transparent url(/images/v2/left-edge-fill.jpg) repeat-y top left;
}

div#window-inner {
	float: right;
	width: 1018px;
	margin: 0 auto;
	background: transparent url(/images/v2/right-edge-fill.jpg) repeat-y top right;
}

div#left-edge {
	float: left;
	height: 60px;
	width: 29px;
	background: url(/images/v2/left-edge-trans.jpg) no-repeat top left;
}

div#right-edge {
	float: right;
	height: 60px;
	width: 29px;
	background: url(/images/v2/right-edge-trans.jpg) no-repeat top right;
}

div#branding {
	float: left;
	height: 80px;
	width: 356px;
	margin: auto;
}

div#tool-bar {
	float: left;
	height: 53px;
	width: 604px;
	margin: auto;
	background: url(/images/v2/utility-bar-bg.jpg) no-repeat top left;
}

div#secondary-nav {
	width: 960px;
	margin: 0 auto;
	margin-left: 29px;
	background: url(/images/v2/secondary-nav-bg.jpg) no-repeat top left;
	height: 20px;
}

div#secondary-nav-special {
	width: 960px;
	margin: 0 auto;
	margin-left: 29px;
	background: url(/images/v2/secondary-nav-bg.jpg) no-repeat top left;
	height: 25px;
}

table#content {
	width: 960px;
	margin: 0 auto;
	margin-left: 29px;
	background: #a9b4c1;
}

td#left-column { /* find background gradient in individual page css */
	float: left;
	width: 250px;
	font: 12px verdana, helvetica, arial;
	color: #ffffff;
	vertical-align: top;
	padding: 0;
	overflow: auto;
	margin: 0 auto;
}

td#main-col { /* some subpages have more styles for this element in their individual style sheets */
	background: #ffffff;
	vertical-align: top;
	width: 710px;
	margin: 0 auto;
	overflow: auto;
}

div#main-col-bottom {
	background: #ffffff;
	float: right;
	padding: 20px 20px 20px 30px;
}

div#main-col-b-l {
	float: left;
	padding: 0 30px 0 0;
	width: 300px;
}

div#main-col-b-r {
	float: left;
	padding: 0 0 0 30px;
	width: 300px;
}

div#footer {
	height: 90px;
}

div#sub-footer {
	height: 70px;
}

div#sub-footer-left {
	font: 11px verdana, helvetica, arial;
	color: #6a6a6a;
	float: left;
	margin: 0 0 10px 40px;
}

div#sub-footer-right {
	font: 12px tahoma, helvetica, arial;
	color: #6a6a6a;
	float: right;
	margin-right: 40px; 
}


/*** elements ***/

div#search {
	float: right;
	height: 24px;
	position: relative;
	top: 5px;
	right: 5px;
}

div#search input#search-box {
	border: solid 1px #777777;
	height: 20px;
	width: 125px;
}

div#search-button-wrapper {
	float: left;
	position: relative;
	top: 3px;
	left: -2px;
}

div#search-box-wrapper {
	float: left;
}

div#utilities {
	position: relative;
	top: 10px;
	left: 70px;
	width: 350px;
}

div.left-nav {
	color: #154371;
}

div.left-nav-heading {
	width: 215px;
	height: 23px;
	padding: 2px 0 0 35px;
	background: url(/images/v2/left-nav-heading.jpg) no-repeat top left;
	color: #d4d7dd;
	font: 14px verdana, helvetica, arial;
}

div.teams-left-nav-heading {
	width: 215px;
	height: 23px;
	padding: 2px 0 0 35px;
	background: url(/images/v2/team-left-nav-heading.jpg) no-repeat top left;
	color: #283657;
	font: 14px verdana, helvetica, arial;
}

div.left-nav-top {
	background: #a0abb9 url(/images/v2/left-nav-bg-bot.jpg) no-repeat bottom left;
}

div.left-nav-bottom {
	background: transparent url(/images/v2/left-nav-bg-top.jpg) no-repeat top left;
	min-height: 75px;
}

div.left-nav-bottom-text {
	background: transparent url(/images/v2/left-nav-bg-top.jpg) no-repeat top left;
	min-height: 75px;
	padding-left: 15px;
	padding-bottom: 15px;
}

ul.quick-links {
	padding: 15px 5px 15px 20px;
	color: #14395c;
	margin: 10px;
	line-height: 20px;
}


/*** utilities nav ***/

div#utilities ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div#utilities li {
	float: left;
	padding-left: 25px;
}

div#utilities li#contact {
	padding-top: 1px;
}

div#utilities a:link, div#utilities a:visited {
	font: 11px verdana, helvetica, arial;
	color: #99989d;
	text-decoration: none;
}

div#utilities a:hover, div#utilities a:active {
	font: 11px verdana, helvetica, arial;
	color: #ffffff;
	text-decoration: none;
}


/*** main nav ***/

#main-nav {
	float: left;
	width: 604px;
}

#main-nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#nav, #nav ul {
	float: left;
	width: auto;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0px;
	margin-left: -2px; /* Removes left margin, so left line disappears, but also dropdown moves over. */	
}

#nav a { /* Button properties */
	display: block;
	font: 12px verdana, helvetica, arial;
	font-weight: bold;
	text-decoration: none;
	padding-top: 6px; /* Spaces between link text and edge of nav buttons */
}

#nav li {  /* More button properties */ 
	float: left;
	width: 151px;
	height: 27px;
}

#nav li ul { /* Dropdown Properties 1*/
	position: absolute;
	left: -999em;
	height: auto; /* Text wrap in dropdown */
	width: 151px; /* How wide the dropdown is */
	width: 151px; /* How wide the dropdown is for IE */
	margin-top: -4px; /* Spacing between button and top of dropdown */
	margin-left: 0;
}

#nav li li { /* Dropdown properties 2*/
	width: 100%;
	height: auto; /* Text wrap in dropdown */
	padding-bottom: 3px;
}

#nav li li.leaders {
	background: #4a8acb;
}

#nav li li.teams {
	background: #9fa338;
}

#nav li li.couples {
	background: #9280a9;
}

#nav li li.families {
	background: #cb862e;
}

#nav li a.leaders-first, #nav li a.leaders-first:visited {
	padding: 4px 0 0 0;
	text-transform: uppercase; 
	font: 16px georgia, verdana, helvetica, arial;
	color: #e5d5cf;
	text-align: center;
	background: url(/images/v2/main-nav-lead.jpg) no-repeat top left;
	height: 27px;
	letter-spacing: 3px;
}

#nav li a.teams-first, #nav li a.teams-first:visited {
	padding: 4px 0 0 0;
	text-transform: uppercase; 
	font: 16px georgia, verdana, helvetica, arial;
	color: #e5d5cf;
	text-align: center;
	background: url(/images/v2/main-nav-team.jpg) no-repeat top left;
	height: 27px;
	letter-spacing: 3px;
}

#nav li a.couples-first, #nav li a.couples-first:visited {
	padding: 4px 0 0 0;
	text-transform: uppercase; 
	font: 16px georgia, verdana, helvetica, arial;
	color: #e5d5cf;
	text-align: center;
	background: url(/images/v2/main-nav-coup.jpg) no-repeat top left;
	height: 27px;
	letter-spacing: 3px;
}

#nav li a.families-first, #nav li a.families-first:visited {
	padding: 4px 0 0 0;
	text-transform: uppercase; 
	font: 16px georgia, verdana, helvetica, arial;
	color: #e5d5cf;
	text-align: center;
	background: url(/images/v2/main-nav-fam.jpg) no-repeat top left;
	height: 27px;
	letter-spacing: 3px;
}

#nav li a.leaders-first:hover, #nav li a.leaders-first:active {
	color: #ffffff;
	letter-spacing: 4px;
}

#nav li a.teams-first:hover, #nav li a.teams-first:active {
	color: #ffffff;
	letter-spacing: 4px;
}

#nav li a.couples-first:hover, #nav li a.couples-first:active {
	color: #ffffff;
	letter-spacing: 4px;
}

#nav li a.families-first:hover, #nav li a.families-first:active {
	color: #ffffff;
	letter-spacing: 4px;
}

#nav li ul a, #nav li ul a:visited { /* Dropdown properties 3 */
	background: url(/images/v2/stars.gif) no-repeat 0 4px;
	padding: 0 0 0 22px;
	font: 11px verdana, helvetica, arial;
	color: #e4d4ce;
	text-decoration: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* Dropdown Hover effects */
	left: auto;
	z-index: 200;
}

#nav ul li.leaders a:hover, #nav ul li.leaders a:active {
	background: #569fe8 url(/images/v2/stars.gif) no-repeat 0 4px;
	text-decoration: none;
	padding: 0 0 0 22px;
	color: #000000;
}

#nav ul li.teams a:hover, #nav ul li.teams a:active {
	background: #b9bd42 url(/images/v2/stars.gif) no-repeat 0 4px;
	text-decoration: none;
	padding: 0 0 0 22px;
	color: #000000;
}

#nav ul li.couples a:hover, #nav ul li.couples a:active {
	background: #ac79c7 url(/images/v2/stars.gif) no-repeat 0 4px;
	text-decoration: none;
	padding: 0 0 0 22px;
	color: #000000;
}

#nav ul li.families a:hover, #nav ul li.families a:active {
	background: #e39434 url(/images/v2/stars.gif) no-repeat 0 4px;
	text-decoration: none;
	padding: 0 0 0 22px;
	color: #000000;
}


/*** secondary nav ***/

#secondary-nav ul {
	list-style-type: none;
	padding: 5px 0 0 0px;
	margin: 0;
}

#secondary-nav li {
	float: left;
	padding-left: 20px;
}

#secondary-nav a:link, #secondary-nav a:visited {
	font: 11px verdana, helvetica, arial;
	color: #ffffff;
	text-decoration: none;
}

#secondary-nav a:hover, #secondary-nav a:active {
	font: 11px verdana, helvetica, arial;
	color: #a97867;
	text-decoration: none;
}

/*** secondary nav special ***/

#secondary-nav-special ul {
	list-style-type: none;
	padding: 5px 0 0 0px;
	margin: 0;
}

#secondary-nav-special li {
	float: left;
	padding-left: 15px;
	padding-right: 10px;
}

#secondary-nav-special a:link, #secondary-nav-special a:visited {
	font: 11px verdana, helvetica, arial;
	color: #ffffff;
	text-decoration: none;
}

#secondary-nav-special a:hover, #secondary-nav-special a:active {
	font: 11px verdana, helvetica, arial;
	color: #a97867;
	text-decoration: none;
}


/*** Main nav subnav items, left column ***/

div.main-nav-sub-outer {
	padding: 0 0 15px 0;
	width: 250px;
	min-height: 150px;
	/*for backgrounds see individual sp_ style sheets*/
}

div.main-nav-sub {
	position: relative;
	top: 50px;
	left: 15px;
	width: 228px;
}

.main-nav-sub ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.main-nav-sub li {
	padding-left: 15px;
	background: url(/images/v2/stars-on.gif) no-repeat 0 6px;
}

.main-nav-sub li a:link, .main-nav-sub li a:visited {
	font: 12px verdana, helvetica, arial;
	color: #14395c;
	text-decoration: none;
	line-height: 20px;
}

.main-nav-sub li a:hover, .main-nav-sub li a:active {
	color: #ffffff;
	text-decoration: none;
}


/*** left column nav ***/

div.left-nav-top a:link {
	font: 12px verdana, helvetica, arial;
	color: #184573;
	text-decoration: none;
}

div.left-nav-top a:visited {
	font: 12px verdana, helvetica, arial;
	color: #184573;
	text-decoration: none;
}

div.left-nav-top a:hover, div#secondary-nav-top a:active {
	font: 12px verdana, helvetica, arial;
	color: #ffffff;
	text-decoration: none;
}


/*** footer nav ***/

div#footer-left {
	background: url(/images/v2/footer-left.jpg) no-repeat top left;
	height: 90px;
	width: 75px;
}

div#footer-top-left {
	background: url(/images/v2/footer-left-fill.jpg) no-repeat top left;
	height: 15px;
	width: 354px;
	position: relative;
	top: -90px;
	left: 75px;
}

div#foot-nav-leaders {
	height: 45px;
	width: 177px;
	position: relative;
	top: -90px;
	left: 75px;
}

div#foot-nav-teams {
	height: 45px;
	width: 177px;
	position: relative;
	top: -135px;
	left: 252px;
}

div#foot-nav-min-in {
	height: 60px;
	width: 165px;
	position: relative;
	top: -195px;
	left: 429px;
}

div#footer-top-right {
	background: url(/images/v2/footer-right-fill.jpg) no-repeat top left;
	height: 15px;
	width: 354px;
	position: relative;
	top: -255px;
	left: 594px;
}

div#foot-nav-couples {
	height: 45px;
	width: 177px;
	position: relative;
	top: -255px;
	left: 594px;
}

div#foot-nav-families {
	height: 45px;
	width: 177px;
	position: relative;
	top: -300px;
	left: 771px;
}

div#footer-right {
	background: url(/images/v2/footer-right.jpg) no-repeat top left;
	height: 90px;
	width: 70px;
	position: relative;
	top: -360px;
	left: 948px;
}

div#footer-shadow {
	background: url(/images/v2/footer-shadow.jpg) repeat-x top left;
	height: 30px;
	width: 873px;
	position: relative;
	top: -390px;
	left: 75px;
}


/*** links ***/

a img {
	border: none;
}

a:link {
	color: #505050;
	text-decoration: underlined;
}

a:visited {
	color: #505050;
	text-decoration: underlined;
}

a:hover, a:active {
	color: #0033FF;
	text-decoration: underline;
}

div#sub-footer-right a:link, div#sub-footer-right a:visited {
	color: #6a6a6a;
	text-decoration: none;
}

div#sub-footer-right a:hover, div#sub-footer-right a:active {
	color: #1845ca;
	text-decoration: underline;
}

/*forms*/

.data-label-r {
	font: 11px verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
}

.data-label-l {
	font: 11px verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
}

.req {
	color: #CC0000;
}


/*** content items ***/

.title {
	font: 24px verdana, helvetica, arial;
	color: #1c2a4a;
}  

.title2 {
	font: 18px verdana, helvetica, arial;
	color: #1c2a4a;
}

td {
	font: 12px verdana, helvetica, arial;
}

p {
	font: 12px verdana, helvetica, arial;
}

.error-msg {
	color: #ff0000;
	font-weight: bold;
	text-align: center;
}

.content-box {
	/*border: solid 1px #7c2d13;*/
	padding: 10px;
	width: 600px;
	margin: 0 auto;
}

.content-nobox {
	padding: 10px;
	width: 600px;
	margin: 0 auto;	
}

img.inline-left {
	float: left;
	margin-right: 7px;
	/*border: solid 1px #a9b4c1;*/
}

.inline-left {
	float: left;
	margin-right: 15px;
	margin-top: 10px;
	font: 10px verdana, helvetica, arial;
	color: #999999;
	border-bottom: 1px solid #CCCCCC;
	width: 170px;
}

img.inline-right {
	float: right;
	margin-left: 7px;
	/*border: solid 1px #a9b4c1;*/
}
.inline-right {
	float: right;
	margin-left: 7px;
	font: 10px verdana, helvetica, arial;
	color: #999999;
	border-bottom: 1px solid #CCCCCC;
	width: 170px;
}

ol, ul {
	font-weight: normal;
}

.price {
	font-size: 30px;
}


.clear {
	clear: both;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

#ff-bug {
	position: relative;
	top: 10px;
}