@charset "utf-8";
/* CSS Document */


/* BEGIN PALETTE
dk blue: #00AEEF
med blue: #8DD8F8
lt blue: #C7EAFC
orange: #F99d1C
med orange: #FDC883
lt orange: #FDD9AB
dk green: #31B44B
med green: #B3DBAE
lt green: #D8ECD4
purple: #7A68AE
med purple: #AA96E3
lt purple: #ccc5e0
nav/header purple: #6C5B9C
lt grey: #D1D2D4
med grey: #98999C
dk grey: #515254
END PALETTE */ 

body {
	margin-top: 0px;
	font-family: "Times New Roman", Times, serif;
	color: #000000;
	background: url(../images/site-bkgd.jpg) repeat-x;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* BEGIN STRUCTURE */
#main-container {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
/* BEGIN SLIDESHOW */
#slideshow {
    position:relative;
    height:227px;
	width: 1000px;
}
#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow img.active {
    z-index:10;
    opacity:1.0;
}
#slideshow img.last-active {
    z-index:9;
}
/* END SLIDESHOW */
.left-column {
	width: 200px;
	height: auto;
	background: #D1D2D4;
}

.spacer-left {
	width: 2px;
	height: auto;
	background: url(../images/spacer-left.gif);
}

.center-column-green {
	width: 523px;
	background: #B3DBAE;
}

.center-column-grey {
	width: 523px;
	background: #D1D2D4;
}

.center-column-green-crossbg {
	width: 523px;
	background: url(../images/crossbg.png) #B3DBAE no-repeat left;
}

.center-column-purple {
	width: 523px;
	background: #ccc5e0;
}

.center-column-orange {
	width: 523px;
	background: #FDC883;
}


.center-column-blue {
	width: 523px;
	background: #8DD8F8;
}

.spacer-right {
	width: 4px;
	height: auto;
	background: url(../images/spacer-right.gif);
}

.right-column {
	width: 171px;
	height: auto;
	background: #98999C;
}

.right-column-purple {
	width: 171px;
	height: auto;
	background: #7A68AE;
}

.right-column-green {
	width: 171px;
	height: auto;
	background: #31B44B;
}

.right-column-blue {
	width: 171px;
	height: auto;
	background: #00AEEF;
}

.right-column-orange {
	width: 171px;
	height: auto;
	background: #F99d1C;
}

/* Below added by BF for Where We Are Page. Need lighter gray to display text. */
.right-column-lightgray {
	width: 171px;
	height: auto;
	background: #FBFBFB;
}

.right_column_text{
	width: 95%;
	margin-left:auto;
	margin-right:auto;
	padding-left: 5px;
	padding-right: 6px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#000000;
	text-decoration: none;
}

.float_right { 
    float: right; 
    margin-top: 0px; 
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
}

.float_img_left { 
    float: left;
    margin-top: 5px; 
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	border: 1px solid #666666;
}

.float_img_left_cross { 
    float: left;
	padding: 80px;
}

.float_img_right { 
    float: right; 
	margin-top: 10px; 
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	border: 1px solid #666666;
}
.imgage-border { 
	border: 1px solid #666666;
}
.float_personimg_left {
	float: left;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	border: 1px solid #666666;
}

.img_border {
	border: 1px solid #666666;
}	

/* END STRUCTURE */

/* BEGIN EXPLICIT HOMEPAGE STYLES */
.center-column-home {
	width: 698px;
	height: auto;
	background: #d5d1e8;
}

#page-content-home {
	width: 630px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

#page-content-home .page-header-purple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #6C5B9C;
}

#page-content-home .text {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000000;
	line-height: 20px;
	margin-top: 20px;
}
#page-content-home #video-container {
	width: 277px;
	height: 222px;
	float: left;
	margin: 5px 0 50px 0;
	padding: 0;
	background: #d5d1e8 url(../images/video-shadow.jpg) top right no-repeat;
}
#page-content-home #video-container .video {
	width: 260px;
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000000;
	margin: 0 15px 10px 0;
}

#page-content-home #video-container .text {
	width: 100%;
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 18px;
	color: #000000;
	margin: 0;
	padding: 0;
}

#learnmore {
	width: 415px;
	background: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 9px;
	margin-bottom: 5px;
	border: 1px solid #6C5B9C;
	margin-left: 5px;
	margin-right: 5px;
	padding-right: 0px;
}

