* {
	margin: 0;
	padding: 0;
}

/***********************************************
 *  General Styling
 ***********************************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #383838;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Times New Roman, serif;
	font-weight: normal;
}

h2 {
	font-size: 1.9em;
}

h3 {
	font-size: 1.45em;
	margin-bottom: 8px;
	margin-top: 15px;
}

h4 {
	font-size: 1.3em;
	margin-bottom: 6px;
	margin-top: 8px;
}

h5 {
	font-size: 1.1em;
}

h6 {
	font-size: 1em;
}

p {
	margin-top: 8px;
	margin-bottom: 8px;
}

a {
	/*color: #2c3f84;*/
	color: #3d57b8;
	text-decoration: none;
	border-bottom: 1px dotted #b4b4b4;
}

a:hover, a:active {
	background-color: #e8e8e8;
}

a:visited {
	border-bottom: 1px dashed #b4b4b4;
}

/* Keeps browsers from putting a box around link images */
a img {
	border-style:  none;
}

ul, ol {
	margin-left: 30px;
}

ul {
	list-style-type: square;
}

li {
	margin-bottom: 4px;
}


ul ul {
	margin-top: 5px;
	list-style-type: disc;
	margin-left: 17px;
}

ul ul ul {
	list-style-type: circle;
}

dl {
	margin-bottom: 8px;
}

dt {
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 12px;
}

blockquote {
	margin-left: 15px;
	margin-right:  15px;
}

/* table styling */
table {
	border-collapse: collapse;
	border: 2px solid #7e8b96;
	margin: 10px 0;
}

td, th {
	padding: 2px 3px;
}

th {
	background-color: #919ba3;
	color: #ffffff;
	border: 1px solid #7e8b96;
	border-bottom: 2px solid #7e8b96;
}

td {
	background-color: #e8e8e8;
	border: 1px solid #fff;
}

td p, th p {
	padding: 0;
	margin:  0;
}

/******
 Typo3 classes
 ******/
.align-center {
	text-align: center;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-justify {
	text-align: justify;
}

.align-top {
	vertical-align: top;
}


.indent {
	margin-left: 15px;
}


/***********************************************
 *  Link icons
 ***********************************************/

/** popup window **/
a[target] {
	background-image: url(../images/IconArrowSprites.png);
	background-repeat: no-repeat;
	background-position: right -290px;
	padding-right: 17px;
	zoom: 1; /* IE Fix */
}

/* turn off the special marking for targets that don't cause a window to be opened */
a[target="_top"], a[target="_top"]:hover, a[target="_self"], 
a[target="_self"]:hover, a[target="_parent"], a[target="_parent"]:hover, 
a[target="thePicture"], a[target="thePicture"]:hover {
	background-image: none;
	padding-right: 0;
}

/* for IE6.  No attribute selectors so javascript adds class.  Plus,
   needs gif instead of png. */
a.new_page_link {
	background-image: url(../images/IconArrowSprites.gif);
	background-repeat: no-repeat;
	background-position: right -290px;
	padding-right: 17px;
	zoom: 1; /* IE Fix */
}

/** external link **/
a[href^="http:"] {
	background-image: url(../images/IconArrowSprites.png);
	background-repeat: no-repeat;
	background-position: right -250px;
	padding-right: 17px;
	zoom: 1; /* IE Fix */
}

/* remove external designation from VPC links*/
a[href*="vpcannex.org"],
a[href*="vpcforms.org"],
a[href*="viennapres."],
a[href*="vpcfamily.org"],
a[href*="vpcstudents.org"],
a[href*="robskaggs.com"]
 {
	background-image: none;
	padding-right: 0;
}

/* for IE6.  No attribute selectors so javascript adds class.  Plus,
   needs gif instead of png. */
a.external_link {
	background-image: url(../images/IconArrowSprites.gif);
	background-repeat: no-repeat;
	background-position: right -250px;
	padding-right: 17px;
	zoom: 1; /* IE Fix */
}

/** mail link **/
a[href^="mailto:"], a[href^="javascript:linkTo_UnCryptMailto"] {
	background-image: url(../images/IconArrowSprites.png);
	background-repeat: no-repeat;
	background-position: right -330px;
	padding-right: 17px;
	zoom: 1; /* IE Fix */
}

/* for IE6.  No attribute selectors so javascript adds class.  Plus,
   needs gif instead of png. */
a.mail_link {
	background-image: url(../images/IconArrowSprites.gif);
	background-repeat: no-repeat;
	background-position: right -330px;
	padding-right: 17px;
	zoom: 1; /* IE Fix */
}

/** pdf link **/
a[href$=".pdf"], a[href$=".PDF"] {
	background-image: url(../images/IconArrowSprites.png);
	background-repeat: no-repeat;
	background-position: right -210px;
	padding-right: 19px;
	zoom: 1; /* IE Fix */
}

/* for IE6.  No attribute selectors so javascript adds class.  Plus,
   needs gif instead of png. */
a.pdf_file_link{
	background-image: url(../images/IconArrowSprites.gif);
	background-repeat: no-repeat;
	background-position: right -210px;
	padding-right: 19px;
	zoom: 1; /* IE Fix */
}

/** Word doc link **/
a[href$=".doc"], a[href$=".DOC"] {
	background-image: url(../images/IconArrowSprites.png);
	background-repeat: no-repeat;
	background-position: right -370px;
	padding-right: 19px;
	zoom: 1; /* IE Fix */
}

/* for IE6.  No attribute selectors so javascript adds class.  Plus,
   needs gif instead of png. */
a.doc_file_link {
	background-image: url(../images/IconArrowSprites.gif);
	background-repeat: no-repeat;
	background-position: right -370px;
	padding-right: 19px;
	zoom: 1; /* IE Fix */
}

/** audio file **/
a[href$=".wma"], a[href$=".WMA"], a[href$=".mp3"], a[href$=".MP3"] {
	background-image: url(../images/IconArrowSprites.png);
	background-repeat: no-repeat;
	background-position: right -410px;
	padding-right: 17px;
	zoom: 1; /* IE Fix */
}

/* for IE6.  No attribute selectors so javascript adds class.  Plus,
   needs gif instead of png. */
a.audio_file_link {
	background-image: url(../images/IconArrowSprites.gif);
	background-repeat: no-repeat;
	background-position: right -410px;
	padding-right: 17px;
	zoom: 1; /* IE Fix */
}


/***********************************************
 *  Layout
 ***********************************************/
 
/****** Background ******/

body {
	background-image: url(../images/BackgroundCropped.jpg);
}

/****** Page Border ******/

#page_wrapper {
	width: 937px;
	margin: auto;
	margin-top: 5px;
}