#learnmore a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #6C5B9C;
	text-decoration: none;
}

#learnmore a:hover {
	color: #FFFFFF;
}

#learnmore_orange {
	width: 415px;
	background: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 9px;
	margin-bottom: 5px;
	border: 1px solid #F99d1C;
	margin-left: 5px;
	margin-right: 5px;
	padding-right: 0px;
}

#learnmore_orange a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #F99d1C;
	text-decoration: none;
}

#learnmore_orange a:hover {
	color: #F99d1C;
}

#learnmore_blue {
	width: 450px;
	background: #FFFFFF;
	margin-bottom: 10px;
	border: 1px solid #03a2de;
}

#learnmore_blue a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #03a2de;
	text-decoration: none;
	padding: 2px 0 2px 9px;
	display: block;
}

#learnmore_blue a:hover {
	color: #ffffff;
	background: #03a2de;
}

#vocation-resources {}
#vocation-resources .header {
	width: 442px;
	background: #F99d1C;
	margin: 15px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 0 2px 9px;
	border: 1px solid #FDD9AB;
}
#vocation-resources .sub-header {
	width: 442px;
	margin: 5px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
}

#vocation-resources ul {
	margin: 0px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
}
#vocation-resources ul li {
	list-style: none;
}
#vocation-resources ul li.list {
	list-style: url(../images/bullet.list.orange.bkgd.png);
	margin-left: 20px;
}
#vocation-resources ul a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#vocation-resources ul a:hover {
	text-decoration: underline;
}

#listtileframe {
	width: 415px;
	background: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	margin-bottom: 5px;
	border: 1px solid #00AEEF;
	margin-left: 5px;
	margin-right: 5px;
	padding-right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:center;
	color: #00AEEF;	
}

#listtext {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 30px;
	padding-right: 0px;
	margin-bottom: 5px;
}

#nav-container .nav-whatsnew-over a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
/* END EXPLICIT HOMEPAGE STYLES */


/* BEGIN PAGE CONTENT */
#page-content {
	width: 450px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
#page-content-wide {
	width: 620px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding: 0 39px 0 39px;
}

#page-content .page-header-purple, #page-content-wide .page-header-purple{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #7A68AE;
}

#page-content .page-header-green, #page-content-wide .page-header-green{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #31B44B;
}


#page-content .page-header-blue, #page-content-wide .page-header-blue{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #00AEEF;
}

#page-content .page-header-orange, #page-content-wide .page-header-orange{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #fa960a;
}
#page-content .page-header-sub-orange, #page-content-wide .page-header-sub-orange{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fa960a;
}
#page-content .page-header-sub-sub-orange, #page-content-wide .page-header-sub-sub-orange{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fa960a;
}

#page-content .text, #page-content-wide .text{
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000000;
	line-height: 22px;
	margin-top: 25px;
}

.accompanimentTable {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	text-align:center;
	line-height: 22px;
	margin-top: 25px;
}

/* END PAGE CONTENT */


/* BEGIN NAVIGATION */
#nav-container {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 15px;
	text-align: center;
}
#nav-container ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
#nav-container ul li {
	line-height: 26px;	
}
#nav-container ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #6C5B9C;
	text-decoration: none;
	display: block;
}
#nav-container ul li a:hover {
	color: #ffffff;
}
#nav-container ul li.selected a {
	color: #ffffff;
}
#nav-container ul li ul li {
	line-height: 19px;	
}
#nav-container ul li ul li.normal-line-height {
	line-height: 14px;	
}
#nav-container ul li ul li:hover {
	background: #ffffff;	
}
#nav-container ul li ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #515254;
	text-decoration: none;
	display: block;
}
#nav-container ul li ul li a:hover {
	color: #515254;
	background: #ffffff;
}
#nav-container ul li ul li a.selected {
	color: #515254;
	background: #ffffff;
}

/* BEGIN GREEN*/
#nav-container ul.green li.selected {
	background: #31B44B;
}
#nav-container ul.green li:hover {
	background: #31B44B;
}
#nav-container ul li ul.green li {
	background: #D8ECD4;
}
/* END GREEN */

/* BEGIN ORANGE */
#nav-container ul.orange li.selected {
	background: #F99d1C;
}
#nav-container ul.orange li:hover {
	background: #F99d1C;
}
#nav-container ul li ul.orange li {
	background: #FDD9AB;
}
/* END ORANGE */

/* BEGIN BLUE */
#nav-container ul.blue li.selected {
	background: #00AEEF;
}
#nav-container ul.blue li:hover {
	background: #00AEEF;
}
#nav-container ul li ul.blue li {
	background: #C7EAFC;
}
/* END BLUE */

/* BEGIN PURPLE */
#nav-container ul.purple li.selected {
	background: #6C5B9C;
}
#nav-container ul.purple li:hover {
	background: #6C5B9C;
}
#nav-container ul li ul.purple li {
	background: #AA96E3;
}
/* END PURPLE */

/* BEGIN WHATS NEW 
#nav-container ul.whats-new {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
}
#nav-container ul.whats-new li {
	width: 75%;
	background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #6C5B9C;
	line-height: 20px;
}
#nav-container ul.whats-new li:hover {
	background: #AA96E3;
}
#nav-container ul.whats-new li.selected {
	background: #AA96E3;
	color: #ffffff;
}

END WHATS NEW */

/* what's new sidebar container */
#nav-whatsnew-container {
	width: 90%;
	background: #EDEDED;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 15px auto -5px auto;
	border: 1px solid #6C5B9C;
}
#nav-whatsnew-container .title {
	text-align: center;
}
#nav-whatsnew-container .title a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #6C5B9C;
	text-decoration: none;
	text-align: center;
}
#nav-whatsnew-container ul {
	text-align: left;
	margin: 5px 0 0 0;
	padding: 0 10px 0 5px;
}
#nav-whatsnew-container li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6C5B9C;
	text-decoration: none;
	margin: 0 0 5px 0;
}
#nav-whatsnew-container a {
	text-decoration: none;
	color: #515254;
}
#nav-whatsnew-container a:hover {
	text-decoration: underline;
}
#nav-whatsnew-container .view-all {
	margin: 0 10px 0 0;
	float: right;
}
#nav-whatsnew-container .view-all a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #6C5B9C;
	text-decoration: none;
}
	/* CSS for the scrollers */
#nav-whatsnew-container	.vertical_scroller{
	position:relative;
	height:65px;
	width:auto;
	display:block;
	overflow:hidden;
	border:#CCCCCC 0px solid;
	padding: 0;
	margin: 5px 0 5px 0;
}
#nav-whatsnew-container	.scrollingtext{
	position:absolute;
	padding-left: 20px;
}
/* end what's new sidebar container */

#nav-container .sidebar-icons {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 15px;
	text-align: center;
}

/* ######### ALL NAV CODE BELOW IS OLD AS OF 04-19-2011 ######### */

/* what's new navigation 
#nav-container .nav-whatsnew {
	width: 75%;
	background: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	border: 1px solid #6C5B9C;
}

#nav-container .nav-whatsnew-over {
	width: 75%;
	background: #AA96E3;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	border: 1px solid #6C5B9C;
}

#nav-container .nav-whatsnew a:hover {
	color: #FFFFFF;
}

#nav-container .nav-whatsnew-over a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#nav-container .nav-whatsnew a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #6C5B9C;
	text-decoration: none;
}

 end what's new navigation */

#nav-container .nav {
	width: 100%;
	background: #D1D2D4;
	padding-top: 5px;
	padding-bottom: 5px;
}

#nav-container .nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #6C5B9C;
	text-decoration: none;
}

#nav-container .nav a:hover {
	color: #FFFFFF;
}

#nav-container .nav-green-over {
	width: 100%;
	background: #31B44B;
	padding-top: 5px;
	padding-bottom: 5px;
}

#nav-container .nav-green-over a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#nav-container .nav-orange-over {
	width: 100%;
	background: #F99d1C;
	padding-top: 5px;
	padding-bottom: 5px;
}

#nav-container .nav-orange-over a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#nav-container .nav-blue-over {
	width: 100%;
	background: #00AEEF;
	padding-top: 5px;
	padding-bottom: 5px;
}

#nav-container .nav-blue-over a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#nav-container .nav-purple-over {
	width: 100%;
	background: #7A68AE;
	padding-top: 5px;
	padding-bottom: 5px;
}

#nav-container .nav-purple-over a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

/* sub menu */

#nav-container .nav-sub-green {
	width: 100%;
	background: #D8ECD4;
	padding-top: 2px;
	padding-bottom: 2px;
}

#nav-container .nav-sub-green a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #515254;
	text-decoration: none;
}