.pw_top_slice {
	background: no-repeat url(../images/BorderSprites.jpg) left top;
}

.pw_middle_slice {
	background: repeat-y url(../images/BorderSprites.jpg) -971px top;
}

.pw_bottom_slice {
	background: no-repeat url(../images/BorderSprites.jpg) -1941px bottom;
}

/****** Header ******/

/* The following (heading) allows for hover over linking of the header image */
/* This is like an image map, but in CSS */
#heading, #home_heading {
	position: relative;
	top: 10px;
	left: 10px;
	width: 918px;
	height: 166px;
	background: url(../images/ImageSprites.jpg) no-repeat 0px -309px;
	margin-bottom: 10px;
}

#home_heading {
	background: url(../images/ImageSprites.jpg) no-repeat 0px -109px;
}

#heading ul, #home_heading ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#heading a, #home_heading a {
	position: absolute;
	text-indent: -1000em; /* make sure the text doesn't show up */
	border: none;
	background: none;
}

#heading .home a, #home_heading .home a {
	top: 1px;
	left: 12px;
	height: 158px;
	width: 126px;
}

#home_heading .call_equip_send a {
	top: 40px;
	left: 776px;
	height: 95px;
	width: 100px;
}

/* This causes the link area to be highlighted when hovered over */
#heading a:hover, #home_heading a:hover {
	background-color: #000000;
	opacity: .15;
	filter: alpha(opacity = 15); /* for IE */
}
/* end heading image mapping */

#print_heading {
	display: none;
}

#header, #home_header {
	position: absolute;
	top: 5px;
	width: 780px;
	height: 166px;
	margin-left: 148px;
	padding-top: 10px;
	z-index: 1;
}

#home_header {
	height: 35px;
}

#header a, #home_header a {
	color: #ffffff;
	border: none;
	background: none;
	padding: 0;
}

#header a:hover, #header a:active, #home_header a:hover, #home_header a:active {
	background-color: #000000;
}

/* The h1 header is just there for browsers not using CSS and not seeing the image */
#header h1, #home_header h1 {
	text-indent: -1000em; /* make sure the text doesn't show up */
	font-size: .01em;
}

/****** Top Menu Styling ******/
#top_menu {
	float: right;
	display: inline; /* Keeps IE6 from doubling right margin*/
	margin-right: 15px;
	margin-top: 10px;
}

#top_menu ul {
	display: inline;
	vertical-align: middle;
	float: right;
	margin-top: 5px;
}

#top_menu ul li {
	display: inline;
	margin-right: 12px;
	vertical-align: middle;
	color: #ffffff;
}

#login_link {
	color: #ffffff;
}

#top_menu span.login_success {
	color: #00c800;
}

/****** Search ******/
#search {
	display: inline;
	vertical-align: middle;
	float: right;
}

#search div {
	display: inline;
}

#search .searchbox {
	background: url(../images/ImageSprites.jpg) no-repeat -110px 0px;
	border: none;
	height: 22px;
	width: 131px;
	font-size: 1.2em;
	padding-left: 5px;
	margin-right: -10px;
	vertical-align: middle;
}

#search .searchsubmit {
	vertical-align: middle;

}

/****** Bread Crumb Styling ******/

#bread_crumbs {
	clear: right;
	float: right;
	display: inline; /* Keeps IE6 from doubling right margin */
	margin-top: 53px;
	margin-right: 15px;
	color: #ffffff;
	font-size: .9em;
}

#bread_crumbs a {
	border-bottom: 1px dotted #4d4d4d;
}

#bread_crumbs a:visited{
	border-bottom-style: dashed;
}

/****** Navigation ******/
#home_navigation_wrapper {
	display: none;
}