#nav-container .nav-sub-orange {
	width: 100%;
	background: #FDD9AB;
	padding-top: 2px;
	padding-bottom: 2px;
}

#nav-container .nav-sub-orange a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #515254;
	text-decoration: none;
}

#nav-container .nav-sub-blue {
	width: 100%;
	background: #C7EAFC;
	padding-top: 2px;
	padding-bottom: 2px;
}

#nav-container .nav-sub-blue a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #515254;
	text-decoration: none;
}
/* end sub menu */


/* END NAVIGATION */


/* BEGIN FOOTER */
.left-column-footer {
	width: 200px;
	height: 18px;
	background: #D1D2D4;
}
.center-column-footer-green {
	width: 523px;
	height: 18px;
	background: #31B44B;
}
.footer-green-home {
	width: 698px;
	height: 18px;
	background: #31B44B;
}
.footer-orange-wide {
	width: 698px;
	height: 18px;
	background: #F99d1C;
}

.center-column-footer-purple {
	width: 523px;
	height: 18px;
	background: #7A68AE;
}

.center-column-footer-orange {
	width: 523px;
	height: 18px;
	background: #F99d1C;
}
.center-column-footer-blue {
	width: 523px;
	height: 18px;
	background: #00AEEF;
}
.right-column-footer {
	width: 171px;
	height: 18px;
	background: #98999C;
}
.center-column-footer-green .text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	float: left;
	margin-top: 2px;
	margin-left: 5px;
}
/* END FOOTER */

/* BEGIN MARVELOUS COMPANIONS */
.center-column-marv {
	width: 523px;
	background: #007DAC;
}
.center-column-footer-marv {
	width: 523px;
	height: 18px;
	background: #000000;
}

#page-content .page-header-marv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
#page-content .page-header-marv2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	color: #000000;
}
.marv-img {
	border: 1px solid #000000;
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-right: 4px;
}
.marv-thumb {
	border: 1px solid #000000;
	margin-right: 4px;
}
td .marv-link a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height:normal;
	margin-left: 0px;
}
.right-column-marv {
	width: 171px;
	height: auto;
	background: #028DC2;
}
.right-column-footer-marv {
	width: 171px;
	height: 18px;
	background: #000000;
}
/* END MARVELOUS COMPANIONS */

/* BEGIN MEET THE BROTHERS */
.thumb {
	border: 1px solid #F99d1C;
	margin-right: 4px;
}

.meet-img {
	border: 1px solid #F99d1C;
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-right: 4px;
}

.meet-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height:normal;
	margin-left: 0px;
}

.meet-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height:normal;
	margin-left: 0px;
}
/* END MEET THE BROTHERS */

dl {
	margin: 2px;
}

a:link, a:visited{
	color: #333333;
}

/* BEGIN WHATS NEW AND ARTICLE */
.text ul {
	padding: 0px;
	margin: 10px 0 0 18px;
}
li.whatsnewlist {
	font-size: 110%;
	list-style: url(../images/bullet.list.purple.bkgd.png);
}
li.whatsnewlist .title {
	font-weight: bold;
}
li.whatsnewlist .readmore {
	font-size: 12px;
	text-decoration: none;
}
li.whatsnewlist .readmore:hover {
	text-decoration: underline;
}
li.article {
	font-size: 110%;
	line-height: 16px;
	list-style: url(../images/bullet.list.blue.bkgd.png);
}
li.article .title {
	font-weight: bold;
}
li.article .readmore {
	font-size: 13px;
	float: left;
	margin: 5px 0;
	color: #747474;
	text-decoration: none;
}
li.article .readmore:hover {
	text-decoration: underline;
}
li.article .postedon {
	font-size: 90%;
	color: #747474;
	margin: 2px 0 5px;
}
.back a {
	width: 100%;
	float: left;
	margin: 5px 0 10px 0;
	font-size:13px;
	color:#747474;
}
#right-column-list {
	padding: 20px 20px;
}

li.archiveList {
	font-size: 100%;
	list-style: none;
}

.titleDisplay {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin-bottom: 0px;
}

.postedon {
	font-size: 90%;
	color: #747474;
}

/* END WHATS NEW AND ARTICLE */

li.ul_list_orange {
	margin: 0 0 0 -25px;
	font-size: 110%;
	list-style: url(../images/bullet.list.orange.bkgd.png);
}
li.ul_list_green {
	margin: 0 0 0 -25px;
	font-size: 110%;
	list-style: url(../images/bullet.list.green.bkgd.png);
}