#navigation_wrapper {
	position: absolute;
	top: 133px;
	margin-left: 159px;
	float: left;
	z-index: 6;
}

#navigation {
	float: left;
	width: 764px;
}

#navigation a {
	border: none;
}

#navigation ul {
	list-style: none;
	margin-left: 0;
}

#navigation ul ul {
	margin-top: 0;
	margin-left: 0;
}

#navigation li {
	float: left;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	text-align: center;
	margin-bottom: 0;
}

/* controls color of non-active top level menu elements*/
#navigation li a {
	color: #d8d8d8;
}

#navigation li {
	font-size:  .9em;
}

#navigation li li {
	font-size: 1em;
}

/* Controls the color of the hovered over top level menu elements */
#navigation li a:hover, #navigation li a:active {
	border-bottom: none;
	background-color: transparent;
	color: #ffffff;
}

#navigation li:hover {
	background-color: #657785;
}

#navigation li.highlight {
	background-color: #657785;
}

/* Controls the color of active top menu element*/
#navigation li.act a, #navigation li.act {
	font-weight: bold;
	color: #ffffff;
}

/* Controls the color of the non-active lower level menu elements of the active top level element */
#navigation li.act li a {
	font-weight: normal;
	color: #e8e8e8;
} 

/* Controls the color of the hovered over lower level menu elements */
#navigation li li a:hover, #navigation li li a:active {
	color: #ffffff;
}

/* Controls the color of the active 2nd level menu element */
#navigation li.act li.act a, #navigation li.act li.act {
	font-weight: bold;
	color:  #ffffff;
} 

/* Controls the color of the pull down menu elements of the active 2nd level menu entry. */
#navigation li.act li.act li a, #navigation li.act li.act li {
	font-weight: normal;
	color: #f4f4f4;
}

/* Controls the color of the hovered over pull down menu elements of the active 2nd level menu entry. */
#navigation li.act li.act li a:hover, #navigation li.act li.act li a:active {
	font-weight: normal;
	color: #ffffff;
}

#navigation li ul {
	display: none;
	position: absolute;
	top: 20px;
	left: 0;
	float: left;
	width: 756px;
	background: #647785;
}

/* Controls the color of the non-active 2nd level menu elements of the non-active top level element */
#navigation li li a {
	color: #e8e8e8;
}

/* Controls the color of the pull down menu elements of the non active 2nd level menu entries */
#navigation li li li a {
	color: #f4f4f4;
}

#navigation li.act ul {
	display: block;
}

#navigation li li {
	position: relative;
	padding-left: 6px;
	padding-right: 10px;
}

#navigation li li ul {
	display: none;
	visibility: hidden;
	width: 157px;
	top: 20px;
	left: 5px;
	float: left;
	padding-left: 0;
	background: url(../images/DropShadowSprites.png) no-repeat 0px 100%;
	padding-bottom: 7px;
}

/* Styles drop down menus */
#navigation li li li {
	float: left; /* Fixes extraneous left margin in IE7 */
	text-align: left;
	padding-left: 3px;
	height: 100%;
	background: #919ba3;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 137px;
}

#navigation li li ul>li + li {
	border-top: 1px solid #e0e0e0;
}

/* for IE which can't handle the above selector, class added by js */
#navigation li li li.latter_entry {
	border-top: 1px solid #e0e0e0;
}

#navigation li li li li {
	border-left: 1px solid #e0e0e0;
	width: 136px;
}

#navigation li li li ul {
	top: 5px;
	left: 100%;
}

#navigation li li.menu_top_parent {
	padding-right: 18px;
}

#navigation li li.menu_top_parent:hover {
	background-color: #7e8b96;
}

#navigation li li.menu_top_parent span.down_arrow {
	width: 10px;
	height: 12px;
	position: absolute;
	background-image: url(../images/IconArrowSprites.png);
	background-repeat: no-repeat;
	background-position: right -485px;
}

#navigation li li.menu_lower_parent {
	background-color: #919ba3;
	background-image: url(../images/IconArrowSprites.png);  
	background-repeat: no-repeat;
	background-position: right -444px;
}

/* background image info in following staza is necessary 
   to keep arrow from disapearing when hovered over.  It wouldn't
   seem necessary since it should inherit from above stanza but is. */
#navigation li li.menu_lower_parent:hover {
	background-color: #7e8b96;
	background-image: url(../images/IconArrowSprites.png);
	background-repeat: no-repeat;
	background-position: right -444px;
}

#navigation li li:hover {
	background: #7e8b96;
}

/* this must go below the li li.menu_[top|lower]_parent items */
#navigation li li.highlight { 
	background: #7e8b96;
}

/****** Login ******/

#login_wrapper {
	float: left;
	/*display: inline;*/ /* Keeps IE6 from doubling left margin */
	display: none; /* only show when JS is enabled */
	margin-left: 13px;
	margin-top: 3px;
	margin-bottom: 7px;
}

.c_top_slice {
	float: left;
	background: url(../images/BorderSprites.jpg) no-repeat -2911px top;
}

.c_bottom_slice {
	float: left;
	background: url(../images/BorderSprites.jpg) no-repeat -4791px bottom;
}