.success {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #009900;
	/*ie hack */
  	min-height:25px;
  	height:auto !important;
  	height:25px;
	/*end ie hack */
}

.failed {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #de1919;
	/*ie hack */
  	min-height:25px;
  	height:auto !important;
  	height:25px;
	/*end ie hack */
}

/* BEGIN REFLECTIONS */
.reflections-column-purple {
	width: 694px;
	background: #ccc5e0;
}

.reflections-column-footer-purple {
	width: 694px;
	height: 18px;
	background: #7A68AE;
}

#reflections-page-content {
	width: 640px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}

#reflections-page-content .reflections-page-header-purple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #7A68AE;
}

#reflections-page-content .text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 16px;
	margin-top: 15px;
}

.reflections-title {
	font-weight: bold;
	font-size: 14px;
}

.reflections-title2 {
	font-weight: bold;
	font-size: 16px;
	color: #000000;
}

.comment-header {
	background-color: #515254;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
}

.comment-header a{
	color: #FFFFFF;
}

.comment-postedby{
	color: #515254;
	font-style: italic;
	font-size: 12px;
}

.comment-body {
	border-bottom: 1px solid #515254;
	color: #000000;
}
/* END REFLECTIONS */

.utube-note {
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.utube-note a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.utube-note a:hover {
	text-decoration: underline;
}

.media-video-icon-left  { width: 175px; float: left; margin: 5px 75px 15px 0; text-align: center;}
.media-video-icon-right { width: 175px; float: right; margin: 5px 0 15px 0; text-align: center;}
.media-youtube-video { width: 425px; float: left; margin: 5px 0 20px 12px; text-align: center;}
.media-video-caption { font-family: Arial, Helvetica, sans-serif; line-height: 16px; }


.imageHolder {
	width: 199px;
	height: 227px;
	position:absolute;
	margin: 0;
	top: 0;
}

.photo-caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}
.photo {
	border: 1px solid #F99d1C;
}


/* BEGIN DONATION FORM */
#mainDonationContainer {
	width: 453px;
	border: 2px solid #00AEEF;
	border-collapse: collapse;
	background-color:#FFFFFF;
}

#mainDonationContainer #top {
	margin: 0;
	/*background-color: #00AEEF;
	border-top: 20px solid #00AEEF;*/
	/*ie hack */
  	min-height:25px;
  	height:auto !important;
  	height:25px;
	/*end ie hack */
	padding-left: 5px;
}

#mainDonationContainer .donationHeader {
	color: #00AEEF;
	font-size: 140%;
	padding-top: 15px;
	padding-left: 7px;
	text-align: center;
}

#mainDonationContainer p {
	font-size:100%;
	margin: 18px 24px;
	padding: 0 0 0 18px;
}

#mainDonationContainer b {
	font-size:90%;
	margin-left: 42px;
}

#mainDonationContainer .privacy {
	font-size:110%;
	margin-left: 38px;
	padding: 0;
}

#mainDonationContainer .attr {
	text-align: right;
	margin: 0 12px 0 0;
}

#mainDonationContainer form {
	padding: 0;
	margin: 0;
}

#mainDonationContainer form fieldset {
  clear: both;
  font-size: 90%;
  border-color: #00AEEF;
  border-width: 1px;
  border-style: solid none none none;
  padding: 0 20px;
  width: 400px;
  margin: 0 0 0 5px;
}

#mainDonationContainer form fieldset legend {
  color: #00AEEF;	
  font-size: 140%;
  font-weight: bold;
  margin: 0;
  padding: 0 5px;
}

#mainDonationContainer .mainDonationContent {
	padding: 0;
	/*border: 2px solid black;*/
	margin: 20px 0 20px 0;
}

#mainDonationContainer .mainDonationContent_billing {
	padding: 0;
	/*border: 2px solid black;*/
	margin: 20px 0 5px 0;
}

#mainDonationContainer .mainDonationContent_giftuse {
	padding: 0;
	/*border: 2px solid black;*/
	margin: 0 0 20px 0;
}

#mainDonationContainer label {
  font-size: 110%;
}

#mainDonationContainer label u {
  font-style: normal;
  text-decoration: underline;
}

#mainDonationContainer input, select, textarea {
  font-family: "Times New Roman", Times, serif;
  font-size: 100%;
  color: #000000;
}

#mainDonationContainer textarea {
  overflow: auto;
}