.c_middle_slice {
	background: url(../images/BorderSprites.jpg) repeat-y -3851px top;
}

#login {
	width: 880px;
	float: left;
	display: inline; /* Makes things work right in IE6 */
	margin: 3px 10px 5px 20px;
}

#login h3 {
	float: left;
	margin: 8px 10px 10px 0;
}

#login p {
	float:  left;
	margin: 10px 10px 0 10px;
	max-width: 230px;
}

#login .login_failure {
	color: #ff3524;
}

#login form p {
	margin-top: 0;
}

#login form p input[type=submit] {
	margin-top: 10px;
	margin-bottom: 10px;
}

#login form p label {
	font-size: .9em;
}

/************ Begin Common Page Content Styling ************/
#main_content ul, #secondary_content ul, #content ul, 
#main_content ol, #secondary_content ol, #content ol {
	margin-top: 8px;
}
/************ End Common Page Content Styling ************/



/************ Begin Generic Page Specific Styling ************/
/****** Main Content ******/

#main_wrapper {
	float: left;
	display: inline; /* Keeps IE6 from doubling left margin */
	width: 680px;
	margin-left: 13px;
	margin-top: 3px;
}

.mc_top_slice {
	float: left;
	background: url(../images/BorderSprites.jpg) no-repeat -5731px top;
}

.mc_bottom_slice {
	float: left;
	background: url(../images/BorderSprites.jpg) no-repeat -7171px bottom;
}

.mc_middle_slice {
	background: url(../images/BorderSprites.jpg) repeat-y -6451px top;
}

#main_content_wrapper {
	/* min-height: 400px; */ /* seems to mess up js height adjustmt */
	float: left;
	display: inline; /* Makes things work right in IE6 */
	margin: 8px 10px 10px 10px;
}

#main_content_header {
	color: #000000;
	border-bottom: 1px solid #000000;
	margin-bottom: 10px;
	padding-bottom: 4px;
    float: left;
	width: 658px;
}

#main_content {
	width: 660px;
	clear: both;
}

/* The following will keep a long heading out of the text resize   area. */
#main_content_header h2 {
	width: 610px;
}

/* Increase the line spacing slightly */
/*#main_content p, #main_content>ol>li, #main_content>ul>li {*/
#main_content p, #main_content li {
	line-height: 1.45em; /* default is 1.325 */
}

/****** Text Resize ****/
#text_resize {
	float: right;
	margin-top: 2px;
	font-size: 1em;
}

#text_resize a, #text_resize a:visited {
	color: #b2b2b2;
	border: none;
}

#text_resize .selected {
	text-decoration: underline;
}

#text_resize #normal_text {
	font-size: .85em;
}

#text_resize #large_text {
	font-size: 1.1em;
}

#text_resize #largest_text {
	font-size: 1.25em;
}

/****** Sidebar ******/

#sidebar {
	float: right;
	width: 233px;
}

.sb_top_slice {
	background: url(../images/BorderSprites.jpg) no-repeat -7881px top;
}

.sb_bottom_slice {
	background: url(../images/BorderSprites.jpg) no-repeat -8381px bottom;
}

.sb_middle_slice {
	background: url(../images/BorderSprites.jpg) repeat-y -8131px top;
}

/****** Lower Menu Styling ******/

#lower_menu_wrapper {
	width: 219px;
	margin-top: 3px;
	margin-bottom: 10px;
}

#lower_menu {
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 8px;
	padding-bottom: 10px;
}

#lower_menu ul {
	margin-left: 0;
	list-style-type: none;
}

#lower_menu ul ul {
	margin-top: 0;
	margin-left: 0;
}

/* This causes nested lists to indent and causes wrapped lines to indent */
#lower_menu li {
	margin-bottom: 0;
	text-indent: -10px;
	padding-left: 10px;
}

/* This hides menu elements that shouldn't be displayed */
#lower_menu li.hidemenu {
	display: none;
}

/* This makes the list item of the first list that is displayed appear like a heading */
#lower_menu li.submenu>a {
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.45em;
}
#lower_menu a.lower_menu_head {  /*repeat of above for ie6 */
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.45em;
}

/* Places a margin between the heading and the list */
#lower_menu li.submenu>ul {
	margin-top:  7px;
}
#lower_menu ul.lower_menu_list { /*repeat of above for ie6 */
	margin-top:  7px;
}

/* Removes link coloring and underlining.  This isn't needed in a menu*/
#lower_menu li a {
	color: #383838;
	border-bottom: none;
}

/* The following adds an arrow to the left of the active list entries. */
#lower_menu li.act {
	margin-left: -9px;
	padding-left: 19px;
	/*background: top left no-repeat url(../images/FilledArrow12.gif);*/
	background-image: url(../images/IconArrowSprites.png);
	background-repeat: no-repeat;
	background-position: -10px -527px;
}

/* The following stanzas bold the active menu items.  This turning on and
   turning off is required so only the active item is bolded and not its
   children.  Note that this only goes 5 levels deep. Also note that this
   could probably be done for any number of levels with more advanced 
   selectors, but that wouldn't work in IE6. */ 
#lower_menu li.act a, #lower_menu li.act {
	font-weight: bold;
}
#lower_menu li.act li a {
	font-weight: normal;
}
#lower_menu li.act li.act a{
	font-weight: bold;
}
#lower_menu li.act li.act li a {
	font-weight: normal;
}
#lower_menu li.act li.act li.act a {
	font-weight: bold;
}
#lower_menu li.act li.act li.act li a {
	font-weight: normal;
}
#lower_menu li.act li.act li.act li.act a {
	font-weight: bold;
}
#lower_menu li.act li.act li.act li.act li a {
	font-weight: normal;
}
#lower_menu li.act li.act li.act li.act li.act a {
	font-weight: bold;
}


/****** Secondary Content ******/

#secondary_content_wrapper {
	width: 219px;
	margin-top: 3px;
}

#secondary_content {
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 1px;
	padding-bottom: 10px;
}
/************ End Generic Page Specific Styling ************/

/************ Begin Shared Home, Ministry Page, and Wide Generic Specific Styling ************/
#content_wrapper {
	float: left;
	display: inline; /* Keeps IE6 from doubling left margin */
	width: 910px;
	margin-left: 13px;
	margin-top: 3px;
}
/************ End Shared Home, Ministry Page, and Wide Generic Specific Styling ************/

/************ Begin Wide Generic Page Specific Styline ***********/
#content_wrapper #main_content_wrapper {
	width: 890px;
}

#content_wrapper #main_content_header {
	width: 890px;
}

#content_wrapper #main_content {
	width: 890px;
}

/* The following will keep a long heading out of the text resize   area. */
#content_wrapper #main_content_header h2 {
	width: 842px;
}
/************ End Wide Generic Page Specific Styline ***********/

/************ Begin Home Page Specific Styling ************/
#home_content {
	width: 910px;
}

#home_content p {
	line-height: 1.6em; /* default is 1.325 */
}

#home_headline {
	float: right;
	width: 668px;
	margin-top: 9px;
}

#home_headline ul {
	list-style-type: none;
	position: relative; /* needed for WK to make abs pos li's relative to list instead of page */
	margin-left: 0px;
}

#home_headline li {
	position: absolute;
}

#home_headline ul>li {
	display: none;
}

#home_headline ul>li:first-child {
	display: block;
}

/*
#home_headline ul>a:first-child+li {
	display: block;
}
*/

/* note that following 2 selectors needs the div, ul, & li mentioned to make them more specific */
/* than the 3 selectors above so the classes added by the javascript will have the needed effect*/
div#home_headline ul li.home_headline_hidden {
	display: none;
}

div#home_headline ul li.home_headline_visible {
	display: block;
}

#home_headline li span.background {
	background-image: url(../images/DropShadowSprites.png);
	background-repeat: no-repeat;
	background-position: -191px 0px;
	position: absolute;
	z-index: 1;
	width: 663px;
	height: 313px;
}

#home_headline li span.heading_bg {
	width: 663px;
	height: 35px;
	top: 234px;
	position: absolute;
	background: url(../images/DropShadowSprites.png) no-repeat -190px -670px;
	/*background: #031246;
	opacity: .6;
	filter: alpha(opacity = 60);*/ /* for IE */
}

#home_headline li span.heading {
	padding-left: 23px;
	top: 230px;
	font-size: 2.6em;
	color: #ffffff;
	position: absolute;
	z-index: 1;
}

#home_headline li span.second_heading_bg {
	width: 663px;
	height: 22px;
	top: 269px;
	position: absolute;
	background: url(../images/DropShadowSprites.png) no-repeat -190px -750px;
	/*background: #ffffff;
	opacity: .5;
	filter: alpha(opacity = 50);*/ /* for IE */
}

#home_headline li span.second_heading {
	padding-left: 23px;
	top: 267px;
	font-size: 1.5em;
	color: #000000;
	position: absolute;
	z-index: 1;
}

#home_headline a {
	cursor: pointer; /* Needed due to an IE (6&7) bug. IE won't show hand cursor without this */
}

#home_headline a:hover .heading_bg, #home_headline a:active .heading_bg {
	/*opacity: .75;*/
	/*filter: alpha(opacity = 75);*/ /* for IE */
	background: url(../images/DropShadowSprites.png) no-repeat -190px -830px;
}

#home_headline li img {
	margin-left: 2px;
	width: 657px;
	height: 309px;
}

#home_headline .controls_wrapper {
	z-index: 1;
	position: relative;
	top: 291px;
	height: 22px;
}

#home_headline .controls_wrapper .controls {
	float: right;
	padding-right: 20px;
	height: 15px;
	overflow: hidden;
	position: relative; /* Fixes IE bug that caused other relative content not to honor overflow setting*/
}

#home_headline .controls_content {
	height: 15px;
	position: relative;
	top: 15px;
	background-color: #252525;
	width: 95px;
}

#home_headline .controls_content .counts {
	float: left;
	color: #ffffff;
	padding: 0 5px 0 5px;
}

#home_headline .controls_content a {
	height: 15px;
	float: left;
	width: 20px;
}

#home_headline .controls_content a:hover {
	background-color: #000000;
	border: none;
}