#mainDonationContainer form div {
  clear: left;
  display: block;
  width: 384px;
  margin: 0 auto;
  padding: 1px 3px;
}

#mainDonationContainer form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #00AEEF;
  margin: 0;
  padding: 5px 5px 5px 5px;
  width: auto;
  white-space: nowrap;
}

#mainDonationContainer form div fieldset legend {
  font-size: 110%;
  padding: 0 3px 0 9px;
}

#mainDonationContainer form div.required fieldset legend {
  font-weight: bold;
}

#mainDonationContainer form div label {
  display: block;
  float: left;
  width: 160px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

#mainDonationContainer form div.optional label, label.optional {
  font-weight: normal;
}

#mainDonationContainer form div.required label, label.required {
  font-weight: bold;
}

#mainDonationContainer form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 250px;
  padding: 2px 0;
  margin: 0 0 10px 34px;
  text-align: left;
}

#mainDonationContainer form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

#mainDonationContainer form div fieldset label.labelCheckbox {
  margin: 5px 0 10px 20px;
  width: 170px;
}

#mainDonationContainer form div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0;
}

#mainDonationContainer form div input.inputText {
  width: 200px;
  padding: 1px 3px;
  margin: 0;
}

#mainDonationContainer form div input.inputText_gift {
  width: 100px;
  padding: 1px 3px;
  margin: 0;
}

#mainDonationContainer form div input.inputText_cvv {
  width: 50px;
  padding: 1px 3px;
  margin: 0;
}

#mainDonationContainer form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

#mainDonationContainer form div select.selectOne_title {
  width: 70px;
  padding: 1px 3px;
}

#mainDonationContainer form div select.selectOne_ccinfo {
  width: 120px;
  padding: 1px 3px;
}

#mainDonationContainer form div select.selectOne_ccexpdate {
  width: 70px;
  padding: 1px 3px;
}

#mainDonationContainer form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0 0 0 10px;
  margin: 0;
}

#mainDonationContainer form div.submit {
  width: 200px;
  padding: 0 0 0 135px;
}

#mainDonationContainer form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 10px;
  margin: 10px 0;
}

#mainDonationContainer form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 5px;
  margin: 0 auto;
}

#mainDonationContainer form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 10px 0 5px;
}

#mainDonationContainer form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;

}

#mainDonationContainer fieldset {
  border: 0px;
}

#mainDonationContainer input, select, textarea {
  background-color: transparent;
}

#mainDonationContainer input.inputSubmit {
  background-color: #000000;
  color: #f4d20b;
}

#mainDonationContainer .fc-field-error {
	border : 2px solid #000 !important;
}

/* fix IE6.x iframe/select */
#mainDonationContainer .fc-tbx iframe {
	z-index:-1;
	filter:mask();
	display:block;
    position:absolute;
}
/* END DONATION FORM */

/* begin validation */
#validate_error {
	width: 435px;
	margin: 20px auto 15px auto;
	padding: 0 10px 5px;
	background: #ffebe8;
	border: 1px solid #f0baa2;
	line-height: 120%;
	color: #222;
	display: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#validate_error .span-display {
	display: block;
}
#validate_error .image {
	position: relative;
	top: 2px;
}
#success_msg {
	width: 400px;
	margin: 20px auto 15px auto;
	padding: 5px 10px 5px 10px;
	background: #fcfff1;
	border: 1px solid #99c402;
	line-height: 120%;
	color: #222;
	display: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#failed_msg {
	width: 570px;
	margin: 20px auto 0 auto;
	padding: 5px 10px 5px 10px;
	background: #ffebe8;
	border: 1px solid #f0baa2;
	line-height: 120%;
	color: #222;
	display: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
/* end validation */

/* BEGIN PAGINATION */
.list-count {
	color: #003861;
}
.pagination {
    font-size: 80%;
	font-weight: bold;
	float: right;
}  
.pagination a {
    text-decoration: none;
	border: solid 1px #ebebeb;
	color: #000;
}
.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0px 4px 0px 4px;
    margin-right: 5px;
	margin-bottom: 5px;
	min-width: 1em;
	text-align: center;
}
.pagination .current {
    background: #26B;
    color: #fff;
	border: solid 1px #ebebeb;
}
#.pagination .current.prev, #.pagination .current.next {
	color: #999;
	border-color: #f2f2f2;
	background: #fff;
}
/* END PAGINATION */