#home_headline .controls_content a.next {
	background-image: url(../images/IconArrowSprites.png);
	background-repeat: no-repeat;
	background-position: 1px -128px;
}

#home_headline .controls_content a.previous {
	background-image: url(../images/IconArrowSprites.png);
	background-repeat: no-repeat;
	background-position:  1px -168px;
}

#home_headline .controls_content a.play {
	background-image: url(../images/IconArrowSprites.png);
	background-repeat: no-repeat;
	background-position:  -1px -48px;
}

#home_headline .controls_content a.pause {
	background-image: url(../images/IconArrowSprites.png);
	background-repeat: no-repeat;
	background-position:  -1px -88px;
}

.home_buttons {
	float: left;
}

#home_buttons_vertical {
	margin-top: 9px;
}

.home_buttons ul {
	width: 228px;
	margin-left: 8px;
	list-style-type: none;
	position: relative; /* needed for WK to make abs pos li's relative to list instead of page */
}

.home_buttons li {
	position: relative; /* needed for WK to make abs pos li's relative to list instead of page */
	/* height and width needed so span.background says w/in li element in IE */
	width: 228px;    
	height: 153px;
}

#home_buttons_vertical ul {
	width: 200px;
}

#home_buttons_horizontal ul {
	width:  705px;
}

#home_buttons_vertical li {
	margin-bottom: 6px;
}

#home_buttons_horizontal li {
	margin-top: 1px;
	margin-bottom: 3px;
	margin-right: 7px;
	float: left;
}

.home_buttons li span.background {
	width: 228px;
	height: 153px;
	position: absolute;
	background-image: url(../images/DropShadowSprites.png);
	background-repeat: no-repeat;
	background-position: -190px -349px;
	z-index: 1;
}

.home_buttons li span.heading_bg {
	width: 222px;
	height: 35px;
	position: absolute;
	background: #031246;
	opacity: .6;
	filter: alpha(opacity = 60); /* for IE */
}

.home_buttons li span.lower_heading_bg {
	width: 222px;
	height: 27px;
	position: absolute;
	background: #031246;
	opacity: .6;
	filter: alpha(opacity = 60); /* for IE */
	left: 0px;
	bottom: 0px;
}

.home_buttons li span.heading {
	padding-top: 5px;
	padding-left: 10px;
	font-size: 1.55em;
	color: #ffffff;
	position: absolute;
	z-index: 1;
}

.home_buttons li span.lower_heading {
	padding-bottom: 10px;
	padding-left: 13px;
	color: #ffffff;
	position: absolute;
	z-index: 1;
	left: 0px;
	bottom: 0px;
}

.home_buttons li span.lower_heading a {
	color: #ffffff;
	text-decoration: none;
}

.home_buttons li span.lower_heading a:hover, .home_buttons li span.lower_heading a:active {
	background-color: #000000;
}

/*
.home_buttons li span.lower_heading a:visited {
	border-bottom: 1px dashed #848484;
}
*/

.home_buttons li img {
	padding-left: 1px;
	width: 221px;
	height: 146px;
}

.home_buttons a, .home_buttons a:visited {
	border: none;
	cursor: pointer; /* Needed due to an IE (6&7) bug. IE won't show hand cursor without this */
}

.home_buttons a:hover, .home_buttons a:active {
	background: none;
}

.home_buttons a:hover .heading_bg, .home_buttons a:active .heading_bg {
	opacity: .85;
	filter: alpha(opacity = 85); /* for IE */
}


#vpc_info {
	width: 180px;
	float: right;
	display: inline; /* Keeps IE6 from doubling right margin*/
	margin-right: 10px;
	margin-top: 0px;
	font-size: .9em;
	background: url(../images/ImageSprites.jpg) no-repeat +102px +68px;
	margin-bottom: 10px;
	height: 146px;
}

#vpc_info p {
	margin-top: 7px;
	margin-bottom: 17px;
	position: relative;
}

a#PCUSA_link {
	position: absolute;
	display: block;
	background: none;
	border: none;
	top: -18px;
	left: 99px;
	height: 82px;
	width: 82px;
	padding: 0;
	text-indent:  -1000em;
}

a#PCUSA_link:hover {
	background: #000000;
	opacity: .03;
	filter: alpha(opacity = 3); /* for IE */
}

/************ End Home Page Specific Styling ************/


/************ Begin Ministry Page Specific Styling ************/
/****** Content ******/

/****** Highlight Area (for highlight graphical buttons) ******/
#highlight_area {
	float: left;
	width: 183px;
	margin-top: 9px;
}

#highlight_area ul {
	margin-left: 8px;
	list-style-type: none;
	position: relative; /* needed for WK to make abs pos li's relative to list instead of page */
}

#highlight_area li span.background {
	width: 173px;
	height: 118px;
	position: absolute;
	background-image: url(../images/DropShadowSprites.png);
	background-repeat: no-repeat;
	background-position: -190px -529px;
	z-index: 1;
}

#highlight_area li span.heading_bg {
	width: 170px;
	height: 31px;
	position: absolute;
	background: #031246;
	opacity: .6;
	filter: alpha(opacity = 60); /* for IE */
}

#highlight_area li span.heading {
	padding-top: 4px;
	padding-left: 10px;
	font-size: 1.4em;
	color: #ffffff;
	position: absolute;
	z-index: 1;
}

#highlight_area li img {
	width: 167px;
	height: 111px;
}

#highlight_area a, #highlight_area a:visited {
	border: none;
	cursor: pointer; /* Needed due to an IE (6&7) bug. IE won't show hand cursor without this */
}

#highlight_area a:hover, #highlight_area a:active {
	background: none;
}

#highlight_area a:hover .heading_bg, #highlight_area a:active .heading_bg {
	opacity: .85;
	filter: alpha(opacity = 85); /* for IE */
}

/****** Content Area ******/
#content_area {
	float: right;
	width: 712px;
	padding-left: 5px;
	padding-right: 10px;
}

/****** Content Header ******/
#content_header {
	float: left;
	width: 710px;
	margin-top: 5px;
	padding-bottom: 1px;
	border-bottom: 1px solid black;
	color: #000000;
}

#content_header h2 {
	float: left;
	width: 382px;
	margin-right: 10px;
}

#content_top_menu {
	float: left;
	margin-top: 4px;
	/*width: 250px;*/
	width: 273px;
}

#content_top_menu ul {
	list-style-type: none;
	/* float: left;*/
	float: right;
	margin: 0;
}

#content_top_menu li {
	float: left;
	/*margin-right: 15px;*/
	margin-left:5px;
	margin-right: 10px;
}

#content_top_menu a {
	display: block;
	float: left;
	margin-left:5px;
}

#content_top_menu li a {
	margin-left: 0;
}

/****** Focus Picture ******/
.pic_border_tl {
	background: top left no-repeat url(../images/PictureBorderTopLeft.jpg);
}
.pic_border_tr {
	background: top right no-repeat url(../images/PictureBorderTopRight.jpg);
}
.pic_border_bl {
	background: bottom left no-repeat url(../images/PictureBorderBottomLeft.jpg);
}
.pic_border_br {
	background: bottom right no-repeat url(../images/PictureBorderBottomRight.jpg);
}

#content_focus_pic_wrapper {
	float: right;
	display: inline; /* Keeps IE6 from doubling right margin*/
	margin-top: 10px;
	margin-right: -7px;
	margin-left: 10px;
}

#content_focus_pic_wrapper img {
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 12px;
}

/* Fix for inconsistency between IE and FF/WK browsers */
#content_area .margin_fix {
	clear: both;
	height: 0px;
	font-size: 0; /* necessary for IE6 which won't take a ht of 0 */
}

#content p, #content li {
	line-height: 1.45em; /* default is 1.325 */
}

/****** Extra styling for ministry area with side content template ******/
#ministry_sidebar {
	float: right;
	clear: right;
	width: 198px;
	/*width: 302px;*/
	padding: 10px;
	margin-left: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #7e8b96;
	background-color: #e8e8e8;
}

/****** Footer Styling ******/

#footer {
	clear: both;
	padding-top: 4px;
	padding-bottom: 14px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: .85em;
	color: #000000;
	height: 13px;
}

#footer-left {
	float: left;
}

#footer-center {
	text-align: center;
	display: block;
}

#footer-right {
	float: right;
}

#footer a {
	border-bottom: none;
	color: #000000;
	background: none;
	padding: 0;
}

#footer a:visited {
	border-bottom: none;
}

#footer a:hover, #footer a:active {
	background-color: #d0d0d0;
}


/***********************************************
 *  Interior Object Styling
 ***********************************************/

/****** Hidden Content Message Styling ******/

div.hidden_message {
	margin-top: 10px;
	margin-left: 54px;
	padding: 10px;
	width: 530px;
	background-color: #e8e8e8;
	border: 1px solid #7e8b96;
	clear: both;
}

#content_wrapper #main_content div.hidden_message {
	margin-left: 170px;
}

#content_wrapper #content div.hidden_message {
	margin-left: 80px;
}


/****** Two Column Styling ******/

div.two_columns {
	float: left;
	width: 660px;
	margin-bottom: 15px;
}

div.two_columns .overall_header {
	text-align: center;
	background-color: #e6e6e6;;
	margin: 0;
	margin-bottom: 4px;
}

div.two_columns div.left_column, div.two_columns div.right_column {
	float: left;
	width:  45%;
	margin-left: 10px;
	margin-right: 10px;
}

div.two_columns div.left_column {
	margin-left: 20px;
}

div.two_columns .left_column_header, div.two_columns .right_column_header {
	font-size: 1.3em;
	background-color: #e6e6e6;;
	margin: 0;
}

div.two_columns .left_column_header, div.two_columns .right_column_header,
div.two_columns .bodytext {
	padding-left: 10px;
	padding-right: 5px;	
}

/* reduce extreneous white space at top when no headings are present */
div.two_columns p.bodytext {
	margin-top: 0px;
}


/****** Abstract List Styling ******/

.abstract_menu {
	float: left;
	clear: both;
}

.abstract_menu .abstract_entry {
	width: 313px;
	float: left;
	display: inline; /* Keeps IE6 from doubling left margin */
	margin-right: 15px;
	padding-bottom: 13px;
}

.abstract_menu .abstract_logo {
	margin-bottom: 15px;
	margin-top: 12px;     
	margin-right: 12px; 
	float: left;
}

.abstract_menu .abstract_title {
	font-weight: bold;
	margin-top: 8px;
}

.abstract_menu .abstract_text {
	margin-top: 6px;
	width: 219px;
	float: left;
}


/****** Forms Styling ******/

fieldset.csc-mailform label {
	width: 200px;
	display: block;
	float: left;
	clear: both;
	margin-top: 12px;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 5px;
}

fieldset.csc-mailform input, fieldset.csc-mailform textarea, fieldset.csc-mailform select, fieldset.csc-mailform fieldset {
	float: left;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
}

fieldset.csc-mailform input.csc-mailform-submit {
	clear: both;
	margin-left: 15px;
	margin-bottom: 15px;
}

fieldset.csc-mailform div.csc-mailform-label {
	clear: both;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
}

fieldset.csc-mailform div.csc-mailform-radio {
	float: left;
}

fieldset.csc-mailform div.csc-mailform-radio label {
	clear: none;
	float: left;
	width: auto;
}

fieldset.csc-mailform div.csc-mailform-radio input {
	float: left;
}


/****** Picture Styling ******/

/* Styling for picture captions */
dd.csc-textpic-caption {
	font-size: .9em;
	font-family: Arial, Arial, Helvetica, sans-serif;
}

/* Remove any link styling from links associated with images */
.csc-textpic-imagewrap a, .csc-textpic-imagewrap a:visited, .csc-textpic-imagewrap a:hover {
	background: none;
	padding: none;  /* needs fixing*/
	border: none;
}

/* Adds a small margin above images */
.csc-textpic-imagewrap, .csc-textpic-imagerow {
	margin-top: 8px !important;
}

/****** Site Menu Styling ******/
#site_menu{
	display: none;
	width: 800px;
	position: absolute;
	top: 50px;
	padding-top: 8px;
	border: 2px solid #000000;
	background:  #ffffff;
	z-index: 201;
}

#site_menu ul a, #sitemap ul#menuList a {
	border: none;
	color: #383838;
}

#site_menu ul {
	margin: 25px 0 0 20px;
}

#site_menu ul li, #sitemap ul#menuList li {
	float: left;
	width: 191px;
	list-style: none;
	font-size: 1.15em;
	font-weight: bold;
}

#site_menu ul ul, #sitemap ul#menuList ul {
	float: left;
	margin-left: 0;
	margin-top: 8px;
	padding-bottom: 15px;
	width: 180px;
}

#site_menu ul ul li, #sitemap ul#menuList ul li {
	font-size: .9em;
	font-weight: normal;
	width: 178px;
}

.site_menu_row {
	clear: left;
}

#site_menu_close {
	clear: left;
	float: right;
	margin-right: 20px;
	margin-bottom: 10px;
}

#site_menu_close a {
	padding-right: 18px;
	background-image: url(../images/IconArrowSprites.png);
	background-repeat: no-repeat;
	background-position:  right -7px;
	border: none;
	color: #383838;
}

#site_menu_background {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	background-color: #000000;
	opacity: 0.01;
	/*filter: alpha(opacity = 1);*/ /* for IE */
	z-index: 200;
}

#sitemap ul#menuList {
	float: left;
	margin-left: 68px;
	display: inline; /* Keeps IE6 from doubling right margin*/
}

/****** File Upload Styling ******/
div.tx-fileupload-pi1 p {
	font-size: 1.5em;
	font-weight: bold;
}

div.tx-fileupload-pi1 p.pass {
	color: #00C800;
}

div.tx-fileupload-pi1 p.error {
	color: #ff3524;
}

/****** Paypal Styling ******/
ul.paypal_purchase_list {
	list-style-image: none;
	list-style-type: none;
	padding-bottom: 10px;
	margin-left: 20px;
	float: left;
	width: 630px;
	display: inline; /* Keeps IE6 from doubling right margin*/
}

ul.paypal_purchase_list li {
	clear: left;
	float: left;
	padding: 10px 5px;
	border-bottom: 1px solid #9a9a9a;
	width: 610px;
}

ul.paypal_purchase_list li:first-child {
	border-top: 1px solid #9a9a9a;
}

ul.paypal_purchase_list li img {
	float: left;
}

ul.paypal_purchase_list li .paypal_info {
	float: left;
	width: 175px;
	margin-top: 35px;
}

ul.paypal_purchase_list li .paypal_info form {
	text-align: center;
}

ul.paypal_purchase_list li .paypal_info p {
	text-align: center;
}


ul.paypal_purchase_list li .description {
	float: left;
	width: 350px;
}


/****** social media links ******/
.social_media a {
	background: none; 
	padding-right: 0; 
	border: none;
}

#secondary_content .social_media {
	margin-top: 15px;
}

#secondary_content .social_media img {
	height: 34px;
}

#content_top_menu .social_media {
	padding-right: 10px;
	margin-left: 10px;
	vertical-align: top;
	/*border: 1px solid red;*/
	/*float: left;*/
	float: left;
}

#content_top_menu .social_media img {
	height: 24px;
}



.clear {
	clear: both;
}